Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Startseite",
+          name: "Startseite",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Leistungen",
+          name: "Leistungen",          id: "leistungen"},
-          id: "leistungen",
-        },
         {
-          name: "Über uns",
+          name: "Über uns",          id: "ueber-uns"},
-          id: "ueber-uns",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "kontakt"},
-          id: "kontakt",
-        },
       ]}
       brandName="Zahnarztpraxis Praxisname"
     />
@@ -56,74 +48,37 @@ export default function LandingPage() {
       description="Einfühlsame Behandlung, moderne Technik, 4.8★ Bewertungen für Ihr Lächeln."
       testimonials={[
         {
-          name: "Sarah M.",
+          name: "Sarah M.",          handle: "@patient",          testimonial: "Endlich keine Angst mehr. Super einfühlsam.",          rating: 5,
-          handle: "@patient",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=1",          imageAlt: "smiling dentist professional office"},
-          testimonial: "Endlich keine Angst mehr. Super einfühlsam.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=1",
-          imageAlt: "smiling dentist professional office",
-        },
         {
-          name: "Markus K.",
+          name: "Markus K.",          handle: "@patient",          testimonial: "Hervorragende moderne Praxis.",          rating: 5,
-          handle: "@patient",
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=1",          imageAlt: "calm patient dental chair"},
-          testimonial: "Hervorragende moderne Praxis.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=1",
-          imageAlt: "calm patient dental chair",
-        },
         {
-          name: "Julia P.",
+          name: "Julia P.",          handle: "@patient",          testimonial: "Sehr beruhigendes Team.",          rating: 5,
-          handle: "@patient",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=1",          imageAlt: "happy dental patient portrait"},
-          testimonial: "Sehr beruhigendes Team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=1",
-          imageAlt: "happy dental patient portrait",
-        },
         {
-          name: "Thomas L.",
+          name: "Thomas L.",          handle: "@patient",          testimonial: "Kompetent und stressfrei.",          rating: 5,
-          handle: "@patient",
+          imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=1",          imageAlt: "happy dental patient portrait"},
-          testimonial: "Kompetent und stressfrei.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=1",
-          imageAlt: "happy dental patient portrait",
-        },
         {
-          name: "Anna S.",
+          name: "Anna S.",          handle: "@patient",          testimonial: "Tolle Erfahrung.",          rating: 5,
-          handle: "@patient",
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=2",          imageAlt: "happy dental patient portrait"},
-          testimonial: "Tolle Erfahrung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=2",
-          imageAlt: "happy dental patient portrait",
-        },
       ]}
       buttons={[
         {
-          text: "Jetzt Termin vereinbaren",
+          text: "Jetzt Termin vereinbaren",          href: "#kontakt"},
-          href: "#kontakt",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg?_wi=2"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",          alt: "Patient 1"},
-          alt: "Patient 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg",
+          src: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg",          alt: "Patient 2"},
-          alt: "Patient 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg",
+          src: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg",          alt: "Patient 3"},
-          alt: "Patient 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",          alt: "Patient 4"},
-          alt: "Patient 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",          alt: "Patient 5"},
-          alt: "Patient 5",
-        },
       ]}
       avatarText="Mehr als 1000 zufriedene Patienten vertrauen uns."
     />
@@ -136,29 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Einfühlsam",          tags: [
-          title: "Einfühlsam",
+            "Stressfrei"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=3"},
-            "Stressfrei",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=3",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Erklärend",          tags: [
-          title: "Erklärend",
+            "Transparent"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=4"},
-            "Transparent",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=4",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Stressfrei",          tags: [
-          title: "Stressfrei",
+            "Ruhig"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=5"},
-            "Ruhig",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=5",
-        },
       ]}
       title="Ihr Vertrauen steht an erster Stelle"
       description="Wir sind spezialisiert auf Angstpatienten und bieten eine stressfreie Umgebung."
@@ -173,59 +116,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Pro",          name: "Allgemeine Zahnheilkunde",          price: "Beratung",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=6"},
-          name: "Allgemeine Zahnheilkunde",
-          price: "Beratung",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=6",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Pro",          name: "Wurzelbehandlung",          price: "Modern",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=7"},
-          name: "Wurzelbehandlung",
-          price: "Modern",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=7",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Pro",          name: "Prophylaxe",          price: "Vorsorge",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=8"},
-          name: "Prophylaxe",
-          price: "Vorsorge",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=8",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "Pro",          name: "Zahnersatz",          price: "Hochwertig",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=9"},
-          name: "Zahnersatz",
-          price: "Hochwertig",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=9",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "Pro",          name: "Ästhetik",          price: "Strahlend",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=10"},
-          name: "Ästhetik",
-          price: "Strahlend",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=10",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "Pro",          name: "Kinderzahnarzt",          price: "Sanft",          rating: 5,
-          brand: "Pro",
+          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=11"},
-          name: "Kinderzahnarzt",
-          price: "Sanft",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=11",
-        },
       ]}
       title="Unsere Leistungen"
       description="Professionelle Zahnheilkunde auf höchstem Niveau."
@@ -237,8 +144,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Ihr Zahnarzt in der Praxis"
       description={[
-        "Wir verstehen, dass der Gang zum Zahnarzt Überwindung kosten kann. Unser Ziel ist es, Ihnen ein Lächeln zu schenken – ohne Schmerzen und ohne Angst.",
+        "Wir verstehen, dass der Gang zum Zahnarzt Überwindung kosten kann. Unser Ziel ist es, Ihnen ein Lächeln zu schenken – ohne Schmerzen und ohne Angst."]}
-      ]}
     />
   </div>
 
@@ -249,59 +155,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah",          role: "Patient",          company: "Hamburg",          rating: 5,
-          name: "Sarah",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=2"},
-          role: "Patient",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Markus",          role: "Patient",          company: "Hamburg",          rating: 5,
-          name: "Markus",
+          imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=2"},
-          role: "Patient",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Julia",          role: "Patient",          company: "Hamburg",          rating: 5,
-          name: "Julia",
+          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=12"},
-          role: "Patient",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/profession-asian-side-occupation-career_1262-956.jpg?_wi=12",
-        },
         {
-          id: "4",
+          id: "4",          name: "Thomas",          role: "Patient",          company: "Hamburg",          rating: 5,
-          name: "Thomas",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg"},
-          role: "Patient",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Anna",          role: "Patient",          company: "Hamburg",          rating: 5,
-          name: "Anna",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg"},
-          role: "Patient",
-          company: "Hamburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133061.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.8",
+          value: "4.8",          label: "Google Bewertung"},
-          label: "Google Bewertung",
-        },
         {
-          value: "1000+",
+          value: "1000+",          label: "Glückliche Patienten"},
-          label: "Glückliche Patienten",
-        },
         {
-          value: "15+",
+          value: "15+",          label: "Jahre Erfahrung"},
-          label: "Jahre Erfahrung",
-        },
       ]}
       title="Was Patienten sagen"
       description="Erfahrungen unserer zufriedenen Patienten."
@@ -309,49 +184,35 @@ export default function LandingPage() {
   </div>
 
   <div id="kontakt" data-section="kontakt">
-      <ContactText
+      <ContactCTA
-      useInvertedBackground={false}
+        tag="Kontakt"
-      background={{
+        title="Vereinbaren Sie Ihren Termin"
-        variant: "plain",
+        description="Wir sind bereit, Ihnen zu einem strahlenden Lächeln zu verhelfen. Kontaktieren Sie uns noch heute für ein Beratungsgespräch."
-      }}
+        buttons={[{ text: "Jetzt anrufen", href: "tel:+494012345678" }]}
-      text="Rufen Sie uns an unter 040 123 456 78 oder besuchen Sie uns in der Hauptstraße 1, 20095 Hamburg."
+        background={{ variant: "plain" }}
-      buttons={[
+        useInvertedBackground={false}
-        {
+      />
-          text: "Jetzt anrufen",
-          href: "tel:+494012345678",
-        },
-      ]}
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterMedia
       logoText="Zahnarzt Praxisname"
+      imageSrc="http://img.b2bpic.net/free-photo/dentist-doing-check-up-patient_23-2149206210.jpg"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Start",
+              label: "Start",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Leistungen",
+              label: "Leistungen",              href: "#leistungen"},
-              href: "#leistungen",
-            },
           ],
         },
         {
-          title: "Kontakt",
+          title: "Kontakt",          items: [
-          items: [
             {
-              label: "040 123 456 78",
+              label: "040 123 456 78",              href: "tel:+494012345678"},
-              href: "tel:+494012345678",
-            },
             {
-              label: "Hauptstraße 1, Hamburg",
+              label: "Hauptstraße 1, Hamburg",              href: "#kontakt"},
-              href: "#kontakt",
-            },
           ],
         },
       ]}
@@ -360,4 +221,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}