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
@@ -273,17 +273,6 @@ export const en: Content = {
},
},
automation: {
film: {
description:
"A dot hops back and forth between two squares. The camera pulls back: there are many rows in which someone carries things from tool to tool. Then lines connect the tools and the work runs by itself.",
statements: [
["Looks like", "ping-pong."],
["It's your", "office."],
["Every order.", "By hand."],
["Or your tools", "talk to each other."],
["And your team", "has time."],
],
},
label: "Process automation",
title: { lead: "Let the systems", rest: "do the copying." },
intro:
@@ -483,12 +472,30 @@ export const en: Content = {
cta: "Ask about a presentation",
},
story: {
services: "That is me. Now to you.",
automation: "One of these cases, shown in more detail.",
presentations: "And sometimes the right thing is not an app at all.",
working: "Whatever you need: this is how working together goes.",
work: "And this is what the result looks like.",
faq: "That leaves the questions that almost always come up.",
next: "Next, you are wondering",
railLabel: "Chapters of this page",
chapters: [
{ id: "hello", short: "Who", question: "Who is this, anyway?" },
{ id: "services", short: "What", question: "Can he do what I need?" },
{
id: "automation",
short: "Example",
question: "What does that look like in practice?",
},
{
id: "presentations",
short: "More",
question: "And what else is possible?",
},
{
id: "working",
short: "Process",
question: "How does working together go?",
},
{ id: "work", short: "Results", question: "Has he done this before?" },
{ id: "faq", short: "Questions", question: "What is still open?" },
{ id: "contact", short: "Start", question: "How do I get started?" },
],
},
freelance: {
metaTitle: "Freelance web developer for your team | Marc Mintel",