import Link from "next/link"

export const metadata = { title: "Not Found" }

export default function NotFound() {
  return (
    <main className="min-h-screen flex items-center justify-center px-6">
      <div className="text-center">
        <p className="font-mono text-sm text-ink-soft mb-4">404</p>
        <h1 className="heading-xl text-ink mt-0 mb-4">Page not found</h1>
        <p className="text-ink-soft mb-8">The page you{`'`}re looking for doesn{`'`}t exist.</p>
        <Link href="/" className="inline-block rounded-lg bg-ink px-6 py-3 text-sm font-medium text-canvas hover:opacity-80 transition-opacity">
          Go home
        </Link>
      </div>
    </main>
  )
}