`src/app/not-found.tsx`

30 lines
import Link from 'next/link';

export default function NotFound() {
  return (
    <section className="max-w-2xl mx-auto px-6 py-32 text-center">
      <p className="text-[10px] uppercase tracking-[0.2em] text-ink/40 mb-3">404 · file not in the archive</p>
      <h1 className="font-display text-7xl text-ink tracking-[-0.02em] leading-[0.95]">
        No record at this address.
      </h1>
      <p className="mt-6 font-display italic text-2xl text-ink/60">
        Either the page hasn&rsquo;t been ingested yet, or it never existed.
      </p>
      <div className="mt-10 flex justify-center gap-3">
        <Link
          href="/"
          className="bg-ink text-sand px-5 py-2 text-xs uppercase tracking-wider hover:bg-moss transition"
        >
          Back to the archive
        </Link>
        <Link
          href="/browse"
          className="border border-ink/20 text-ink px-5 py-2 text-xs uppercase tracking-wider hover:border-coral hover:text-coral transition"
        >
          Browse what we do have
        </Link>
      </div>
    </section>
  );
}