feat: contact topics per audience, room above the last sentence, a hero line that says what a client gets

Contact: the message starter offered every topic on both pages. The homepage
now offers automation, a website, or something else; the freelance page a
developer, a reliable app, or something else.

Thread: where it crosses the page above the last sentence it ran too close
to the text. It keeps more distance now, on phones too.

Hero: the line under the hero listed years, working hours and two links,
which says nothing to a client (owner). It now names four things a client
gets: one contact who builds it himself, an offer before anything costs
money, changes by email, servers in Germany.

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

apps/web/app/[locale]/freelance/page.tsx

@@ -29,6 +29,9 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   };
 }
 
+/** What a team may ask for. Clients have their own on the homepage. */
+const TEAM_TOPICS = ["developer", "rescue", "other"] as const;
+
 const MUTED = "text-slate-400";
 const BODY = "m-0 font-sans text-lg leading-relaxed text-slate-500 md:text-xl";
 const LIST_TITLE = "m-0 font-sans text-xl font-bold tracking-tight md:text-2xl";
@@ -255,7 +258,7 @@ export default async function FreelancePage({ params }: Props) {
         </Reveal>
       </Block>
 
-      <ClosingCta contact={content.contact} />
+      <ClosingCta contact={content.contact} topics={TEAM_TOPICS} />
     </div>
   );
 }

apps/web/app/[locale]/page.tsx

@@ -39,6 +39,9 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   };
 }
 
+/** What a client of the homepage may ask for. Teams have their own on the freelance page. */
+const HOME_TOPICS = ["automation", "website", "other"] as const;
+
 const MUTED = "text-slate-400";
 const BODY = "m-0 font-sans text-lg leading-relaxed text-slate-500 md:text-xl";
 const LIST_TITLE =
@@ -270,7 +273,11 @@ export default async function LandingPage({ params }: Props) {
         </Reveal>
       </Block>
 
-      <ClosingCta contact={content.contact} story={story.contact} />
+      <ClosingCta
+        contact={content.contact}
+        topics={HOME_TOPICS}
+        story={story.contact}
+      />
       <StoryThread />
     </div>
   );