From 31b6adfdcee9a75e3b56811ae80db6374f827883 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 02:21:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 462 +++++++++++++++--------------------------------
 1 file changed, 143 insertions(+), 319 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 240f2e1..c8cbeda 100644
--- 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 { Zap, User, Scissors, Smile } from "lucide-react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -11,339 +12,162 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Scissors } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Hero Barbershop"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Hero Barbershop"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Oldham's Premier Barber Experience"
-      description="Expert grooming, skin fades, and precision cuts for all ages in a friendly, welcoming shop."
-      testimonials={[
-        {
-          name: "John D.",
-          handle: "Local Customer",
-          testimonial: "Best skin fades in Oldham. Friendly staff and always a consistent cut.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg?_wi=1",
-        },
-        {
-          name: "Sarah W.",
-          handle: "Parent",
-          testimonial: "My son loves coming here, the team is so patient and child-friendly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg?_wi=1",
-        },
-        {
-          name: "Mike P.",
-          handle: "Regular",
-          testimonial: "Never have to wait long, top quality service every single time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg?_wi=1",
-        },
-        {
-          name: "David K.",
-          handle: "Visitor",
-          testimonial: "Fantastic atmosphere and the attention to detail is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=1",
-        },
-        {
-          name: "James L.",
-          handle: "New Client",
-          testimonial: "First time here and definitely not the last. Best barbershop in town.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-talking-with-elderly-client-hair-salon_23-2148182014.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "PRECISION CUTS",
-        },
-        {
-          type: "text",
-          text: "SKIN FADES",
-        },
-        {
-          type: "text",
-          text: "BEARD TRIMS",
-        },
-        {
-          type: "text",
-          text: "KIDS WELCOME",
-        },
-        {
-          type: "text",
-          text: "FRIENDLY SERVICE",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            title="Oldham's Premier Barber Experience"
+            description="Expert grooming, skin fades, and precision cuts for all ages in a friendly, welcoming shop."
+            testimonials={[
+              { name: "John D.", handle: "Local Customer", testimonial: "Best skin fades in Oldham. Friendly staff and always a consistent cut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg" },
+              { name: "Sarah W.", handle: "Parent", testimonial: "My son loves coming here, the team is so patient and child-friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
+              { name: "Mike P.", handle: "Regular", testimonial: "Never have to wait long, top quality service every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
+              { name: "David K.", handle: "Visitor", testimonial: "Fantastic atmosphere and the attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
+              { name: "James L.", handle: "New Client", testimonial: "First time here and definitely not the last. Best barbershop in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/barber-talking-with-elderly-client-hair-salon_23-2148182014.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg", alt: "Client 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "PRECISION CUTS" },
+              { type: "text", text: "SKIN FADES" },
+              { type: "text", text: "BEARD TRIMS" },
+              { type: "text", text: "KIDS WELCOME" },
+              { type: "text", text: "FRIENDLY SERVICE" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Us"
-      title="Quality Grooming Since Day One"
-      description="Located at 297 Ripponden Rd, we pride ourselves on delivering top-tier haircuts and beard trims that suit your style."
-      subdescription="Our friendly atmosphere ensures every customer feels at home, whether you're coming in for a quick trim or a complete restyle."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="About Us"
+            title="Quality Grooming Since Day One"
+            description="Located at 297 Ripponden Rd, we pride ourselves on delivering top-tier haircuts and beard trims that suit your style."
+            subdescription="Our friendly atmosphere ensures every customer feels at home, whether you're coming in for a quick trim or a complete restyle."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg"
+            mediaAnimation="slide-up"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Precision Skin Fades",
-          description: "Crisp, clean fades designed to perfection.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg",
-        },
-        {
-          title: "Men's Haircuts",
-          description: "Classic and contemporary cuts for any style.",
-          buttonIcon: "User",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg",
-        },
-        {
-          title: "Professional Beard Trims",
-          description: "Grooming that keeps your beard sharp.",
-          buttonIcon: "Scissors",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-man-with-machine_23-2147737071.jpg",
-        },
-        {
-          title: "Kids Haircuts",
-          description: "Patience and skill for our younger clients.",
-          buttonIcon: "Smile",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-costumer-s-beard_23-2148242863.jpg",
-        },
-      ]}
-      title="Our Expert Services"
-      description="Professional grooming tailored for every man."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Precision Skin Fades", description: "Crisp, clean fades designed to perfection.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg" },
+              { title: "Men's Haircuts", description: "Classic and contemporary cuts for any style.", buttonIcon: User, imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg" },
+              { title: "Professional Beard Trims", description: "Grooming that keeps your beard sharp.", buttonIcon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-man-with-machine_23-2147737071.jpg" },
+              { title: "Kids Haircuts", description: "Patience and skill for our younger clients.", buttonIcon: Smile, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-costumer-s-beard_23-2148242863.jpg" },
+            ]}
+            title="Our Expert Services"
+            description="Professional grooming tailored for every man."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="Meet the Team"
-      tag="Experienced Barbers"
-      membersAnimation="slide-up"
-      members={[
-        {
-          id: "t1",
-          name: "Lead Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",
-        },
-        {
-          id: "t2",
-          name: "Master Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",
-        },
-        {
-          id: "t3",
-          name: "Senior Groomer",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
-        },
-      ]}
-      memberVariant="card"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTen
+            useInvertedBackground={true}
+            title="Meet the Team"
+            tag="Experienced Barbers"
+            membersAnimation="slide-up"
+            members={[
+              { id: "t1", name: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg" },
+              { id: "t2", name: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg" },
+              { id: "t3", name: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
+            ]}
+            memberVariant="card"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great cut",
-          quote: "Consistently great cuts, always clean and well managed.",
-          name: "Mark R.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Excellent",
-          quote: "Friendly staff, affordable prices, would highly recommend.",
-          name: "David L.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          title: "Top service",
-          quote: "The go-to barber in Oldham for a clean fade.",
-          name: "Chris B.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          title: "Patience",
-          quote: "So patient with kids, highly recommend to families.",
-          name: "Jenny P.",
-          role: "Parent",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          title: "Reliable",
-          quote: "Best service in town, never disappoints.",
-          name: "Alan G.",
-          role: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Rated 4.8 by over 130+ happy customers."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Great cut", quote: "Consistently great cuts, always clean and well managed.", name: "Mark R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg" },
+              { id: "2", title: "Excellent", quote: "Friendly staff, affordable prices, would highly recommend.", name: "David L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
+              { id: "3", title: "Top service", quote: "The go-to barber in Oldham for a clean fade.", name: "Chris B.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
+              { id: "4", title: "Patience", quote: "So patient with kids, highly recommend to families.", name: "Jenny P.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
+              { id: "5", title: "Reliable", quote: "Best service in town, never disappoints.", name: "Alan G.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
+            ]}
+            title="What Our Clients Say"
+            description="Rated 4.8 by over 130+ happy customers."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do I need to book?",
-          content: "Walk-ins are welcome, but booking is recommended for peak hours.",
-        },
-        {
-          id: "q2",
-          title: "Opening hours?",
-          content: "We open daily at 9:00 AM.",
-        },
-        {
-          id: "q3",
-          title: "Location?",
-          content: "We are at 297 Ripponden Rd, Oldham.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about your visit."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do I need to book?", content: "Walk-ins are welcome, but booking is recommended for peak hours." },
+              { id: "q2", title: "Opening hours?", content: "We open daily at 9:00 AM." },
+              { id: "q3", title: "Location?", content: "We are at 297 Ripponden Rd, Oldham." },
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about your visit."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Book Your Appointment"
-      description="Visit us at 297 Ripponden Rd or give us a call at +44 161 624 7837."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+441616247837",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Book Your Appointment"
+            description="Visit us at 297 Ripponden Rd or give us a call at +44 161 624 7837."
+            buttons={[{ text: "Call Now", href: "tel:+441616247837" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call Us",
-              href: "tel:+441616247837",
-            },
-          ],
-        },
-      ]}
-      logoText="Hero Barbershop"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Contact", items: [{ label: "Call Us", href: "tel:+441616247837" }] },
+            ]}
+            logoText="Hero Barbershop"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file