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

---
 src/app/page.tsx | 434 ++++++++++++-----------------------------------
 1 file changed, 111 insertions(+), 323 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9ba5e4a..2558651 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,336 +27,124 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Gallery",
-          id: "#gallery",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Master's Touch"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+              navItems={[
+                { name: "About", id: "#about" },
+                { name: "Services", id: "#services" },
+                { name: "Gallery", id: "#gallery" },
+                { name: "Contact", id: "#contact" },
+              ]}
+              brandName="Master's Touch"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Fresh Cuts. Clean Fades. Professional Service."
-      description="Trusted local barbershop in Statham, GA with 4.7 stars. Experience the master's touch for your next style."
-      testimonials={[
-        {
-          name: "John D.",
-          handle: "@local",
-          testimonial: "Always professional and consistent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg?_wi=1",
-          imageAlt: "barber shop interior modern dark",
-        },
-        {
-          name: "Mike R.",
-          handle: "@local",
-          testimonial: "Nice atmosphere, good people.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg?_wi=1",
-          imageAlt: "professional barber smiling",
-        },
-        {
-          name: "Chris S.",
-          handle: "@local",
-          testimonial: "Takes a lot of pride in his work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=1",
-          imageAlt: "fade haircut detail side view",
-        },
-        {
-          name: "David L.",
-          handle: "@local",
-          testimonial: "Best fade I've had in a long time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg?_wi=1",
-          imageAlt: "barbershop chair and mirror",
-        },
-        {
-          name: "Brian K.",
-          handle: "@local",
-          testimonial: "My go-to barbershop in Statham.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg?_wi=1",
-          imageAlt: "beard trim close up",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+17707250061",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Cuts",
-        },
-        {
-          type: "text",
-          text: "Hot Towel Shaves",
-        },
-        {
-          type: "text",
-          text: "Beard Grooming",
-        },
-        {
-          type: "text",
-          text: "Clean Fades",
-        },
-        {
-          type: "text",
-          text: "Modern Style",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitTestimonial
+              background={{ variant: "gradient-bars" }}
+              title="Fresh Cuts. Clean Fades. Professional Service."
+              description="Trusted local barbershop in Statham, GA with 4.7 stars. Experience the master's touch for your next style."
+              testimonials={[
+                { name: "John D.", handle: "@local", testimonial: "Always professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg" },
+                { name: "Mike R.", handle: "@local", testimonial: "Nice atmosphere, good people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg" },
+                { name: "Chris S.", handle: "@local", testimonial: "Takes a lot of pride in his work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" },
+                { name: "David L.", handle: "@local", testimonial: "Best fade I've had in a long time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg" },
+                { name: "Brian K.", handle: "@local", testimonial: "My go-to barbershop in Statham.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg" }
+              ]}
+              buttons={[{ text: "Call Now", href: "tel:+17707250061" }, { text: "Book Appointment", href: "#contact" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"
+              mediaAnimation="slide-up"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="The Master's Touch Experience"
-      description="At Master's Touch Barbershop, we believe in more than just a haircut. We provide an experienced, professional service where every detail matters. We take pride in building strong customer relationships, ensuring you leave looking your best in a friendly, welcoming environment."
-      bulletPoints={[
-        {
-          title: "Expert Fades",
-          description: "Precision cutting for all modern styles.",
-        },
-        {
-          title: "Welcoming Atmosphere",
-          description: "Relax in a shop built for local comfort.",
-        },
-        {
-          title: "Master Craftsmanship",
-          description: "Experienced barber dedicated to quality results.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+              textboxLayout="split"
+              useInvertedBackground={false}
+              title="The Master's Touch Experience"
+              description="At Master's Touch Barbershop, we believe in more than just a haircut. We provide an experienced, professional service where every detail matters. We take pride in building strong customer relationships, ensuring you leave looking your best in a friendly, welcoming environment."
+              bulletPoints={[
+                { title: "Expert Fades", description: "Precision cutting for all modern styles." },
+                { title: "Welcoming Atmosphere", description: "Relax in a shop built for local comfort." },
+                { title: "Master Craftsmanship", description: "Experienced barber dedicated to quality results." }
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg"
+              mediaAnimation="slide-up"
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Haircuts",
-          description: "Classic and contemporary cuts for all hair types.",
-          bentoComponent: "reveal-icon",
-          icon: Scissors,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg?_wi=1",
-          imageAlt: "happy customer portrait",
-        },
-        {
-          title: "Precision Fades",
-          description: "Clean, sharp fades that set the standard.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg?_wi=1",
-          imageAlt: "man smiling after haircut",
-        },
-        {
-          title: "Beard Trims",
-          description: "Keep your facial hair sharp and groomed.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg?_wi=1",
-          imageAlt: "confident man portrait",
-        },
-        {
-          title: "Shape-Ups",
-          description: "Refine your edges for a polished look.",
-          bentoComponent: "reveal-icon",
-          icon: Square,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg?_wi=1",
-          imageAlt: "man looking clean cut",
-        },
-      ]}
-      title="Our Professional Services"
-      description="Premium grooming solutions tailored to your individual style."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureBento
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                { title: "Haircuts", description: "Classic and contemporary cuts for all hair types.", bentoComponent: "reveal-icon", icon: Scissors },
+                { title: "Precision Fades", description: "Clean, sharp fades that set the standard.", bentoComponent: "reveal-icon", icon: Zap },
+                { title: "Beard Trims", description: "Keep your facial hair sharp and groomed.", bentoComponent: "reveal-icon", icon: Sparkles },
+                { title: "Shape-Ups", description: "Refine your edges for a polished look.", bentoComponent: "reveal-icon", icon: Square }
+              ]}
+              title="Our Professional Services"
+              description="Premium grooming solutions tailored to your individual style."
+            />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardThirteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John D.",
-          handle: "@statham",
-          testimonial: "Takes a lot of pride in his work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mike R.",
-          handle: "@statham",
-          testimonial: "Nice atmosphere, good people.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Chris S.",
-          handle: "@statham",
-          testimonial: "Always professional and consistent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          handle: "@statham",
-          testimonial: "Best fade I've had in a long time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Brian K.",
-          handle: "@statham",
-          testimonial: "My go-to barbershop in Statham.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg",
-        },
-      ]}
-      showRating={true}
-      title="What Our Clients Say"
-      description="Real feedback from the Statham community."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+            <TestimonialCardThirteen
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "1", name: "John D.", handle: "@statham", testimonial: "Takes a lot of pride in his work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg" },
+                { id: "2", name: "Mike R.", handle: "@statham", testimonial: "Nice atmosphere, good people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg" },
+                { id: "3", name: "Chris S.", handle: "@statham", testimonial: "Always professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg" },
+                { id: "4", name: "David L.", handle: "@statham", testimonial: "Best fade I've had in a long time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg" },
+                { id: "5", name: "Brian K.", handle: "@statham", testimonial: "My go-to barbershop in Statham.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg" }
+              ]}
+              showRating={true}
+              title="What Our Clients Say"
+              description="Real feedback from the Statham community."
+            />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardOne
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Sharp Fade",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Barbershop Interior",
-          price: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Precision Beard",
-          price: "Groomed",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Style Portfolio",
-          price: "View More",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=3",
-        },
-      ]}
-      title="Our Work"
-      description="Check out some of our recent fades and styles."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+            <ProductCardOne
+              animationType="scale-rotate"
+              textboxLayout="default"
+              gridVariant="four-items-2x2-equal-grid"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", name: "Sharp Fade", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" },
+                { id: "p2", name: "Barbershop Interior", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg" },
+                { id: "p3", name: "Precision Beard", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg" },
+                { id: "p4", name: "Style Portfolio", price: "View More", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" }
+              ]}
+              title="Our Work"
+              description="Check out some of our recent fades and styles."
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get In Touch"
-      title="Ready for a Fresh Cut?"
-      description="Located at 1980 Railroad St, Statham, GA 30666. Call us at (770) 725-0061 or book an appointment through our site."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+17707250061",
-        },
-        {
-          text: "Book Appointment",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+              useInvertedBackground={false}
+              background={{ variant: "sparkles-gradient" }}
+              tag="Get In Touch"
+              title="Ready for a Fresh Cut?"
+              description="Located at 1980 Railroad St, Statham, GA 30666. Call us at (770) 725-0061 or book an appointment through our site."
+              buttons={[{ text: "Call Now", href: "tel:+17707250061" }, { text: "Book Appointment", href: "#" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Master's Touch"
-      copyrightText="© 2025 Master's Touch Barbershop LLC"
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="Master's Touch"
+              copyrightText="© 2025 Master's Touch Barbershop LLC"
+              socialLinks={[
+                { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1