maro
45261a0461
- Next.js 16 App Router site with the ANOUMA design system - Payload CMS (PostgreSQL) for offers, events, posts and page content - WebRTC video-call system with custom signaling server - SMTP email reminders and booking-request notifications - Customer accounts, calendar-based availability, and booking workflow
75 lines
3.1 KiB
TypeScript
75 lines
3.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Cormorant_Garamond, Inter } from "next/font/google";
|
|
import { Navbar } from "@/components/Navbar";
|
|
import { Button } from "@/components/Button";
|
|
import { OrganicBlob } from "@/components/OrganicBlob";
|
|
import { ImagePlaceholder } from "@/components/ImagePlaceholder";
|
|
import { siteConfig } from "@/lib/site";
|
|
import "./(frontend)/globals.css";
|
|
|
|
// Required because the app has two root layouts — (frontend) and (payload) —
|
|
// so there is no single layout Next.js could compose a 404 page from.
|
|
// See node_modules/next/dist/docs/.../not-found.md ("global-not-found.js").
|
|
|
|
const cormorant = Cormorant_Garamond({
|
|
variable: "--font-cormorant",
|
|
subsets: ["latin"],
|
|
weight: ["400", "500", "600"],
|
|
style: ["normal", "italic"],
|
|
});
|
|
|
|
const inter = Inter({
|
|
variable: "--font-inter",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Seite nicht gefunden",
|
|
};
|
|
|
|
export default function GlobalNotFound() {
|
|
return (
|
|
<html
|
|
lang="de"
|
|
className={`${cormorant.variable} ${inter.variable} h-full antialiased`}
|
|
>
|
|
<body className="flex min-h-full flex-col bg-background text-foreground">
|
|
{/* This page is always statically prerendered, so it can't read live
|
|
CMS data — the mega menu is intentionally omitted here. */}
|
|
<Navbar offers={[]} />
|
|
<main className="flex-1">
|
|
<section className="relative overflow-hidden py-24 sm:py-32">
|
|
<OrganicBlob tone="rose" className="-right-24 -top-24 h-96 w-96" />
|
|
<div className="mx-auto grid max-w-5xl items-center gap-12 px-6 sm:px-8 lg:grid-cols-2 lg:px-12">
|
|
<div>
|
|
<p className="text-xs font-medium uppercase tracking-[0.24em] text-anouma-plum">404</p>
|
|
<h1 className="mt-4 text-balance font-serif text-4xl font-medium leading-tight text-anouma-plum sm:text-5xl">
|
|
Diesen Weg gibt es hier nicht
|
|
</h1>
|
|
<p className="mt-5 max-w-md text-lg leading-relaxed text-anouma-plum">
|
|
Die gesuchte Seite konnte nicht gefunden werden. Vielleicht findest du deinen Weg
|
|
über die Startseite oder die Angebote weiter.
|
|
</p>
|
|
<div className="mt-8 flex flex-wrap gap-4">
|
|
<Button href="/">Zur Startseite</Button>
|
|
<Button href="/angebote" variant="secondary">
|
|
Angebote ansehen
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<div className="relative mx-auto aspect-square w-full max-w-sm">
|
|
<ImagePlaceholder mood="sand" label="Seite nicht gefunden" className="h-full w-full" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
{/* Minimal static footer — the full Footer reads live CMS data,
|
|
which isn't available on this always-static 404 page. */}
|
|
<footer className="bg-anouma-plum py-8 text-center text-sm text-anouma-cream-light">
|
|
© {new Date().getFullYear()} {siteConfig.name}
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|