From 6c1e78c5e850a8e3d2d002fc13c0d861aafb45e1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 16:23:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 653 +++++++++++++++--------------------------------
 1 file changed, 203 insertions(+), 450 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ec50513..96f4078 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,19 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Scissors } from "lucide-react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function LandingPage() {
   return (
@@ -22,457 +22,210 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
-        contentWidth="small"
-        sizing="large"
-        background="none"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Friseursalon17"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="Friseursalon17"
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Über uns", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Team", id: "team" },
+              { name: "Kontakt", id: "contact" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Ihr Salon für Style & Beauty in Friedrichshafen"
-      description="Willkommen bei Friseursalon17 & Beautystudio By Celin. Wir bieten typgerechte Beratung, professionelle Hair-Stylings und Beauty-Services in entspannter Atmosphäre. Buchen Sie jetzt Ihren Wunschtermin."
-      buttons={[
-        {
-          text: "Termin buchen",
-          href: "#contact",
-        },
-        {
-          text: "Anrufen",
-          href: "tel:+4975414878092",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
-          alt: "Happy customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg",
-          alt: "Happy customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg",
-          alt: "Happy customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg",
-          alt: "Happy customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg",
-          alt: "Happy customer portrait",
-        },
-      ]}
-      avatarText="Über 200+ zufriedene Kunden"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Balayage Profis",
-        },
-        {
-          type: "text",
-          text: "Top Bewertungen",
-        },
-        {
-          type: "text",
-          text: "Individuelle Beratung",
-        },
-        {
-          type: "text",
-          text: "Beauty Experte",
-        },
-        {
-          type: "text",
-          text: "Exklusive Pflege",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Ihr Salon für Style & Beauty in Friedrichshafen"
+            description="Willkommen bei Friseursalon17 & Beautystudio By Celin. Wir bieten typgerechte Beratung, professionelle Hair-Stylings und Beauty-Services in entspannter Atmosphäre. Buchen Sie jetzt Ihren Wunschtermin."
+            buttons={[
+              { text: "Termin buchen", href: "#contact" },
+              { text: "Anrufen", href: "tel:+4975414878092" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Happy customer portrait" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-cash-with-scissors-isolated-blue-wall_141793-106142.jpg", alt: "Happy customer portrait" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-holding-comb-hair-trimmer-air-looking-down-pretend-doing-haircut-client-isolated-red-background_141793-137002.jpg", alt: "Happy customer portrait" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-beautiful-senior-woman-portrait_23-2148891712.jpg", alt: "Happy customer portrait" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-holding-hands-head-isolated-pink-wall_141793-106043.jpg", alt: "Happy customer portrait" }
+            ]}
+            avatarText="Über 200+ zufriedene Kunden"
+            marqueeItems={[
+              { type: "text", text: "Balayage Profis" },
+              { type: "text", text: "Top Bewertungen" },
+              { type: "text", text: "Individuelle Beratung" },
+              { type: "text", text: "Beauty Experte" },
+              { type: "text", text: "Exklusive Pflege" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Über uns"
-      title="Ihr Style, Ihre Schönheit"
-      description="Wir stehen für modernes Handwerk und Wohlfühlatmosphäre am Bodensee."
-      subdescription="In unserem Salon in der Werastraße 46 kombinieren wir erstklassige Friseurleistungen mit exklusiven Beauty-Treatments für ein ganzheitliches Erlebnis."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-hair-comb-scissors-with-closed-eyes-smiling-standing-white-wall_141793-64413.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Über uns"
+            title="Ihr Style, Ihre Schönheit"
+            description="Wir stehen für modernes Handwerk und Wohlfühlatmosphäre am Bodensee."
+            subdescription="In unserem Salon in der Werastraße 46 kombinieren wir erstklassige Friseurleistungen mit exklusiven Beauty-Treatments für ein ganzheitliches Erlebnis."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-hair-comb-scissors-with-closed-eyes-smiling-standing-white-wall_141793-64413.jpg"
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Unser Serviceangebot"
-      description="Von Balayage bis Braut-Make-up – wir kümmern uns um jeden Aspekt Ihrer Schönheit."
-      accordionItems={[
-        {
-          id: "h1",
-          title: "Hair Stylings",
-          content: "Balayage, Keratin-Behandlungen, Extensions, Glätten und mehr.",
-        },
-        {
-          id: "b1",
-          title: "Beauty Services",
-          content: "Augenbrauen-Design, Microblading, Wimpernlifting.",
-        },
-        {
-          id: "m1",
-          title: "Make-up",
-          content: "Braut-Make-up und typgerechte Make-up-Beratung.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            title="Unser Serviceangebot"
+            description="Von Balayage bis Braut-Make-up – wir kümmern uns um jeden Aspekt Ihrer Schönheit."
+            accordionItems={[
+              { id: "h1", title: "Hair Stylings", content: "Balayage, Keratin-Behandlungen, Extensions, Glätten und mehr." },
+              { id: "b1", title: "Beauty Services", content: "Augenbrauen-Design, Microblading, Wimpernlifting." },
+              { id: "m1", title: "Make-up", content: "Braut-Make-up und typgerechte Make-up-Beratung." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg"
+            mediaAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          price: "ab 45€",
-          name: "Haarschnitt & Styling",
-          buttons: [
-            {
-              text: "Buchen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Typgerechte Beratung",
-            "Waschen, Schneiden, Föhnen",
-            "Pflege-Finish",
-          ],
-        },
-        {
-          id: "p2",
-          price: "ab 120€",
-          name: "Balayage & Färben",
-          buttons: [
-            {
-              text: "Buchen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Professionelle Färbetechnik",
-            "Glossing",
-            "Inklusive Pflegebehandlung",
-          ],
-        },
-        {
-          id: "p3",
-          price: "ab 50€",
-          name: "Beauty & Brows",
-          buttons: [
-            {
-              text: "Buchen",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Microblading",
-            "Wimpernlifting",
-            "Augenbrauen-Design",
-          ],
-        },
-      ]}
-      title="Unsere Preise & Dienstleistungen"
-      description="Transparente und faire Leistungen für jeden Look."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Unsere Preise & Dienstleistungen"
+            description="Transparente und faire Leistungen für jeden Look."
+            plans={[
+              {
+                id: "p1",                price: "ab 45€",                name: "Haarschnitt & Styling",                buttons: [{ text: "Buchen", href: "#contact" }],
+                features: ["Typgerechte Beratung", "Waschen, Schneiden, Föhnen", "Pflege-Finish"]
+              },
+              {
+                id: "p2",                price: "ab 120€",                name: "Balayage & Färben",                buttons: [{ text: "Buchen", href: "#contact" }],
+                features: ["Professionelle Färbetechnik", "Glossing", "Inklusive Pflegebehandlung"]
+              },
+              {
+                id: "p3",                price: "ab 50€",                name: "Beauty & Brows",                buttons: [{ text: "Buchen", href: "#contact" }],
+                features: ["Microblading", "Wimpernlifting", "Augenbrauen-Design"]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.9★",
-          title: "Google Bewertung",
-          description: "Bei fast 200 Bewertungen",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg",
-        },
-        {
-          id: "m2",
-          value: "10+",
-          title: "Jahre Erfahrung",
-          description: "Fachwissen & Handwerk",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102716.jpg",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Kundenzufriedenheit",
-          description: "Ihr schönster Moment",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-hair-washed-by-hairdresser-salon_633478-691.jpg",
-        },
-      ]}
-      title="Vertrauen am Bodensee"
-      description="Die Zahlen hinter unserer Leidenschaft für Schönheit."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Vertrauen am Bodensee"
+            description="Die Zahlen hinter unserer Leidenschaft für Schönheit."
+            metrics={[
+              { id: "m1", value: "4.9★", title: "Google Bewertung", description: "Bei fast 200 Bewertungen", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-done_23-2148108856.jpg" },
+              { id: "m2", value: "10+", title: "Jahre Erfahrung", description: "Fachwissen & Handwerk", imageSrc: "http://img.b2bpic.net/free-photo/beautician-doing-microblading-procedure-woman-beauty-salon_23-2149102716.jpg" },
+              { id: "m3", value: "100%", title: "Kundenzufriedenheit", description: "Ihr schönster Moment", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-getting-hair-washed-by-hairdresser-salon_633478-691.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      groups={[
-        {
-          id: "g1",
-          groupTitle: "Stylisten",
-          members: [
-            {
-              id: "m1",
-              title: "Celin",
-              subtitle: "Gründerin & Master Stylist",
-              detail: "Expertin für Balayage und Color-Konzepte.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155027.jpg",
-            },
-            {
-              id: "m2",
-              title: "Anna",
-              subtitle: "Hair & Beauty Artist",
-              detail: "Spezialisiert auf Brautstyling und Extensions.",
-              imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg",
-            },
-            {
-              id: "m3",
-              title: "Lena",
-              subtitle: "Junior Stylist",
-              detail: "Ihr Profi für Wimpern und Augenbrauen.",
-              imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2",
-          imageAlt: "smiling professional hairstylist",
-        },
-      ]}
-      title="Das Team hinter By Celin"
-      description="Erfahrene Stylisten und Beauty-Experten für Ihren Look."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Das Team hinter By Celin"
+            description="Erfahrene Stylisten und Beauty-Experten für Ihren Look."
+            groups={[
+              {
+                id: "g1",                groupTitle: "Stylisten",                members: [
+                  { id: "m1", title: "Celin", subtitle: "Gründerin & Master Stylist", detail: "Expertin für Balayage und Color-Konzepte.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-background_140725-155027.jpg" },
+                  { id: "m2", title: "Anna", subtitle: "Hair & Beauty Artist", detail: "Spezialisiert auf Brautstyling und Extensions.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-dramma-look_633478-1621.jpg" },
+                  { id: "m3", title: "Lena", subtitle: "Junior Stylist", detail: "Ihr Profi für Wimpern und Augenbrauen.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg" }
+                ]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah M.",
-          role: "Kundin",
-          testimonial: "Super Beratung und tolles Ergebnis! Ich komme immer wieder gerne.",
-          imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg",
-        },
-        {
-          id: "t2",
-          name: "Julia K.",
-          role: "Kundin",
-          testimonial: "Das Brautstyling war einfach traumhaft. Danke, Celin!",
-          imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marina P.",
-          role: "Kundin",
-          testimonial: "Sehr professionell, herzlich und kompetent. Bester Salon in FN.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg",
-        },
-        {
-          id: "t4",
-          name: "Lisa H.",
-          role: "Kundin",
-          testimonial: "Toller Service und sehr familiäre Atmosphäre.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena R.",
-          role: "Kundin",
-          testimonial: "Wimpernlifting hält ewig und sieht super natürlich aus.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-124871.jpg",
-        },
-      ]}
-      title="Was unsere Kunden sagen"
-      description="Herzlichen Dank für über 200 positive Bewertungen!"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Was unsere Kunden sagen"
+            description="Herzlichen Dank für über 200 positive Bewertungen!"
+            testimonials={[
+              { id: "t1", name: "Sarah M.", role: "Kundin", testimonial: "Super Beratung und tolles Ergebnis! Ich komme immer wieder gerne.", imageSrc: "http://img.b2bpic.net/free-photo/well-done-satisfied-businessman-suit-showing-thumbs-up-approval-like-agree-recommend-good_1258-162950.jpg" },
+              { id: "t2", name: "Julia K.", role: "Kundin", testimonial: "Das Brautstyling war einfach traumhaft. Danke, Celin!", imageSrc: "http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-124778.jpg" },
+              { id: "t3", name: "Marina P.", role: "Kundin", testimonial: "Sehr professionell, herzlich und kompetent. Bester Salon in FN.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12705.jpg" },
+              { id: "t4", name: "Lisa H.", role: "Kundin", testimonial: "Toller Service und sehr familiäre Atmosphäre.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" },
+              { id: "t5", name: "Elena R.", role: "Kundin", testimonial: "Wimpernlifting hält ewig und sieht super natürlich aus.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-124871.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "L'Oréal",
-        "Schwarzkopf",
-        "GHD",
-        "Wella",
-        "Olaplex",
-        "Kérastase",
-        "Davines",
-      ]}
-      title="Wir verwenden Premium-Produkte"
-      description="Für höchste Qualität und Pflege Ihres Haares."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["L'Oréal", "Schwarzkopf", "GHD", "Wella", "Olaplex", "Kérastase", "Davines"]}
+            title="Wir verwenden Premium-Produkte"
+            description="Für höchste Qualität und Pflege Ihres Haares."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Wie vereinbare ich einen Termin?",
-          content: "Sie können ganz einfach online über unsere Website oder telefonisch buchen.",
-        },
-        {
-          id: "f2",
-          title: "Ist der Salon barrierefrei?",
-          content: "Ja, der Salon ist rollstuhlgerecht mit barrierefreiem WC ausgestattet.",
-        },
-        {
-          id: "f3",
-          title: "Habt ihr Parkmöglichkeiten?",
-          content: "Ja, Parkmöglichkeiten stehen für unsere Kunden zur Verfügung.",
-        },
-      ]}
-      title="Häufige Fragen"
-      description="Hier finden Sie Antworten auf alles, was Sie wissen müssen."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            title="Häufige Fragen"
+            description="Hier finden Sie Antworten auf alles, was Sie wissen müssen."
+            faqs={[
+              { id: "f1", title: "Wie vereinbare ich einen Termin?", content: "Sie können ganz einfach online über unsere Website oder telefonisch buchen." },
+              { id: "f2", title: "Ist der Salon barrierefrei?", content: "Ja, der Salon ist rollstuhlgerecht mit barrierefreiem WC ausgestattet." },
+              { id: "f3", title: "Habt ihr Parkmöglichkeiten?", content: "Ja, Parkmöglichkeiten stehen für unsere Kunden zur Verfügung." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Jetzt Buchen"
-      title="Bereit für einen neuen Look?"
-      description="Vereinbaren Sie jetzt unkompliziert Ihren Wunschtermin – wir freuen uns auf Sie!"
-      buttons={[
-        {
-          text: "Jetzt Online Termin buchen",
-          href: "https://share.google/dIlLtFz8bziFaFoa4",
-        },
-        {
-          text: "Anrufen: 07541 4878092",
-          href: "tel:+4975414878092",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Jetzt Buchen"
+            title="Bereit für einen neuen Look?"
+            description="Vereinbaren Sie jetzt unkompliziert Ihren Wunschtermin – wir freuen uns auf Sie!"
+            buttons={[
+              { text: "Jetzt Online Termin buchen", href: "https://share.google/dIlLtFz8bziFaFoa4" },
+              { text: "Anrufen: 07541 4878092", href: "tel:+4975414878092" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Friseursalon17"
-      columns={[
-        {
-          title: "Service",
-          items: [
-            {
-              label: "Haarstyling",
-              href: "#features",
-            },
-            {
-              label: "Beauty",
-              href: "#features",
-            },
-            {
-              label: "Preise",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Werastraße 46",
-              href: "#",
-            },
-            {
-              label: "07541 4878092",
-              href: "tel:+4975414878092",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com/friseursalon17_bycelin",
-            },
-          ],
-        },
-        {
-          title: "Öffnungszeiten",
-          items: [
-            {
-              label: "Di-Fr: 9-18 Uhr",
-              href: "#",
-            },
-            {
-              label: "Sa: 9-14 Uhr",
-              href: "#",
-            },
-            {
-              label: "Mo/So: geschlossen",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Friseursalon17 & Beautystudio By Celin"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Friseursalon17"
+            copyrightText="© 2025 Friseursalon17 & Beautystudio By Celin"
+            columns={[
+              { title: "Service", items: [{ label: "Haarstyling", href: "#features" }, { label: "Beauty", href: "#features" }, { label: "Preise", href: "#pricing" }] },
+              { title: "Kontakt", items: [{ label: "Werastraße 46", href: "#" }, { label: "07541 4878092", href: "tel:+4975414878092" }, { label: "Instagram", href: "https://instagram.com/friseursalon17_bycelin" }] },
+              { title: "Öffnungszeiten", items: [{ label: "Di-Fr: 9-18 Uhr", href: "#" }, { label: "Sa: 9-14 Uhr", href: "#" }, { label: "Mo/So: geschlossen", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1