optimierte texte

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>