import Link from 'next/link'

export default function NotFound() {
  return (
    <main className="max-w-3xl 2xl:max-w-4xl mx-auto px-4 py-8 mb-8 lg:py-16 w-full">
      <div className="font-mono text-sm text-fg-dim mb-2">~/404</div>
      <h1 className="text-4xl font-bold mb-4">Page not found</h1>
      <p className="text-fg-dim mb-6">
        Whatever you were looking for isn&apos;t here. It may have moved, or never existed.
      </p>
      <Link href="/" className="text-accent hover:underline">
        Back to the homepage
      </Link>
    </main>
  )
}