optimierte texte

src/pages/About.tsx

@@ -3,8 +3,14 @@ import { Button } from "@/components/ui/button";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import CountUp from "@/components/CountUp";
 import BorderGlow from "@/components/BorderGlow";
+import { usePageMeta } from "@/hooks/use-page-meta";
 
 const About = () => {
+  usePageMeta(
+    "Über uns",
+    "WEBklar hilft KMU beim digitalen Wachstum: Systeme statt Chaos, ein Partner für Website, Prozesse und Automatisierung."
+  );
+
   return (
     <div className="min-h-screen bg-background">
       {/* Header */}
@@ -33,36 +39,38 @@ const About = () => {
       <main className="pt-32 pb-24">
         <div className="container mx-auto px-6">
           <div className="max-w-4xl mx-auto text-center">
-            <div className="label-tag mb-4">Die Realität</div>
+            <div className="label-tag mb-4">Über WEBklar</div>
 
             <h1 className="text-4xl md:text-5xl lg:text-6xl font-display font-medium text-foreground tracking-tight uppercase mb-12">
-              Mehr Arbeit darf nicht die einzige Antwort auf Wachstum sein.
+              Digitalisierung, die im Alltag spürbar wird.
             </h1>
 
             <div className="space-y-8 text-lg md:text-xl text-muted-foreground leading-relaxed">
               <p>
-                Neue Kunden sollten Ihr Unternehmen nicht ins Chaos stürzen.
+                WEBklar ist die Webagentur für Unternehmen, die wachsen wollen – ohne
+                dass Geschäftsführung und Team unter Tool-Chaos und manuellen Abläufen leiden.
               </p>
 
               <p>
-                Wenn mehr Umsatz automatisch mehr Stress bedeutet, liegt das
-                Problem nicht an Ihrem Markt –{" "}
+                Wir verbinden{" "}
                 <span className="text-foreground font-medium">
-                  sondern an fehlenden Systemen.
-                </span>
+                  Website, Prozesse und Automatisierung
+                </span>{" "}
+                zu einem System. Kein isoliertes Redesign, kein weiteres Plugin – sondern
+                eine Lösung, die Anfragen, Daten und Abläufe zusammenführt.
               </p>
 
               <div className="pt-8 border-t border-border">
                 <p className="text-2xl md:text-3xl text-foreground font-display font-medium uppercase tracking-tight">
-                  Erfolgreiche Unternehmen skalieren Prozesse.
+                  Unser Anspruch: weniger Reibung.
                 </p>
                 <p className="text-2xl md:text-3xl text-muted-foreground font-display font-medium uppercase tracking-tight mt-2">
-                  Nicht Arbeitsstunden.
+                  Mehr planbares Wachstum.
                 </p>
               </div>
 
               <p className="text-foreground font-medium pt-4">
-                Genau dort setzen wir an.
+                Starten Sie mit einer kostenlosen Potenzialanalyse – wir zeigen Ihnen die nächsten Schritte.
               </p>
             </div>
 
@@ -75,7 +83,7 @@ const About = () => {
               </Link>
               <Link to="/kontakt">
                 <Button className="btn-minimal rounded-full">
-                  Kontakt
+                  Potenzialanalyse starten
                 </Button>
               </Link>
             </div>
@@ -111,7 +119,7 @@ const About = () => {
                       Alles aus einer Hand
                     </h3>
                     <p className="text-muted-foreground text-sm">
-                      Keine 10 verschiedenen Anbieter. Ein Partner für Ihre gesamte digitale Infrastruktur.
+                      Website, Automation und Schnittstellen aus einer Hand – ein Ansprechpartner statt fünf Agenturen.
                     </p>
                   </div>
                 </BorderGlow>
@@ -134,7 +142,7 @@ const About = () => {
                       Systeme statt Inseln
                     </h3>
                     <p className="text-muted-foreground text-sm">
-                      Wir verbinden Ihre Tools zu einem durchdachten Gesamtsystem.
+                      CRM, Formulare und Website tauschen Daten – ohne manuelles Nachpflegen.
                     </p>
                   </div>
                 </BorderGlow>
@@ -157,7 +165,7 @@ const About = () => {
                       Langfristige Partnerschaft
                     </h3>
                     <p className="text-muted-foreground text-sm">
-                      Wir begleiten Sie nicht nur beim Launch, sondern beim Wachstum.
+                      Nach dem Go-live bleiben wir dran: Optimierung, wenn Ihr Team und Umsatz wachsen.
                     </p>
                   </div>
                 </BorderGlow>
@@ -168,7 +176,7 @@ const About = () => {
                   size="lg"
                   className="btn-minimal rounded-full px-8 py-6 text-base font-medium group"
                 >
-                  Kostenlose Potenzialanalyse sichern
+                  Potenzialanalyse starten
                   <ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />
                 </Button>
               </Link>