feat: the automation chapter opens with a scroll film

The homepage read as sections to scroll past. The automation chapter now
opens the way the social media films do: one continuous shot on a dark
stage that stays in place while the visitor scrolls. Scrolling moves the
camera (close on a dot hopping between two squares, pull back to a whole
office carrying things from tool to tool, freeze, lines take over) and
changes the statement; a second clock keeps the dots moving when the
visitor stops. The statements are the approved ones from the film.

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

apps/web/src/content/de.ts

@@ -277,6 +277,17 @@ 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:

apps/web/src/content/en.ts

@@ -273,6 +273,17 @@ 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:

apps/web/src/content/types.ts

@@ -194,6 +194,11 @@ export type Content = {
     readonly scenes: SceneLabels;
   };
   readonly automation: {
+    /** The film that opens the chapter: what it shows, and its five statements in order. */
+    readonly film: {
+      readonly description: string;
+      readonly statements: readonly (readonly string[])[];
+    };
     readonly label: string;
     readonly title: SplitTitle;
     readonly intro: string;