Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,14 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Bell, CheckCircle, Lock, Phone, Settings, Shield, ShieldCheck, Smartphone, Wrench, Zap } from "lucide-react";
 
@@ -138,24 +137,26 @@ export default function LandingPage() {
   </div>
 
   <div id="social" data-section="social">
-      <SocialProofOne
+      <FaqBase
+      faqs={[]}
+      title="Unsere Partner & Zertifizierungen"
+      description="Wir arbeiten mit führenden Partnern zusammen."
+      faqsAnimation="none"
       textboxLayout="default"
       useInvertedBackground={false}
-      description="Wir arbeiten mit führenden Partnern zusammen."
-      names={[
-        "e-masters",        "TechnikPartner",        "Sicherheitsverband",        "Handwerkskammer",        "QualitätsInstanz",        "SmartHomeAllianz",        "InnovationsPortal"]}
-      title="Unsere Partner & Zertifizierungen"
+      className="py-12"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "Bieten Sie Notdienst an?", content: "Ja, wir sind für Sie rund um die Uhr im Einsatz." },
-        { id: "f2", title: "Wie installiere ich einen Rauchmelder?", content: "Wir übernehmen die fachgerechte Installation und Wartung." },
-        { id: "f3", title: "Was kostet ein Überspannungsschutz?", content: "Das hängt von der Komplexität ab, wir beraten Sie gerne individuell." },
+        { id: "f1", title: "Bieten Sie Notdienst an?", content: "Unser 24/7 Notdienst steht Ihnen jederzeit zur Verfügung. Innerhalb von 60 Minuten sind unsere Techniker im Raum Elsenfeld bei Ihnen vor Ort, um akute Probleme schnell und sicher zu lösen." },
+        { id: "f2", title: "Wie installiere ich einen Rauchmelder?", content: "Die fachgerechte Installation nach DIN 14676 ist entscheidend. Wir übernehmen nicht nur die Montage an optimalen Positionen, sondern auch die jährliche Wartung und Funktionsprüfung für Ihre maximale Sicherheit." },
+        { id: "f3", title: "Wie hoch sind die Kosten für ein Projekt?", content: "Die Kosten hängen vom individuellen Umfang Ihrer Elektroinstallation ab. Wir bieten eine transparente Vor-Ort-Analyse, nach der Sie ein detailliertes Festpreisangebot erhalten, damit Sie von Anfang an volle Planungssicherheit haben." },
+        { id: "f4", title: "Wie lange dauern durchschnittliche Projekte?", content: "Kleinere Installationen erledigen wir oft innerhalb eines Tages. Bei komplexen Sanierungen oder Smart Home Projekten erstellen wir Ihnen einen detaillierten Zeitplan, damit Sie genau wissen, wann Ihr Zuhause bereit ist." }
       ]}
       title="Häufige Fragen"
       description="Alles was Sie über unsere Services wissen müssen."
@@ -164,38 +165,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
+      tag="Kontakt"
+      title="Bereit für Ihr Projekt?"
+      description="Kontaktieren Sie uns für ein unverbindliches Angebot oder eine fachkundige Beratung."
+      buttons={[{ text: "Jetzt anfragen" }]}
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      title="Kontaktieren Sie uns"
-      description="Wir freuen uns auf Ihre Anfrage für Ihr nächstes Projekt."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name", required: true },
-        { name: "email", type: "email", placeholder: "E-Mail", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/construction-plans-with-white-helmet-drawing-tools-bluepr_1232-2917.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="ms Elektrotechnik"
+      <FooterSimple
       columns={[
-        {
-          title: "Kontakt",          items: [
-            { label: "Im Höning 20", href: "#" },
-            { label: "63820 Elsenfeld", href: "#" },
-            { label: "+49-6022-710100", href: "tel:+496022710100" },
-          ],
-        },
-        {
-          title: "Navigation",          items: [
-            { label: "Home", href: "#" },
-            { label: "Karriere", href: "#" },
-            { label: "Ausbildung", href: "#" },
-          ],
-        },
+        { title: "Kontakt", items: [{ label: "Im Höning 20, 63820 Elsenfeld" }, { label: "+49-6022-710100" }] },
+        { title: "Service", items: [{ label: "Notdienst" }, { label: "Wartung" }, { label: "Beratung" }] }
       ]}
+      bottomLeftText="© 2025 ms Elektrotechnik"
+      bottomRightText="Datenschutz | Impressum"
     />
   </div>
       </ReactLenis>