Update src/app/page.tsx

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Star } from "lucide-react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterCard from '@/components/sections/footer/FooterCard';
@@ -31,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Booking",
+          name: "Booking",          id: "booking"},
-          id: "booking",
-        },
         {
-          name: "About",
+          name: "About",          id: "team"},
-          id: "team",
-        },
       ]}
       brandName="GENTLEMEN’S"
     />
@@ -54,61 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Mehr als ein Haarschnitt – Dein Style, Deine Persönlichkeit"
       description="Willkommen im GENTLEMEN’S Barbershop Lüneburg. Wir vereinen traditionelle Handwerkskunst mit modernem Style. Erlebe präzise Schnitte und erstklassige Bartpflege in entspannter Atmosphäre."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-businessman-with-stylish-haircut-speaking-by-phone-drinks-glass-cool-juice-sitting-cafe-outdoors_613910-6697.jpg",          alt: "barber client portrait clean"},
-          alt: "barber client portrait clean",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
+          src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",          alt: "barber client portrait clean"},
-          alt: "barber client portrait clean",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
+          src: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",          alt: "barber client portrait clean"},
-          alt: "barber client portrait clean",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",          alt: "barber client portrait clean"},
-          alt: "barber client portrait clean",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg",          alt: "Two businessmen talking on the phone in the city"},
-          alt: "Two businessmen talking on the phone in the city",
-        },
       ]}
       avatarText="Über 1.000 zufriedene Kunden"
       buttons={[
         {
-          text: "Jetzt Termin buchen",
+          text: "Jetzt Termin buchen",          href: "#booking"},
-          href: "#booking",
-        },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Traditionelle Handwerkskunst"},
-          text: "Traditionelle Handwerkskunst",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modernes Ambiente"},
-          text: "Modernes Ambiente",
-        },
         {
-          type: "text",
+          type: "text",          text: "Präzise Haarschnitte"},
-          text: "Präzise Haarschnitte",
-        },
         {
-          type: "text",
+          type: "text",          text: "Professionelle Bartpflege"},
-          text: "Professionelle Bartpflege",
-        },
         {
-          type: "text",
+          type: "text",          text: "Exzellenter Service"},
-          text: "Exzellenter Service",
-        },
       ]}
     />
   </div>
@@ -120,33 +90,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Herrenhaarschnitt",          subtitle: "Klassisch bis modern",          category: "Haare",          value: "25€"},
-          title: "Herrenhaarschnitt",
-          subtitle: "Klassisch bis modern",
-          category: "Haare",
-          value: "25€",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Skin Fade",          subtitle: "Exakte Übergänge",          category: "Haare",          value: "30€"},
-          title: "Skin Fade",
-          subtitle: "Exakte Übergänge",
-          category: "Haare",
-          value: "30€",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Bartpflege",          subtitle: "Kontur & Pflege",          category: "Bart",          value: "15€"},
-          title: "Bartpflege",
-          subtitle: "Kontur & Pflege",
-          category: "Bart",
-          value: "15€",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Komplettpaket",          subtitle: "Haar & Bart",          category: "Service",          value: "45€"},
-          title: "Komplettpaket",
-          subtitle: "Haar & Bart",
-          category: "Service",
-          value: "45€",
-        },
       ]}
       title="Unsere Leistungen"
       description="Wir setzen auf Präzision, Hygiene und Individualität."
@@ -160,58 +110,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Basis",          price: "25€",          subtitle: "Klassischer Herrenhaarschnitt",          buttons: [
-          badge: "Basis",
-          price: "25€",
-          subtitle: "Klassischer Herrenhaarschnitt",
-          buttons: [
             {
-              text: "Buchen",
+              text: "Buchen",              href: "#booking"},
-              href: "#booking",
-            },
           ],
           features: [
-            "Beratung",
+            "Beratung",            "Waschen",            "Schnitt",            "Styling"],
-            "Waschen",
-            "Schnitt",
-            "Styling",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Premium",          price: "35€",          subtitle: "Skin Fade mit Übergang",          buttons: [
-          badge: "Premium",
-          price: "35€",
-          subtitle: "Skin Fade mit Übergang",
-          buttons: [
             {
-              text: "Buchen",
+              text: "Buchen",              href: "#booking"},
-              href: "#booking",
-            },
           ],
           features: [
-            "Skin Fade",
+            "Skin Fade",            "Konturschnitt",            "Finish",            "Pflegeprodukt"],
-            "Konturschnitt",
-            "Finish",
-            "Pflegeprodukt",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Special (Most Popular)",          badgeIcon: Star,
-          badge: "Special",
+          price: "50€",          subtitle: "Komplett Hair & Beard",          buttons: [
-          price: "50€",
-          subtitle: "Komplett Hair & Beard",
-          buttons: [
             {
-              text: "Buchen",
+              text: "Jetzt Buchen",              href: "#booking"},
-              href: "#booking",
-            },
           ],
           features: [
-            "Herrenschnitt",
+            "Herrenschnitt",            "Bart Trimmen",            "Heiße Kompresse",            "Aftershave"],
-            "Bart Trimmen",
-            "Heiße Kompresse",
-            "Aftershave",
-          ],
         },
       ]}
       title="Unsere Preise"
@@ -227,33 +148,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "t1",
+          id: "t1",          name: "Marco",          role: "Master Barber",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg",          imageAlt: "barber professional portrait"},
-          name: "Marco",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-razor-scissors-wooden-table_23-2147839842.jpg",
-          imageAlt: "barber professional portrait",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "David",          role: "Senior Barber",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",          imageAlt: "barber professional portrait"},
-          name: "David",
-          role: "Senior Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
-          imageAlt: "barber professional portrait",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Stefan",          role: "Barber",          imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",          imageAlt: "barber professional portrait"},
-          name: "Stefan",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",
-          imageAlt: "barber professional portrait",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Lukas",          role: "Junior Barber",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",          imageAlt: "barber professional portrait"},
-          name: "Lukas",
-          role: "Junior Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",
-          imageAlt: "barber professional portrait",
-        },
       ]}
       title="Das Barber-Team"
       description="Lerne unsere Experten kennen. Leidenschaft und Handwerk vereint."
@@ -267,59 +168,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Lukas M.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
-          name: "Lukas M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506192.jpg"},
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506192.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Markus F.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
-          name: "Markus F.",
+          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg"},
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Thomas K.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
-          name: "Thomas K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg"},
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Christian B.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
-          name: "Christian B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg"},
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Tim S.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
-          name: "Tim S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg"},
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "1.2k+",
+          value: "1.2k+",          label: "Happy Clients"},
-          label: "Happy Clients",
-        },
         {
-          value: "5+",
+          value: "5+",          label: "Jahre Expertise"},
-          label: "Jahre Expertise",
-        },
       ]}
       title="Kundenstimmen"
       description="Was unsere Kunden über uns sagen."
@@ -331,14 +201,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Reuzel",
+        "Reuzel",        "Uppercut",        "Layrite",        "Baxter",        "American Crew",        "Morgan's",        "Proraso"]}
-        "Uppercut",
-        "Layrite",
-        "Baxter",
-        "American Crew",
-        "Morgan's",
-        "Proraso",
-      ]}
       title="Unsere Marken"
       description="Wir vertrauen nur auf die besten Pflegeprodukte für dein Haar."
     />
@@ -348,8 +211,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Termin"
       title="Jetzt Termin vereinbaren"
       description="Grapengießerstraße 26, 21335 Lüneburg. Ruf uns an oder komm vorbei."