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

// Keep 404s out of search indexes. This also covers the placeholder
// `__none__` detail pages emitted for empty sections (see slugStaticParams).
export const metadata: Metadata = { robots: { index: false, follow: false } };

export default function NotFound() {
  return (
    <main className="grid min-h-screen place-items-center px-6 text-center">
      <div>
        <p className="font-display text-7xl font-bold text-brand">404</p>
        <p className="mt-4 text-lg text-ink-soft">
          This page could not be found. / Cette page est introuvable.
        </p>
        <div className="mt-8 flex justify-center gap-3">
          <Link
            href="/en/"
            className="rounded-full bg-ink px-6 py-3 text-sm font-semibold text-bg transition hover:bg-brand-bright"
          >
            Home
          </Link>
          <Link
            href="/fr/"
            className="rounded-full border border-line px-6 py-3 text-sm font-semibold transition hover:border-ink/40"
          >
            Accueil
          </Link>
        </div>
      </div>
    </main>
  );
}