Update src/app/page.tsx

2026-04-18 16:52:40 +00:00
1 changed files with 50 additions and 188 deletions
--- a/src/app/page.tsx
+++ b/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",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
        {
-          name: "Booking",
-          id: "booking",
-        },
+          name: "Booking",          id: "booking"},
        {
-          name: "About",
-          id: "team",
-        },
+          name: "About",          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",
-          alt: "barber client portrait clean",
-        },
+          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"},
        {
-          src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
-          alt: "barber client portrait clean",
-        },
+          src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",          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",
-          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",          alt: "barber client portrait clean"},
        {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",
-          alt: "barber client portrait clean",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",          alt: "barber client portrait clean"},
        {
-          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",
-        },
+          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"},
      ]}
      avatarText="Über 1.000 zufriedene Kunden"
      buttons={[
        {
-          text: "Jetzt Termin buchen",
-          href: "#booking",
-        },
+          text: "Jetzt Termin buchen",          href: "#booking"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
-          type: "text",
-          text: "Traditionelle Handwerkskunst",
-        },
+          type: "text",          text: "Traditionelle Handwerkskunst"},
        {
-          type: "text",
-          text: "Modernes Ambiente",
-        },
+          type: "text",          text: "Modernes Ambiente"},
        {
-          type: "text",
-          text: "Präzise Haarschnitte",
-        },
+          type: "text",          text: "Präzise Haarschnitte"},
        {
-          type: "text",
-          text: "Professionelle Bartpflege",
-        },
+          type: "text",          text: "Professionelle Bartpflege"},
        {
-          type: "text",
-          text: "Exzellenter Service",
-        },
+          type: "text",          text: "Exzellenter Service"},
      ]}
    />
  </div>
@@ -120,33 +90,13 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          id: "f1",
-          title: "Herrenhaarschnitt",
-          subtitle: "Klassisch bis modern",
-          category: "Haare",
-          value: "25€",
-        },
+          id: "f1",          title: "Herrenhaarschnitt",          subtitle: "Klassisch bis modern",          category: "Haare",          value: "25€"},
        {
-          id: "f2",
-          title: "Skin Fade",
-          subtitle: "Exakte Übergänge",
-          category: "Haare",
-          value: "30€",
-        },
+          id: "f2",          title: "Skin Fade",          subtitle: "Exakte Übergänge",          category: "Haare",          value: "30€"},
        {
-          id: "f3",
-          title: "Bartpflege",
-          subtitle: "Kontur & Pflege",
-          category: "Bart",
-          value: "15€",
-        },
+          id: "f3",          title: "Bartpflege",          subtitle: "Kontur & Pflege",          category: "Bart",          value: "15€"},
        {
-          id: "f4",
-          title: "Komplettpaket",
-          subtitle: "Haar & Bart",
-          category: "Service",
-          value: "45€",
-        },
+          id: "f4",          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",
-          badge: "Basis",
-          price: "25€",
-          subtitle: "Klassischer Herrenhaarschnitt",
-          buttons: [
+          id: "p1",          badge: "Basis",          price: "25€",          subtitle: "Klassischer Herrenhaarschnitt",          buttons: [
            {
-              text: "Buchen",
-              href: "#booking",
-            },
+              text: "Buchen",              href: "#booking"},
          ],
          features: [
-            "Beratung",
-            "Waschen",
-            "Schnitt",
-            "Styling",
-          ],
+            "Beratung",            "Waschen",            "Schnitt",            "Styling"],
        },
        {
-          id: "p2",
-          badge: "Premium",
-          price: "35€",
-          subtitle: "Skin Fade mit Übergang",
-          buttons: [
+          id: "p2",          badge: "Premium",          price: "35€",          subtitle: "Skin Fade mit Übergang",          buttons: [
            {
-              text: "Buchen",
-              href: "#booking",
-            },
+              text: "Buchen",              href: "#booking"},
          ],
          features: [
-            "Skin Fade",
-            "Konturschnitt",
-            "Finish",
-            "Pflegeprodukt",
-          ],
+            "Skin Fade",            "Konturschnitt",            "Finish",            "Pflegeprodukt"],
        },
        {
-          id: "p3",
-          badge: "Special",
-          price: "50€",
-          subtitle: "Komplett Hair & Beard",
-          buttons: [
+          id: "p3",          badge: "Special (Most Popular)",          badgeIcon: Star,
+          price: "50€",          subtitle: "Komplett Hair & Beard",          buttons: [
            {
-              text: "Buchen",
-              href: "#booking",
-            },
+              text: "Jetzt Buchen",              href: "#booking"},
          ],
          features: [
-            "Herrenschnitt",
-            "Bart Trimmen",
-            "Heiße Kompresse",
-            "Aftershave",
-          ],
+            "Herrenschnitt",            "Bart Trimmen",            "Heiße Kompresse",            "Aftershave"],
        },
      ]}
      title="Unsere Preise"
@@ -227,33 +148,13 @@ export default function LandingPage() {
      useInvertedBackground={true}
      members={[
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
      ]}
      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",
-          name: "Lukas M.",
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506192.jpg",
-        },
+          id: "1",          name: "Lukas M.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506192.jpg"},
        {
-          id: "2",
-          name: "Markus F.",
-          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: "2",          name: "Markus F.",          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",
-          name: "Thomas K.",
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg",
-        },
+          id: "3",          name: "Thomas K.",          role: "Stammkunde",          company: "Lüneburg",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg"},
        {
-          id: "4",
-          name: "Christian B.",
-          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: "4",          name: "Christian B.",          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",
-          name: "Tim S.",
-          role: "Stammkunde",
-          company: "Lüneburg",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg",
-        },
+          id: "5",          name: "Tim S.",          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",
-          label: "Google Rating",
-        },
+          value: "4.9/5",          label: "Google Rating"},
        {
-          value: "1.2k+",
-          label: "Happy Clients",
-        },
+          value: "1.2k+",          label: "Happy Clients"},
        {
-          value: "5+",
-          label: "Jahre Expertise",
-        },
+          value: "5+",          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",
-        "Uppercut",
-        "Layrite",
-        "Baxter",
-        "American Crew",
-        "Morgan's",
-        "Proraso",
-      ]}
+        "Reuzel",        "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."