From 81a8399a33e87bfea54907caa8b9b3953054c1d4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 14:09:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 544 +++++++++++++----------------------------------
 1 file changed, 150 insertions(+), 394 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a3abe45..62e2fb4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,408 +28,164 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "pricing",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Better Cut Barbers"
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "pricing" },
+              { name: "Team", id: "team" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Better Cut Barbers"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroOverlayTestimonial
-      title="Precision Cuts in Birmingham"
-      description="Experience the art of grooming in a sophisticated environment tailored for the modern gentleman."
-      testimonials={[
-        {
-          name: "James T.",
-          handle: "@jamest",
-          testimonial: "Best haircut I've had in years. Professional and welcoming.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
-        },
-        {
-          name: "Mark R.",
-          handle: "@markr",
-          testimonial: "Excellent attention to detail and a great atmosphere.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
-        },
-        {
-          name: "Chris B.",
-          handle: "@chrisb",
-          testimonial: "Fantastic service, really makes you feel at home.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
-        },
-        {
-          name: "Alex W.",
-          handle: "@alexw",
-          testimonial: "The best fade I have ever had. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
-        },
-        {
-          name: "David M.",
-          handle: "@davidm",
-          testimonial: "Top quality grooming, great local business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "View Services",
-          href: "#pricing",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
-          alt: "Customer profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg",
-          alt: "Customer profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
-          alt: "Customer profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
-          alt: "Customer profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          alt: "Customer profile 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroOverlayTestimonial
+            title="Precision Cuts in Birmingham"
+            description="Experience the art of grooming in a sophisticated environment tailored for the modern gentleman."
+            testimonials={[
+              { name: "James T.", handle: "@jamest", testimonial: "Best haircut I've had in years. Professional and welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
+              { name: "Mark R.", handle: "@markr", testimonial: "Excellent attention to detail and a great atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
+              { name: "Chris B.", handle: "@chrisb", testimonial: "Fantastic service, really makes you feel at home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
+              { name: "Alex W.", handle: "@alexw", testimonial: "The best fade I have ever had. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
+              { name: "David M.", handle: "@davidm", testimonial: "Top quality grooming, great local business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
+            ]}
+            buttons={[{ text: "View Services", href: "#pricing" }, { text: "Book Appointment", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", alt: "Customer profile 1" },
+              { src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg", alt: "Customer profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg", alt: "Customer profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Customer profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Customer profile 5" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="A Legacy of Grooming"
-      description="We blend traditional techniques with modern style. Better Cut Barbers is Birmingham's premier destination for discerning men."
-      subdescription="Every visit is more than just a cut; it's a dedicated moment of relaxation and refinement."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Story"
+            title="A Legacy of Grooming"
+            description="We blend traditional techniques with modern style. Better Cut Barbers is Birmingham's premier destination for discerning men."
+            subdescription="Every visit is more than just a cut; it's a dedicated moment of relaxation and refinement."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Master Barbers",
-          description: "Highly trained professionals dedicated to the craft of haircutting and shaves.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg",
-          },
-          items: [
-            {
-              icon: Award,
-              text: "5+ years average experience",
-            },
-            {
-              icon: Users,
-              text: "Personalized consultations",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=2",
-          imageAlt: "barbershop interior vintage",
-        },
-        {
-          title: "Premium Products",
-          description: "We use only the finest grooming products to ensure your hair stays healthy and manageable.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg",
-          },
-          items: [
-            {
-              icon: Sparkles,
-              text: "Organic hair care",
-            },
-            {
-              icon: CheckCircle,
-              text: "Sustainably sourced",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=2",
-          imageAlt: "barbershop interior vintage",
-        },
-        {
-          title: "Atmosphere",
-          description: "A relaxing environment designed for men to unwind and enjoy the grooming process.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
-          },
-          items: [
-            {
-              icon: Coffee,
-              text: "Complimentary drinks",
-            },
-            {
-              icon: Music,
-              text: "Curated playlists",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg?_wi=1",
-          imageAlt: "barbershop interior vintage",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Beyond the chair, we offer an experience centered around quality and comfort."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Master Barbers",                description: "Highly trained professionals dedicated to the craft of haircutting and shaves.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg" },
+                items: [{ icon: Award, text: "5+ years average experience" }, { icon: Users, text: "Personalized consultations" }],
+                reverse: false
+              },
+              {
+                title: "Premium Products",                description: "We use only the finest grooming products to ensure your hair stays healthy and manageable.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg" },
+                items: [{ icon: Sparkles, text: "Organic hair care" }, { icon: CheckCircle, text: "Sustainably sourced" }],
+                reverse: true
+              },
+              {
+                title: "Atmosphere",                description: "A relaxing environment designed for men to unwind and enjoy the grooming process.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg" },
+                items: [{ icon: Coffee, text: "Complimentary drinks" }, { icon: Music, text: "Curated playlists" }],
+                reverse: false
+              }
+            ]}
+            title="Why Choose Us"
+            description="Beyond the chair, we offer an experience centered around quality and comfort."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "cut",
-          badge: "Essential",
-          price: "£25",
-          subtitle: "Classic haircut with a professional finish.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Hot Towel Finish",
-          ],
-        },
-        {
-          id: "shave",
-          badge: "The Grooming",
-          price: "£35",
-          subtitle: "Traditional wet shave for ultimate smoothness.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Hot Towel Prep",
-            "Straight Razor Shave",
-            "Aftershave Balm",
-          ],
-        },
-        {
-          id: "full",
-          badge: "The Better Cut",
-          price: "£50",
-          subtitle: "The complete grooming ritual.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Beard Sculpting",
-            "Deep Cleanse",
-            "Face Massage",
-          ],
-        },
-      ]}
-      title="Our Services"
-      description="Premium grooming packages for every style."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "cut",                badge: "Essential",                price: "£25",                subtitle: "Classic haircut with a professional finish.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Consultation", "Precision Cut", "Hot Towel Finish"]
+              },
+              {
+                id: "shave",                badge: "The Grooming",                price: "£35",                subtitle: "Traditional wet shave for ultimate smoothness.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Hot Towel Prep", "Straight Razor Shave", "Aftershave Balm"]
+              },
+              {
+                id: "full",                badge: "The Better Cut",                price: "£50",                subtitle: "The complete grooming ritual.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Haircut", "Beard Sculpting", "Deep Cleanse", "Face Massage"]
+              }
+            ]}
+            title="Our Services"
+            description="Premium grooming packages for every style."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "David",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",
-        },
-        {
-          id: "2",
-          name: "Sam",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Alex",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
-        },
-      ]}
-      title="Meet the Artists"
-      description="Our Birmingham-based team of experts."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "David", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg" },
+              { id: "2", name: "Sam", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
+              { id: "3", name: "Alex", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg" }
+            ]}
+            title="Meet the Artists"
+            description="Our Birmingham-based team of experts."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "James T.",
-          role: "Client",
-          testimonial: "Exceptional service and atmosphere.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark R.",
-          role: "Client",
-          testimonial: "Better Cut Barbers is the only place I go.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg",
-        },
-        {
-          id: "3",
-          name: "Chris B.",
-          role: "Client",
-          testimonial: "Sharp cuts and professional team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
-        },
-        {
-          id: "4",
-          name: "John S.",
-          role: "Client",
-          testimonial: "Friendly vibe, high-quality finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg",
-        },
-        {
-          id: "5",
-          name: "Paul M.",
-          role: "Client",
-          testimonial: "Best in Birmingham. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg",
-        },
-      ]}
-      title="Client Reviews"
-      description="What our customers are saying."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "James T.", role: "Client", testimonial: "Exceptional service and atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
+              { id: "2", name: "Mark R.", role: "Client", testimonial: "Better Cut Barbers is the only place I go.", imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg" },
+              { id: "3", name: "Chris B.", role: "Client", testimonial: "Sharp cuts and professional team.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
+              { id: "4", name: "John S.", role: "Client", testimonial: "Friendly vibe, high-quality finish.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg" },
+              { id: "5", name: "Paul M.", role: "Client", testimonial: "Best in Birmingham. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg" }
+            ]}
+            title="Client Reviews"
+            description="What our customers are saying."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Visit Us"
-      title="Book Your Appointment"
-      description="We are located in the heart of Birmingham. Secure your chair now."
-      imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Visit Us"
+            title="Book Your Appointment"
+            description="We are located in the heart of Birmingham. Secure your chair now."
+            imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "Home",
-              href: "#home",
-            },
-            {
-              label: "Services",
-              href: "#pricing",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Socials",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Better Cut Barbers"
-      copyrightText="© 2025 Better Cut Barbers Birmingham."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
+              { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            logoText="Better Cut Barbers"
+            copyrightText="© 2025 Better Cut Barbers Birmingham."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1