import Link from "next/link";
import { isLocale, type Locale, publicPath } from "@/i18n/routes";
import { getDict } from "@/i18n/dictionaries";

export default async function NotFound() {
  // Die [lang]-not-found Route bekommt in Next.js 16 mitunter kein `params`.
  // Wir fallen deshalb auf DE zurück, wenn nichts gesetzt ist.
  const locale: Locale = "de";
  const dict = getDict(locale);
  return (
    <div className="ascii-box mx-auto max-w-xl text-center">
      <p className="font-mono text-xs uppercase text-muted">404 · not found</p>
      <h1 className="mt-2 text-2xl font-semibold">{dict.projects.title}</h1>
      <p className="mt-4 text-[var(--fg)]">
        Diese Seite existiert nicht.
        <br />
        <Link href={publicPath(locale, "home")} className="text-accent hover:underline">
          ← {dict.actions.backToProjects}
        </Link>
      </p>
    </div>
  );
}
