export default function NotFound() {
  return (
    <div className="flex min-h-[50vh] flex-col items-center justify-center text-center">
      <h1 className="mb-4 text-6xl font-bold text-gray-300">404</h1>
      <h2 className="mb-2 text-2xl font-semibold text-gray-700">
        Page Not Found
      </h2>
      <p className="mb-6 text-gray-500">
        The page you are looking for does not exist.
      </p>
      <a
        href="/"
        className="rounded-lg bg-gray-900 px-6 py-3 text-sm font-medium text-white transition hover:bg-gray-800"
      >
        Go Home
      </a>
    </div>
  )
}