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