diff --git a/app/not-found.tsx b/app/not-found.tsx new file mode 100644 index 0000000..010675d --- /dev/null +++ b/app/not-found.tsx @@ -0,0 +1,214 @@ +import type { Metadata } from "next"; +import Link from "next/link"; +import { Reveal, RevealGroup, RevealItem } from "./components/Reveal"; +import { Footer } from "./components/Footer"; +import { TrustRow } from "./components/TrustRow"; + +export const metadata: Metadata = { + title: "Seite nicht gefunden", + description: "Diese Seite ist gerade nicht dort, wo sie sein sollte.", + robots: { index: false, follow: true }, +}; + +const helpLinks = [ + { + href: "/", + title: "Startseite", + desc: "Zurück zu den wichtigsten Inhalten und Angeboten.", + cta: "Zur Startseite", + icon: ( + + ), + }, + { + href: "/blog", + title: "Im Blog stöbern", + desc: "Lass dich von Impulsen, Methoden und Gedanken inspirieren.", + cta: "Zum Blog", + icon: ( + + ), + }, + { + href: "/#werkzeuge", + title: "Werkzeuge entdecken", + desc: "Praktische Tools für mehr Fokus, Struktur und Klarheit.", + cta: "Zu den Werkzeugen", + icon: ( + + ), + }, +]; + +export default function NotFound() { + return ( + <> +
+ {/* Hero — eyebrow / Ups. / subheading / copy / CTA, sticky note beside it */} +
+ +

404 – Seite nicht gefunden

+

+ Ups. +

+

+ Diese Seite ist gerade nicht dort, wo sie sein sollte. +

+
+

+ Vielleicht wurde sie verschoben, umbenannt oder es hat sich ein kleiner Tippfehler eingeschlichen. +

+

Aber kein Problem – wir bringen dich gerne zurück auf Kurs.

+ + Zur Startseite + + + + + {/* Sticky note — drawn natively (rotated card + tape + Caveat + handwriting) rather than a cropped photo asset, since there's + no such image in /public and this reads just as well as a + coded illustration built from the same tokens (Lora for the + "404", Caveat for the handwritten line) the rest of the site + already uses for handwritten-style accents (see About.tsx's + signature quote). */} + +
+
+

+ 404 +

+
+

+ Nicht hier. +
+ Aber dein Ziel ist +
+ sicher nicht weit. +

+ +
+ +
+ + {/* Help links + search */} +
+ +

+ Vielleicht hilft dir das weiter: +

+
+ + + + {helpLinks.map((link) => ( + +
+ {link.icon} +
+

{link.title}

+

{link.desc}

+ + {link.cta} + + +
+ ))} +
+ + +
+ + Suche nach Impulsen, Tools, Themen … +
+
+
+ + {/* Testimonial band — photo bleeds to the viewport edge, gradient + fade into bg-base on its trailing edge instead of a hard cut, + same idea as page-bestellbestaetigung's photo+quote pattern. */} + +
+ +
+
+
+

+ „Manchmal führt der falsche Weg zu neuen klaren Gedanken.“ +

+
+

Björn

+
+ + + +
+