import Link from "next/link";

export default function NotFound() {
  return (
    <main className="min-h-screen bg-black text-zinc-50 flex items-center justify-center px-4">
      <div className="max-w-md text-center">
        <p className="text-xs font-semibold tracking-[0.3em] uppercase text-zinc-500">
          Battl Builders
        </p>

        <h1 className="mt-4 text-4xl font-semibold tracking-tight">
          Page Not Found
        </h1>

        <p className="mt-3 text-sm text-zinc-400">
          The page you&apos;re looking for doesn&apos;t exist or has been moved.
        </p>

        <div className="mt-6 flex justify-center gap-3">
          <Link
            href="/"
            className="rounded-md bg-amber-400 px-4 py-2 text-sm font-semibold text-black hover:bg-amber-300 transition-colors"
          >
            Go Home
          </Link>

          {/* <a
            href="https://battl.builders"
            className="rounded-md border border-zinc-700 px-4 py-2 text-sm font-medium text-zinc-300 hover:bg-zinc-900 hover:border-zinc-600 transition-colors"
          >
            Learn More
          </a> */}
        </div>

      </div>
    </main>
  );
}