Local Build and Deploy / deploy (push) Successful in 1m31s
Shared ErrorScreen composition, i18n for en/nl/it, Sentry on route errors, and a self-contained global-error fallback that matches the hotel gold theme. Co-authored-by: Cursor <[email protected]>
30 lines
744 B
TypeScript
30 lines
744 B
TypeScript
import { Home, Newspaper } from "lucide-react";
|
|
import Link from "next/link";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { ErrorScreen } from "@/components/error-screen";
|
|
|
|
export default async function NotFound() {
|
|
const t = await getTranslations("pages.notFound");
|
|
|
|
return (
|
|
<ErrorScreen
|
|
code={t("code")}
|
|
title={t("title")}
|
|
subtitle={t("subtitle")}
|
|
body={t("body")}
|
|
actions={
|
|
<>
|
|
<Link className="btn btn-primary" href="/">
|
|
<Home className="error-screen-btn-icon" aria-hidden />
|
|
{t("backHome")}
|
|
</Link>
|
|
<Link className="btn btn-outline" href="/news">
|
|
<Newspaper className="error-screen-btn-icon" aria-hidden />
|
|
{t("latestNews")}
|
|
</Link>
|
|
</>
|
|
}
|
|
/>
|
|
);
|
|
}
|