Update src/app/page.tsx

Merge version_3 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,18 +137,19 @@ 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={[
@@ -165,41 +165,27 @@ 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>
     </ThemeProvider>
   );
-}
+}