Sharpen positioning and copy after an outside review

An outside review (ChatGPT, from a screenshot) found the hero too
generic and the copy full of agency words. Checked each point against
the live page; the valid ones are done here:

- Hero now says who it is for: "Webdesign für Betriebe vor Ort",
  "Websites, auf denen Ihre Kunden sofort finden, was sie suchen."
  This matches the 500 € offer and the three portfolio pieces, which
  were already about local businesses.
- Second hero button "Arbeiten ansehen" (#arbeiten); every primary
  button now reads "Projekt besprechen".
- "Was wir anders machen" replaces "Individuell, sorgfältig,
  technisch solide."; highlights I and III and the service texts are
  rewritten as concrete statements.
- Mappe entries show "Die Aufgabe" / "Unsere Lösung". No invented
  results: all three are concept work.
- Two FAQ answers filled where the facts are known (self-editing is
  part of the offer; no on-site meetings).
- Two em dashes in body copy replaced.

Not taken over: the "500+" figure and "Mehr erfahren" button the
review mentions do not exist on the page.

Admin schema gains hero.secondaryLabel and mappe.items[].aufgabe.

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

admin/lib/schema.js

@@ -48,6 +48,7 @@ module.exports = [
       { key: 'titleAfter', label: 'Titel – Teil 2', type: 'text' },
       { key: 'lead', label: 'Einleitungstext', type: 'richtext' },
       { key: 'ctaLabel', label: 'Button-Text', type: 'text' },
+      { key: 'secondaryLabel', label: 'Zweiter Button (zur Mappe), leer = ausblenden', type: 'text' },
       {
         key: 'visual',
         label: 'Geräte-Ansicht (rechts neben dem Hero-Text)',
@@ -174,7 +175,8 @@ module.exports = [
           { key: 'video', label: 'Video im Laptop (Pfad zu einer .mp4, leer = Standbild)', type: 'text' },
           { key: 'kategorie', label: 'Kategorie', type: 'text' },
           { key: 'titel', label: 'Titel / Name', type: 'text' },
-          { key: 'text', label: 'Text', type: 'textarea' },
+          { key: 'aufgabe', label: 'Die Aufgabe (leer = nur Text zeigen)', type: 'textarea' },
+          { key: 'text', label: 'Unsere Lösung / Text', type: 'textarea' },
           { key: 'nameHidden', label: 'Name noch verstecken (Platzhalter zeigen)', type: 'boolean' },
         ],
       },

content/site.json

@@ -27,25 +27,26 @@
         "anchor": "preis"
       }
     ],
-    "ctaLabel": "Projekt anfragen"
+    "ctaLabel": "Projekt besprechen"
   },
   "hero": {
-    "eyebrow": "Digitalagentur für individuelle Websites",
-    "titleBefore": "Websites, die zu Ihrem ",
-    "titleEmphasis": "Unternehmen",
-    "titleAfter": " passen.",
-    "lead": "<strong>Durchdacht gestaltet, sauber umgesetzt.</strong> larpaso entwickelt individuelle Websites für Kunden aus unterschiedlichen Branchen. Mit einem klaren Ablauf und kurzen Wegen liefern wir hochwertige Ergebnisse in überschaubarer Zeit, <em>ohne Kompromisse bei Qualität und Individualität.</em>",
-    "ctaLabel": "Projekt anfragen",
+    "eyebrow": "Webdesign für Betriebe vor Ort",
+    "titleBefore": "Websites, auf denen Ihre Kunden ",
+    "titleEmphasis": "sofort",
+    "titleAfter": " finden, was sie suchen.",
+    "lead": "<strong>Angebot, Preise, Zeiten, Anfahrt.</strong> Wir bauen Websites für Inhaberbetriebe, Praxen und Handwerk, die auf dem Handy genauso gut funktionieren wie am Rechner. Die Texte schreiben wir, und den Preis kennen Sie, bevor es losgeht.",
+    "ctaLabel": "Projekt besprechen",
     "visual": {
       "customImage": "",
       "laptop": "/mappe/atelier-rosenhain.webp",
       "phone": "/mappe/elektro-rabe-mobil.webp"
-    }
+    },
+    "secondaryLabel": "Arbeiten ansehen"
   },
   "warum": {
     "eyebrow": "02 · Was uns unterscheidet",
-    "title": "Individuell, sorgfältig, technisch solide.",
-    "lead": "larpaso entwickelt individuelle Websites für Kunden, die sich von der Stange nicht zufriedengeben wollen.",
+    "title": "Was wir anders machen",
+    "lead": "Bevor wir etwas gestalten, schauen wir uns an, was Ihre Kunden auf Ihrer Seite suchen. Meistens sind es dieselben vier Dinge, und die gehören nach oben.",
     "readability": {
       "customImage": "",
       "title": "Was Kunden suchen, steht auf der Seite.",
@@ -69,7 +70,7 @@
     "amount": "500 €",
     "amountNote": "komplett, einmalig",
     "lead": "Eine fertige Website statt eines Angebots über „Konzeptphasen“. Wir schreiben die Texte, bauen die Seite und stellen sie online. Sie sagen uns, was Sie machen und für wen.",
-    "slotsNote": "Noch [3] von 3 Plätzen frei — Stand [Datum].",
+    "slotsNote": "Noch [3] von 3 Plätzen frei · Stand [Datum].",
     "features": [
       {
         "text": "Eine Seite mit allem, was Kunden suchen: Angebot, Preise, Zeiten, Anfahrt, Kontakt",
@@ -107,13 +108,13 @@
     "asideTitle": "Warum so günstig?",
     "asideParagraph1": "Weil wir am Anfang stehen und Arbeiten zeigen müssen, die echten Betrieben gehören. Dafür bitten wir um zwei Dinge: Wir dürfen die fertige Seite in unserer Mappe zeigen, und wenn Sie zufrieden sind, schreiben Sie uns drei Sätze, die wir zitieren dürfen.",
     "asideParagraph2": "Kein Abo und keine Vertragslaufzeit. Sie zahlen die Hälfte zum Start, die Hälfte, wenn die Seite online ist.",
-    "ctaLabel": "Projekt anfragen"
+    "ctaLabel": "Projekt besprechen"
   },
   "highlights": [
     {
       "num": "I",
-      "title": "Individuell entwickelt",
-      "text": "Keine Templates von der Stange — jede Website wird passend zu Zielen, Marke und Zielgruppe konzipiert und umgesetzt."
+      "title": "Keine Vorlage",
+      "text": "Jede Seite fangen wir leer an. Farben, Schrift und Aufbau richten sich nach Ihrem Betrieb, deshalb sehen unsere Entwürfe so unterschiedlich aus."
     },
     {
       "num": "II",
@@ -122,19 +123,19 @@
     },
     {
       "num": "III",
-      "title": "Technisch solide",
-      "text": "Saubere, wartbare Umsetzung mit Blick auf Performance, Zugänglichkeit und langfristige Pflegbarkeit."
+      "title": "Schnell auf dem Handy",
+      "text": "Die meisten Ihrer Kunden kommen über das Handy. Dafür bauen wir zuerst, und wir achten darauf, dass die Seite auch bei schwachem Netz schnell lädt."
     }
   ],
   "leistungen": {
     "eyebrow": "03 · Was Sie bekommen",
     "title": "Was wir für Sie tun können",
-    "lead": "Von der ersten Idee bis zur laufenden Betreuung: larpaso begleitet Ihr Website-Projekt aus einer Hand, mit individueller Gestaltung und sauberer Technik.",
+    "lead": "Die meisten Betriebe brauchen eine gute Seite und jemanden, der sie aktuell hält. Beides bekommen Sie bei uns.",
     "items": [
       {
         "num": "01",
-        "title": "Individuelle Websites",
-        "text": "Konzeption und Umsetzung von Websites, die auf Ihr Unternehmen, Ihre Zielgruppe und Ihre Ziele zugeschnitten sind — von der einfachen Unternehmenspräsenz bis zur komplexeren Webanwendung."
+        "title": "Neue Website",
+        "text": "Eine Seite für Ihren Betrieb, auf der Kunden Angebot, Preise, Zeiten und Anfahrt finden, ohne zu suchen. Für die meisten reicht eine einzige, gut gebaute Seite."
       },
       {
         "num": "02",
@@ -144,22 +145,22 @@
       {
         "num": "03",
         "title": "Konzeption & Beratung",
-        "text": "Vor der Umsetzung klären wir Struktur, Inhalte und technische Anforderungen — damit die Website von Anfang an zu Ihren Zielen passt."
+        "text": "Im ersten Gespräch klären wir, was auf die Seite muss und was wegkann. Danach wissen Sie, was es kostet und wie lange es dauert."
       },
       {
         "num": "04",
-        "title": "Redesign & Weiterentwicklung",
-        "text": "Bestehende Websites überarbeiten, modernisieren oder um neue Funktionen erweitern — technisch fundiert und mit klarem Fokus auf Nutzbarkeit."
+        "title": "Bestehende Seite überarbeiten",
+        "text": "Ihre Seite ist in die Jahre gekommen oder auf dem Handy kaum zu bedienen? Wir bauen sie neu auf und übernehmen, was sich bewährt hat."
       },
       {
         "num": "05",
         "title": "Wartung & Support",
-        "text": "Nach dem Launch lassen wir Sie nicht allein: Updates, kleinere Anpassungen und technischer Support nach Bedarf."
+        "text": "Nach dem Start sind wir weiter erreichbar: für neue Preise, geänderte Zeiten oder wenn etwas nicht funktioniert."
       },
       {
         "num": "06",
         "title": "Performance & Zugänglichkeit",
-        "text": "Websites, die schnell laden und für möglichst viele Nutzerinnen und Nutzer gut zugänglich sind — als Grundlage, nicht als nachträgliches Extra."
+        "text": "Die Seite lädt schnell und lässt sich auch mit großer Schrift oder Vorleseprogramm gut bedienen. Das bauen wir von Anfang an mit ein."
       }
     ],
     "nichtMachenTitle": "Was wir nicht machen",
@@ -176,7 +177,8 @@
       {
         "kategorie": "Konzeptarbeit · Elektrobetrieb",
         "titel": "Rabe Elektrotechnik",
-        "text": "Anthrazit und Signalgelb, die Schrift wie auf einem Werkstattschild. Stundensatz, Anfahrt und Notdienstzuschlag stehen gleich oben auf der Seite, weil das die ersten zwei Fragen an jeden Elektriker sind: Was kostet es, und wann kommt jemand?",
+        "aufgabe": "Ein Elektriker hört am Telefon jeden Tag dieselben zwei Fragen: Was kostet das, und wann kommt jemand?",
+        "text": "Stundensatz, Anfahrt und Notdienstzuschlag stehen gleich oben, als Datenblatt neben der Überschrift. Anthrazit und Signalgelb, die Schrift wie auf einem Werkstattschild.",
         "nameHidden": false,
         "image": "/mappe/elektro-rabe.webp",
         "mobileImage": "/mappe/elektro-rabe-mobil.webp",
@@ -185,6 +187,7 @@
       {
         "kategorie": "Konzeptarbeit · Tanzstudio",
         "titel": "Maison Verte",
+        "aufgabe": "Eine Tanzschule mit vielen Kursen und Eltern, die abends schnell nachsehen wollen, wann welche Gruppe tanzt.",
         "text": "Sand und Salbei. Der Stundenplan steht als Tabelle auf der Seite, nicht als Download, und die Preise auch. Für ein Studio, das ruhig wirken soll, ohne dabei alt auszusehen.",
         "nameHidden": false,
         "image": "/mappe/maison-verte.webp",
@@ -194,6 +197,7 @@
       {
         "kategorie": "Konzeptarbeit · Kosmetikstudio",
         "titel": "Atelier Rosenhain",
+        "aufgabe": "Ein Kosmetikstudio, bei dem Kundinnen vor dem ersten Termin wissen wollen, was eine Behandlung kostet und wie lange sie dauert.",
         "text": "Weich, warm, und trotzdem kein Pastellrosa. Jede Behandlung mit Dauer und Preis, Termin direkt aus der Liste heraus. Damit niemand erst anrufen muss, um zu erfahren, was etwas kostet.",
         "nameHidden": false,
         "image": "/mappe/atelier-rosenhain.webp",
@@ -248,7 +252,7 @@
     "items": [
       {
         "question": "Kann ich die Seite danach selbst ändern?",
-        "answer": ""
+        "answer": "Ja. Zum Schluss zeigen wir Ihnen, wie Sie Öffnungszeiten, Preise und Texte selbst ändern. Dafür brauchen Sie keine Vorkenntnisse."
       },
       {
         "question": "Was, wenn mir das Ergebnis nicht gefällt?",
@@ -260,7 +264,7 @@
       },
       {
         "question": "Müssen wir uns dafür treffen?",
-        "answer": ""
+        "answer": "Nein. Wir sprechen am Telefon und schreiben per Mail. Fotos und Unterlagen schicken Sie uns einfach zu."
       },
       {
         "question": "Wie lange dauert es insgesamt?",
@@ -279,7 +283,7 @@
   "kontakt": {
     "eyebrow": "08 · Kontakt",
     "title": "Lassen Sie uns sprechen.",
-    "lead": "Erzählen Sie uns kurz von Ihrem Projekt — wir melden uns zeitnah bei Ihnen zurück. Ein Erstgespräch ist unverbindlich und kostet Sie nichts.",
+    "lead": "Erzählen Sie uns kurz von Ihrem Projekt, wir melden uns zeitnah bei Ihnen zurück. Ein Erstgespräch ist unverbindlich und kostet Sie nichts.",
     "phone": "",
     "hours": "",
     "email": "kontakt@larpaso.de",

src/pages/index.astro

@@ -16,6 +16,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
         <p class="text-lead" set:html={rich(hero.lead)} />
         <div class="hero-actions">
           <a class="btn btn-primary" href="#kontakt">{hero.ctaLabel}</a>
+          {hero.secondaryLabel && (
+            <a class="btn btn-secondary" href="#arbeiten">{hero.secondaryLabel}</a>
+          )}
         </div>
       </div>
 
@@ -152,7 +155,16 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
             )}
             <p class="mappe-kategorie">{item.kategorie}</p>
             <h3>{item.nameHidden ? <span class="placeholder">[Studio — erst nach Freigabe zeigen]</span> : item.titel}</h3>
-            <p>{item.text}</p>
+            {item.aufgabe ? (
+              <dl class="mappe-fall">
+                <dt>Die Aufgabe</dt>
+                <dd>{item.aufgabe}</dd>
+                <dt>Unsere Lösung</dt>
+                <dd>{item.text}</dd>
+              </dl>
+            ) : (
+              <p>{item.text}</p>
+            )}
           </article>
         ))}
       </div>
@@ -354,6 +366,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
 
   .hero-actions {
     margin-top: var(--space-6);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-3);
   }
 
   .hero-visual-image {
@@ -570,6 +585,24 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
     margin-bottom: var(--space-5);
   }
 
+  .mappe-fall {
+    margin: 0;
+  }
+
+  .mappe-fall dt {
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--color-accent);
+    margin-top: var(--space-3);
+  }
+
+  .mappe-fall dd {
+    margin: var(--space-1) 0 0;
+    color: var(--color-text-muted);
+  }
+
   .mappe-kategorie {
     font-size: 0.75rem;
     letter-spacing: 0.06em;