feat: the homepage leads the visitor through as one story

The page was a row of sections to scroll past, and a film in one of them did
not change that. It now follows the questions a visitor has, in the order
they come up: who is this, can he do what I need, what does it look like,
what else, how does it go, has he done it, what is open, how do I start.

Each chapter ends by asking the next question as a large link that leads on,
and the next chapter answers it. A rail at the edge shows every chapter as a
station with a dot travelling along it (on phones: a pill with the current
chapter and one tap to the next), and the header names the current question.

Where the visitor is, is pure logic in src/domain/chapters.ts. The scroll
film section and the bridge sentences are removed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-05 10:24:52 +02:00
co-authored by Claude Opus 5.5
parent e6f00cbbb6
commit 90120b60db
19 changed files with 518 additions and 640 deletions
+24 -17
View File
@@ -277,17 +277,6 @@ export const de: Content = {
},
},
automation: {
film: {
description:
"Ein Punkt springt zwischen zwei Quadraten hin und her. Die Kamera fährt zurück: Es sind viele Reihen, in denen jemand Dinge von Programm zu Programm trägt. Dann verbinden Linien die Programme, und die Arbeit läuft von selbst.",
statements: [
["Sieht aus wie", "Pingpong."],
["Ist aber", "Ihr Büro."],
["Jede Bestellung.", "Von Hand."],
["Oder Ihre Tools", "reden miteinander."],
["Und Ihr Team", "hat Zeit."],
],
},
label: "Prozessautomatisierung",
title: { lead: "Lassen Sie die Systeme", rest: "das Kopieren übernehmen." },
intro:
@@ -495,12 +484,30 @@ export const de: Content = {
cta: "Nach einer Präsentation fragen",
},
story: {
services: "So viel zu mir. Jetzt zu Ihnen.",
automation: "Einen dieser Fälle zeige ich genauer.",
presentations: "Und manchmal ist das Richtige gar keine App.",
working: "Egal, was Sie brauchen: So läuft die Zusammenarbeit.",
work: "Und so sieht das Ergebnis aus.",
faq: "Bleiben die Fragen, die fast immer kommen.",
next: "Als Nächstes fragen Sie sich",
railLabel: "Kapitel der Seite",
chapters: [
{ id: "hello", short: "Wer", question: "Wer ist das überhaupt?" },
{ id: "services", short: "Was", question: "Kann er, was ich brauche?" },
{
id: "automation",
short: "Beispiel",
question: "Wie sieht das konkret aus?",
},
{
id: "presentations",
short: "Mehr",
question: "Und was geht sonst noch?",
},
{
id: "working",
short: "Ablauf",
question: "Wie läuft die Zusammenarbeit?",
},
{ id: "work", short: "Ergebnis", question: "Hat er das schon gemacht?" },
{ id: "faq", short: "Fragen", question: "Was ist noch offen?" },
{ id: "contact", short: "Start", question: "Wie fange ich an?" },
],
},
freelance: {
metaTitle: "Freelance-Webentwickler für Ihr Team | Marc Mintel",