feat(content): rewrite copy to focus on worry-free package and static sites

apps/web/app/(site)/about/page.tsx

@@ -37,17 +37,12 @@ import { Marker } from "@/src/components/Marker";
 export default function AboutPage() {
   return (
     <div className="flex flex-col bg-white overflow-hidden relative">
-      {/* Background decoration removed per user request */}
-
       {/* Hero Section */}
       <section className="relative pt-12 md:pt-32 pb-8 md:pb-24 overflow-hidden border-b border-slate-50">
         <Container variant="narrow" className="relative z-10">
           <div className="flex flex-col items-center text-center space-y-6 md:space-y-12">
             <Reveal width="fit-content">
               <div className="relative">
-                {/* Structural rings around avatar */}
-                {/* Structural rings removed per user request */}
-
                 <div className="relative w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border border-slate-200 shadow-xl bg-white p-1 group">
                   <div className="w-full h-full rounded-full overflow-hidden relative aspect-square">
                     <img
@@ -65,7 +60,7 @@ export default function AboutPage() {
                 <div className="flex items-center justify-center gap-2 md:gap-4 mb-1 md:mb-4">
                   <div className="h-px w-6 md:w-8 bg-slate-900"></div>
                   <MonoLabel className="text-slate-900 text-[10px] md:text-sm">
-                    Digital Architect
+                    Webentwickler
                   </MonoLabel>
                   <div className="h-px w-6 md:w-8 bg-slate-900"></div>
                 </div>
@@ -77,8 +72,8 @@ export default function AboutPage() {
               </Reveal>
               <Reveal delay={0.3}>
                 <p className="text-slate-400 font-medium max-w-xl mx-auto text-sm md:text-xl">
-                  15 Jahre Erfahrung. Ein Ziel: Websites, die ihre Versprechen
-                  halten.
+                  15 Jahre Erfahrung. Ein Ziel: Ihnen den Frust mit Websites zu
+                  ersparen.
                 </p>
               </Reveal>
             </div>
@@ -99,8 +94,8 @@ export default function AboutPage() {
         <div className="space-y-8 md:space-y-12">
           <Reveal>
             <H3 className="text-2xl md:text-5xl leading-tight max-w-3xl">
-              Vom Designer <br />
-              <span className="text-slate-400">zum Architekten.</span>
+              Aus der Praxis. <br />
+              <span className="text-slate-400">Für die Praxis.</span>
             </H3>
           </Reveal>
 
@@ -108,18 +103,18 @@ export default function AboutPage() {
             <Reveal delay={0.1}>
               <div className="space-y-6 md:space-y-8">
                 <LeadText className="text-xl md:text-2xl text-slate-400">
-                  Agenturen, Konzerne, Startups – ich habe die Branche von allen
-                  Seiten kennengelernt. Was hängen geblieben ist:{" "}
+                  Ich habe in Agenturen, Konzernen und Startups gearbeitet.
+                  Dabei habe ich oft gesehen, woran Projekte scheitern: zu viele
+                  Leute, zu viel Blabla, keine klaren Verantwortlichkeiten.{" "}
                   <span className="text-slate-900">
-                    <Marker delay={0.2}>Ergebnisse</Marker> zählen. Nicht der
-                    Weg dorthin.
+                    <Marker delay={0.2}>Das mache ich anders.</Marker>
                   </span>
                 </LeadText>
                 <IconList className="space-y-4">
                   {[
-                    "Frontend, Backend, Infrastruktur – Fullstack",
-                    "Komplexe Systeme auf das Wesentliche reduziert",
-                    "Performance-Probleme systematisch gelöst",
+                    "Kein Fachchinesisch, sondern klare Kommunikation",
+                    "Fokus auf Ergebnisse statt auf endlose Meetings",
+                    "Eine Person, die Ihr Projekt von A bis Z kennt",
                   ].map((item, i) => (
                     <IconListItem key={i} bullet>
                       <BodyText className="text-lg">{item}</BodyText>
@@ -136,17 +131,20 @@ export default function AboutPage() {
                 className="group"
               >
                 <H4 className="text-xl mb-6">
-                  Heute: Direkte Zusammenarbeit ohne Reibungsverluste.
+                  Meine Philosophie: Direkte Zusammenarbeit ohne
+                  Reibungsverluste.
                 </H4>
                 <div className="flex flex-wrap gap-3">
-                  {["Effizient", "Pragmatisch", "Verlässlich"].map((tag, i) => (
-                    <span
-                      key={i}
-                      className="px-4 py-2 bg-white border border-slate-200 rounded-full shadow-sm"
-                    >
-                      <Label className="text-slate-900">{tag}</Label>
-                    </span>
-                  ))}
+                  {["Unkompliziert", "Persönlich", "Verlässlich"].map(
+                    (tag, i) => (
+                      <span
+                        key={i}
+                        className="px-4 py-2 bg-white border border-slate-200 rounded-full shadow-sm"
+                      >
+                        <Label className="text-slate-900">{tag}</Label>
+                      </span>
+                    ),
+                  )}
                 </div>
               </Card>
             </Reveal>
@@ -157,7 +155,7 @@ export default function AboutPage() {
       {/* Section 02: Arbeitsweise – HOW I work */}
       <Section
         number="02"
-        title="Arbeitsweise"
+        title="Ablauf"
         variant="gray"
         borderTop
         illustration={<ResponsibilityIllustration className="w-24 h-24" />}
@@ -166,7 +164,7 @@ export default function AboutPage() {
         <div className="space-y-12">
           <Reveal>
             <H3 className="text-2xl md:text-5xl leading-tight max-w-3xl">
-              So läuft ein Projekt <br />
+              So einfach läuft ein Projekt <br />
               <span className="text-slate-400">bei mir ab.</span>
             </H3>
           </Reveal>
@@ -179,23 +177,23 @@ export default function AboutPage() {
             {[
               {
                 step: "01",
-                title: "Briefing",
-                desc: "Sie beschreiben Ihr Vorhaben. Ich höre zu und stelle die richtigen Fragen.",
+                title: "Kurzes Gespräch",
+                desc: "Sie beschreiben, was Sie brauchen. Kein stundenlanger Workshop, nur die Fakten.",
               },
               {
                 step: "02",
-                title: "Angebot",
-                desc: "Ein Fixpreis-Angebot mit klarem Leistungsumfang. Keine Überraschungen.",
+                title: "Klares Angebot",
+                desc: "Sie erhalten einen Fixpreis. Ohne Sternchen, ohne Nachforderungen.",
               },
               {
                 step: "03",
-                title: "Umsetzung",
-                desc: "Schnelle Iterationen. Sie sehen regelmäßig den Fortschritt und geben Feedback.",
+                title: "Schnelle Umsetzung",
+                desc: "Ich baue Ihre Website. Sie müssen sich um nichts kümmern.",
               },
               {
                 step: "04",
-                title: "Launch",
-                desc: "Go-Live mit automatisiertem Deployment. Dokumentiert und übergabereif.",
+                title: "Go-Live & Sorglos-Paket",
+                desc: "Die Seite geht online und ich übernehme ab sofort die Wartung und alle Änderungen für Sie.",
               },
             ].map((item, i) => (
               <Reveal key={i} delay={0.1 + i * 0.1}>
@@ -235,12 +233,12 @@ export default function AboutPage() {
               <div className="prose prose-lg md:prose-2xl text-slate-500 leading-relaxed">
                 <p>
                   Keine Hierarchien. Keine Ausreden. Wenn etwas nicht passt,
-                  liegt die Verantwortung bei mir.
+                  liegt die Verantwortung allein bei mir.
                 </p>
                 <p>
-                  Ich liefere nicht nur Code, sondern{" "}
+                  Sie beauftragen mich, damit Sie{" "}
                   <span className="text-slate-900 font-medium relative inline-block">
-                    Ergebnisse
+                    Ruhe
                     <svg
                       className="absolute -bottom-2 left-0 w-full h-3 text-blue-500/30"
                       viewBox="0 0 100 10"
@@ -253,8 +251,8 @@ export default function AboutPage() {
                         fill="none"
                       />
                     </svg>
-                  </span>
-                  , auf die Sie bauen können.
+                  </span>{" "}
+                  haben. Und genau das bekommen Sie.
                 </p>
               </div>
 
@@ -269,7 +267,7 @@ export default function AboutPage() {
                 </div>
                 <div className="p-6 bg-slate-50 rounded-2xl border border-slate-100">
                   <h4 className="font-bold text-slate-900 mb-2">
-                    Satisfaction Guarantee
+                    Zufriedenheitsgarantie
                   </h4>
                   <p className="text-slate-500 text-sm">
                     Wir gehen erst live, wenn Sie zu 100% zufrieden sind.
@@ -299,8 +297,8 @@ export default function AboutPage() {
         <div className="space-y-10 md:space-y-12">
           <Reveal>
             <H3 className="text-2xl md:text-5xl leading-tight max-w-3xl">
-              Bereit für eine <br />
-              <span className="text-slate-400">Zusammenarbeit?</span>
+              Bereit, Ihre Website <br />
+              <span className="text-slate-400">abzuhaken?</span>
             </H3>
           </Reveal>
 
@@ -313,15 +311,15 @@ export default function AboutPage() {
           >
             <div className="relative z-10 space-y-6 md:space-y-8">
               <LeadText className="text-lg md:text-4xl leading-tight max-w-2xl text-slate-400">
-                Lassen Sie uns gemeinsam etwas bauen, das{" "}
+                Lassen Sie uns das Thema Website ein für alle Mal{" "}
                 <span className="text-slate-900">
-                  wirklich <Marker delay={0.3}>funktioniert.</Marker>
+                  sinnvoll <Marker delay={0.3}>lösen.</Marker>
                 </span>
               </LeadText>
 
               <div className="pt-2 md:pt-4">
                 <Button href="/contact" className="w-full md:w-auto">
-                  Projekt anfragen
+                  Kostenlos anfragen
                 </Button>
               </div>
             </div>