feat: freelance page, a story on the homepage, and design fixes

The homepage was too long and read as a list of sections. The technical
ones (project fit, tools, how a change is secured) move to a page of their
own, /freelance and /en/freelance, linked from the header, the footer and a
pointer on the homepage. The rest is reordered into one story (who, what you
need, examples, how working together goes, results, questions, contact) and
each section opens with a sentence that leads over from the one before.

routes.ts: a page may now have the same name in both languages. Before,
/en/<german name> was always moved to the English name, which for such a
page would have redirected the address onto itself.

Design: list titles such as "Passt gut" are real headings instead of small
grey labels. The automation examples, their description and the run are one
box, so it is clear they belong together. Digits on light backgrounds are
the blue of the panels instead of black. The square corner marks on the
rounded service cards are gone. The years in the career line are readable.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 16:34:38 +02:00
co-authored by Claude Opus 5.5
parent 11e991e54a
commit c70833a725
17 changed files with 442 additions and 190 deletions
+27
View File
@@ -25,6 +25,7 @@ export const en: Content = {
},
nav: {
contact: GET_IN_TOUCH,
freelance: "Freelance",
contactLong: GET_IN_TOUCH,
logoLabel: "Marc Mintel, back to top",
imprint: "Imprint",
@@ -477,6 +478,32 @@ 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.",
},
freelance: {
metaTitle: "Freelance web developer for your team | Marc Mintel",
metaDescription:
"Which projects I am right for, what I work with (React, Next.js, TypeScript) and how I secure changes before they go live.",
label: "Freelance",
title: {
lead: "A developer for your team.",
rest: "The technical details.",
},
intro:
"This page is for people who develop themselves or lead a team: which projects I am right for, what I work with, and how I secure changes before they go live.",
pipelineLabel: "Safeguards",
teaser: {
title: "You develop yourself or lead a team?",
text: "Which projects I am right for, what I work with and how I secure changes is on a page of its own.",
cta: "To the technical details",
},
},
technology: {
label: "Technology",
title: { lead: "Which projects", rest: "I am right for." },