import type { Metadata } from "next"
import Link from "next/link"

// A 404 already returns the right status code, but without its own title it
// would surface the site-wide default title in tabs, share previews and logs.
// Next.js emits its own `noindex` for not-found, so no robots field here —
// adding one only produces a second, redundant <meta name="robots">.
export const metadata: Metadata = {
  title: "Page not found",
}

export default function NotFound() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center bg-[#09090b] text-white">
      <h1 className="text-6xl font-bold text-indigo-500">404</h1>
      <p className="mt-4 text-xl text-white/60">Page not found</p>
      <Link
        href="/"
        className="mt-8 rounded-lg bg-indigo-600 px-6 py-3 text-sm font-medium text-white hover:bg-indigo-500 transition-colors"
      >
        Go home
      </Link>
    </div>
  )
}