import Link from "next/link"
import { buttonVariants } from "@/lib/utils"

export default function NotFound() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center px-4 text-center">
      <h1 className="text-7xl font-extrabold text-gold">404</h1>
      <h2 className="mt-4 text-2xl font-semibold text-white">Page not found</h2>
      <p className="mt-2 text-silver">We couldn&apos;t find what you were looking for.</p>
      <Link href="/" className={`mt-8 ${buttonVariants({ size: "lg" })}`}>
        Go Home
      </Link>
    </div>
  )
}