Initial commit: ANOUMA website with Payload CMS, WebRTC meetings, and booking system

- 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
2026-08-25 16:40:51 +02:00
commit 45261a0461
138 changed files with 23263 additions and 0 deletions
@@ -0,0 +1,74 @@
+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">
+          &copy; {new Date().getFullYear()} {siteConfig.name}
+        </footer>
+      </body>
+    </html>
+  );
+}