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:
+24
-17
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user