Update landing page copy for clarity and engagement

- Revise text in the landing hero section to better resonate with target audience
- Adjust service descriptions for improved understanding
- Enhance package details for clearer value proposition
- Modify headings and labels for consistency and impact
This commit is contained in:
2026-05-06 09:45:14 +02:00
parent 6083844c24
commit d92ff8c065
2 changed files with 16 additions and 16 deletions
+6 -6
View File
@@ -28,10 +28,10 @@ const LandingHeroSection = () => {
<div className="max-w-5xl py-16 sm:py-20 lg:py-24"> <div className="max-w-5xl py-16 sm:py-20 lg:py-24">
<p className="mb-6 max-w-sm text-sm uppercase tracking-[0.32em] text-primary"> <p className="mb-6 max-w-sm text-sm uppercase tracking-[0.32em] text-primary">
Projektbrief für regionale Unternehmen Für Betriebe, die lieber arbeiten als basteln
</p> </p>
<h1 className="max-w-[11ch] text-[clamp(4.25rem,13vw,11.5rem)] font-black uppercase leading-[0.78] tracking-normal text-foreground"> <h1 className="max-w-[11ch] text-[clamp(4.25rem,13vw,11.5rem)] font-black uppercase leading-[0.78] tracking-normal text-foreground">
Website ohne Umweg Online. Fertig. Läuft.
</h1> </h1>
<div className="mt-8 grid gap-7 border-t border-border pt-7 lg:grid-cols-[0.72fr_1fr]"> <div className="mt-8 grid gap-7 border-t border-border pt-7 lg:grid-cols-[0.72fr_1fr]">
<p className="text-sm uppercase tracking-[0.24em] text-muted-foreground"> <p className="text-sm uppercase tracking-[0.24em] text-muted-foreground">
@@ -39,15 +39,15 @@ const LandingHeroSection = () => {
</p> </p>
<p className="max-w-2xl text-lg leading-8 text-foreground/78"> <p className="max-w-2xl text-lg leading-8 text-foreground/78">
Ich baue Websites für Handwerk, Praxen, Salons und Ich baue Websites für Handwerk, Praxen, Salons und
Dienstleister aus der Region. Direkt, glaubwürdig und so Dienstleister aus der Region — klar genug, dass Besucher
reduziert, dass der nächste Kontakt naheliegt. anrufen statt weiterklicken.
</p> </p>
</div> </div>
</div> </div>
<div className="grid gap-4 border-t border-border pt-5 text-sm uppercase tracking-[0.2em] text-muted-foreground sm:grid-cols-3"> <div className="grid gap-4 border-t border-border pt-5 text-sm uppercase tracking-[0.2em] text-muted-foreground sm:grid-cols-3">
<span>Antwort in 24h</span> <span>Antwort in 24h</span>
<span>DSGVO-arm</span> <span>DSGVO-sauber</span>
<span>Hosting aus DE</span> <span>Hosting aus DE</span>
</div> </div>
</div> </div>
@@ -124,7 +124,7 @@ const LandingHeroSection = () => {
01 01
</p> </p>
<p className="mt-7 max-w-sm text-2xl font-semibold uppercase leading-none"> <p className="mt-7 max-w-sm text-2xl font-semibold uppercase leading-none">
Klarer Auftritt. Harte Kante. Weniger Agenturlärm. Geradeaus. Ohne Buzzwords. Für echte Betriebe.
</p> </p>
</div> </div>
</div> </div>
+10 -10
View File
@@ -15,19 +15,19 @@ const services = [
{ {
number: "02", number: "02",
title: "Struktur", title: "Struktur",
text: "Angebot, Beweise, Ablauf und Kontakt werden so sortiert, dass Besucher nicht suchen müssen.", text: "Angebot, Referenzen, Ablauf und Kontakt werden so sortiert, dass Besucher nicht suchen müssen.",
}, },
{ {
number: "03", number: "03",
title: "Technik", title: "Technik",
text: "Schnell, mobil sauber, DSGVO-arm und so gebaut, dass spätere Änderungen nicht zum Projekt werden.", text: "Schnell, mobil sauber, DSGVO-sauber und so gebaut, dass spätere Änderungen nicht zum Projekt werden.",
}, },
]; ];
const deliverables = [ const deliverables = [
"Strategie und Seitenstruktur", "Strategie und Seitenstruktur",
"Individuelles Screen-Design", "Individuelles Screen-Design",
"Astro/React Umsetzung", "Moderne, schnelle Umsetzung",
"Kontaktformular und Datenschutz", "Kontaktformular und Datenschutz",
"Hosting, Wartung und Analytics", "Hosting, Wartung und Analytics",
]; ];
@@ -41,12 +41,12 @@ const packages = [
{ {
name: "Profi", name: "Profi",
price: "1.499 EUR", price: "1.499 EUR",
detail: "Mehrere Seiten für Betriebe mit erklärungsbedürftigem Angebot.", detail: "Mehrere Seiten für Betriebe mit mehr zu zeigen.",
}, },
{ {
name: "Maßarbeit", name: "Maßarbeit",
price: "2.499 EUR+", price: "2.499 EUR+",
detail: "Individuelle Struktur, CMS und besondere Anforderungen.", detail: "Eigene Struktur, selbst pflegbar, für besondere Anforderungen.",
}, },
]; ];
@@ -62,7 +62,7 @@ const LandingRest = () => {
Leistungen (02) Leistungen (02)
</p> </p>
<h2 className="mt-6 max-w-[9ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl"> <h2 className="mt-6 max-w-[9ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl">
Vom Brief zur Seite Drei Schritte. Eine Website.
</h2> </h2>
</div> </div>
<div className="divide-y divide-border"> <div className="divide-y divide-border">
@@ -88,7 +88,7 @@ const LandingRest = () => {
<section className="grid border-b border-border lg:grid-cols-2"> <section className="grid border-b border-border lg:grid-cols-2">
<div className="bg-foreground px-5 py-14 text-background sm:px-8 lg:px-12 lg:py-24"> <div className="bg-foreground px-5 py-14 text-background sm:px-8 lg:px-12 lg:py-24">
<p className="text-sm uppercase tracking-[0.3em] text-primary"> <p className="text-sm uppercase tracking-[0.3em] text-primary">
Deliverables (03) Ergebnis (03)
</p> </p>
<h2 className="mt-8 max-w-[10ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl"> <h2 className="mt-8 max-w-[10ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl">
Was am Ende steht Was am Ende steht
@@ -149,11 +149,11 @@ const LandingRest = () => {
Kontakt (05) Kontakt (05)
</p> </p>
<h2 className="mt-8 max-w-[12ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl lg:text-8xl"> <h2 className="mt-8 max-w-[12ch] text-5xl font-black uppercase leading-[0.86] sm:text-7xl lg:text-8xl">
Erzählen Sie mir kurz vom Projekt Erzählen Sie mir kurz von Ihrem Betrieb
</h2> </h2>
<p className="mt-8 max-w-2xl text-xl leading-8 text-muted-foreground"> <p className="mt-8 max-w-2xl text-xl leading-8 text-muted-foreground">
Ein paar Sätze reichen: Was bieten Sie an, was soll die Website Ein paar Sätze reichen: Was bieten Sie an, was soll die Website
leisten, und wann soll sie online sein? für Sie tun, und wann soll sie online sein?
</p> </p>
<a <a
href="mailto:[email protected]" href="mailto:[email protected]"
@@ -174,7 +174,7 @@ const LandingRest = () => {
</div> </div>
<div className="flex gap-3"> <div className="flex gap-3">
<MapPin className="size-5" /> <MapPin className="size-5" />
<span>Regionale KMU in Deutschland</span> <span>Betriebe aus der Region</span>
</div> </div>
</div> </div>
</section> </section>