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>

src/pages/Contact.tsx

@@ -7,8 +7,15 @@ import { Label } from "@/components/ui/label";
 import { ArrowLeft, Send } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
 import { createContactDocument } from "@/lib/appwrite";
+import { trackFormSubmitted } from "@/lib/analytics";
+import { usePageMeta } from "@/hooks/use-page-meta";
 
 const Contact = () => {
+  usePageMeta(
+    "Kontakt & Potenzialanalyse",
+    "Beschreiben Sie Ihr Projekt – WEBklar meldet sich innerhalb von 24 Stunden mit den nächsten Schritten. Unverbindlich und kostenlos."
+  );
+
   const { toast } = useToast();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState({
@@ -32,6 +39,7 @@ const Contact = () => {
     setIsSubmitting(true);
     try {
       await createContactDocument(formData);
+      trackFormSubmitted("contact");
       toast({
         title: "Nachricht gesendet!",
         description: "Wir melden uns innerhalb von 24 Stunden bei Ihnen.",
@@ -81,13 +89,14 @@ const Contact = () => {
             <div className="mb-12">
               <div className="label-tag mb-4">Kontakt</div>
               <h1 className="text-4xl md:text-5xl lg:text-6xl font-display font-medium text-foreground tracking-tight uppercase mb-6">
-                Lassen Sie uns
+                Kostenlose
                 <br />
-                <span className="text-muted-foreground">sprechen</span>
+                <span className="text-muted-foreground">Potenzialanalyse</span>
               </h1>
               <p className="text-muted-foreground text-lg">
-                Erzählen Sie uns von Ihrem Projekt. Wir melden uns innerhalb von
-                24 Stunden bei Ihnen.
+                Kurz Ihr Ziel beschreiben – wir prüfen, wo Website, Automatisierung
+                oder Vernetzung den größten Hebel haben. Antwort innerhalb von 24 Stunden,
+                unverbindlich.
               </p>
             </div>
 
@@ -152,7 +161,7 @@ const Contact = () => {
                   value={formData.message}
                   onChange={handleChange}
                   className="bg-card border-border focus:border-foreground transition-colors min-h-[180px] resize-none"
-                  placeholder="Erzählen Sie uns von Ihrem Projekt..."
+                    placeholder="z. B. neue Website, CRM-Anbindung, weniger manuelle Abläufe …"
                 />
               </div>
 

src/pages/Index.tsx

@@ -9,8 +9,14 @@ import ProjectShowcase from "@/components/ProjectShowcase";
 import Process from "@/components/Process";
 import Contact from "@/components/Contact";
 import Footer from "@/components/Footer";
+import { usePageMeta } from "@/hooks/use-page-meta";
 
 const Index = () => {
+  usePageMeta(
+    "WEBklar – Webagentur für KMU",
+    "WEBklar digitalisiert KMU: Website, Prozesse und Systeme aus einer Hand. Kostenlose Potenzialanalyse – Antwort innerhalb von 24 Stunden."
+  );
+
   return (
     <div className="min-h-screen bg-background">
       <Header />