maroandClaude Sonnet 5
1cd15aff25
- Customer accounts now require email verification (hashed, single-use, time-limited tokens) before they can request/confirm bookings, with resend flows on login/account/booking widget and rate limiting. - Admins get a private, rotatable iCalendar (ICS) subscription feed of their confirmed bookings and public events, timezone-correct for Europe/Berlin including DST, never exposing meeting passwords. - Adds a full SEO layer: per-page canonical/OG/Twitter metadata with CMS-editable overrides and content-derived fallbacks, a dynamic sitemap.xml and robots.txt driven by real published content, JSON-LD (Organization/LocalBusiness, WebSite, WebPage, BreadcrumbList, Service, Event, BlogPosting) that never fabricates data, and a CMS-managed redirect table for changed slugs. - Global ANOUMA-naming audit: the brand name is never used to label personal account/calendar areas anywhere in the app, CMS, or emails. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
79 lines
3.2 KiB
TypeScript
79 lines
3.2 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",
|
|
robots: { index: false, follow: false },
|
|
};
|
|
|
|
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">
|
|
Diese Seite wurde nicht gefunden. Vielleicht findest du deinen Weg über die
|
|
Startseite, die Angebote oder den Kontakt weiter.
|
|
</p>
|
|
<div className="mt-8 flex flex-wrap gap-4">
|
|
<Button href="/">Zur Startseite</Button>
|
|
<Button href="/angebote" variant="secondary">
|
|
Angebote ansehen
|
|
</Button>
|
|
<Button href="/kontakt" variant="secondary">
|
|
Kontakt
|
|
</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>
|
|
);
|
|
}
|