← back to Trademarks Copyright

src/app/not-found.tsx

22 lines

import Link from "next/link";

export const metadata = { title: "Not found — 404" };

export default function NotFound() {
  return (
    <article className="mx-auto max-w-2xl">
      <div className="card p-8 text-center">
        <div className="text-xs uppercase tracking-widest text-brass">404</div>
        <h1 className="mt-2 text-4xl font-semibold">The page you're looking for has been abandoned.</h1>
        <p className="mt-3 text-ink/70">Fitting, really. Here's where to go:</p>
        <div className="mt-6 flex flex-wrap justify-center gap-2">
          <Link href="/drops" className="btn">Daily drops</Link>
          <Link href="/pricing" className="btn-ghost">Pricing</Link>
          <Link href="/about" className="btn-ghost">About</Link>
          <Link href="/faq" className="btn-ghost">FAQ</Link>
        </div>
      </div>
    </article>
  );
}