feat: a red thread through the homepage, in words and as a line

The rail and the "next, you are wondering" links are gone (owner: flat, and
the question stood twice in a row). The page now reads from top to bottom:

Every chapter opens with one sentence, and the sentences follow each other
as the way of a project: you need someone who builds it, first we find out
what you need, sometimes it is less work by hand, sometimes a meeting, then
it always runs the same way, in the end something runs, a few questions
remain, and it starts with an email.

One line runs down the whole page and draws itself as the visitor scrolls.
Under each sentence it crosses the page, stands a figure on the line
(diamond, hexagon, screen, circle, square, triangle) and continues down the
other side; a glowing dot travels at its head and comes to rest in front of
the last sentence.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/content/de.ts

@@ -484,30 +484,16 @@ export const de: Content = {
     cta: "Nach einer Präsentation fragen",
   },
   story: {
-    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?" },
-    ],
+    hello: "Für ein Vorhaben im Web brauchen Sie jemanden, der es baut.",
+    services: "Als Erstes klären wir, was Sie wirklich brauchen.",
+    automation:
+      "Manchmal ist es gar keine neue Software, sondern weniger Handarbeit.",
+    presentations:
+      "Und manchmal ist es ein Termin, bei dem Sie überzeugen müssen.",
+    working: "Wenn klar ist, was entsteht, läuft es immer gleich ab.",
+    work: "Am Ende steht etwas, das läuft.",
+    faq: "Vorher bleiben meist ein paar Fragen.",
+    contact: "Und dann beginnt es mit einer E-Mail.",
   },
   freelance: {
     metaTitle: "Freelance-Webentwickler für Ihr Team | Marc Mintel",

apps/web/src/content/en.ts

@@ -472,30 +472,17 @@ export const en: Content = {
     cta: "Ask about a presentation",
   },
   story: {
-    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?" },
-    ],
+    hello: "For a project on the web you need someone who builds it.",
+    services: "First we find out what you really need.",
+    automation:
+      "Sometimes it is not new software at all, but less work by hand.",
+    presentations:
+      "And sometimes it is a meeting in which you have to convince.",
+    working:
+      "Once it is clear what will be built, it always runs the same way.",
+    work: "In the end there is something that runs.",
+    faq: "Before that, a few questions usually remain.",
+    contact: "And then it starts with an email.",
   },
   freelance: {
     metaTitle: "Freelance web developer for your team | Marc Mintel",

apps/web/src/content/types.ts

@@ -130,14 +130,6 @@ export type ChapterId =
   | "faq"
   | "contact";
 
-export type StoryChapter = {
-  readonly id: ChapterId;
-  /** One word for the rail. */
-  readonly short: string;
-  /** The question of the visitor that this chapter answers. */
-  readonly question: string;
-};
-
 export type FaqItem = {
   readonly question: string;
   readonly answer: string;
@@ -249,16 +241,10 @@ export type Content = {
     readonly cta: string;
   };
   /**
-   * The story of the homepage: it follows the questions a visitor has, in the
-   * order they come up. Each chapter opens with its question and ends by
-   * handing over to the next one.
+   * The story of the homepage: one sentence per chapter. Read one after the
+   * other they tell the way of a project from the idea to the first email.
    */
-  readonly story: {
-    readonly next: string;
-    /** Label of the rail that shows all chapters. */
-    readonly railLabel: string;
-    readonly chapters: readonly StoryChapter[];
-  };
+  readonly story: Readonly<Record<ChapterId, string>>;
   /** The page for people who develop themselves or lead a team. */
   readonly freelance: {
     readonly metaTitle: string;