From 4cedee9c5c90aabf6d290af70b56c36d555bf35a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 17:52:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 347 +++++++++++++----------------------------------
 1 file changed, 97 insertions(+), 250 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1ed128..0a8a113 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,262 +25,109 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#pricing",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Handsomer Exchange"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Services", id: "#pricing" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="Handsomer Exchange"
+            button={{ text: "Book Now", href: "https://book.thecut.co" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Precision Cuts. Premium Style."
-      description="Warner Robins' premier destination for sharp, modern grooming. Experience the Handsomer Exchange difference."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=1",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg?_wi=1",
-          imageAlt: "Professional haircut",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=1",
-          imageAlt: "Barbershop chair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg?_wi=1",
-          imageAlt: "Grooming detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg?_wi=1",
-          imageAlt: "Tools of the trade",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg?_wi=1",
-          imageAlt: "Modern ambiance",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Precision Cuts. Premium Style."
+            description="Warner Robins' premier destination for sharp, modern grooming. Experience the Handsomer Exchange difference."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "Barbershop interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg", imageAlt: "Professional haircut" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg", imageAlt: "Barbershop chair" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", imageAlt: "Grooming detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "Tools of the trade" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg", imageAlt: "Modern ambiance" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="More Than Just A Haircut"
-      description={[
-        "Handsomer Exchange Barbershop is dedicated to providing high-quality grooming services in a professional and welcoming environment.",
-        "Our shop in Warner Robins is committed to excellence, catering to all styles with precision, care, and a personalized experience for every client.",
-        "As a Black-owned, LGBTQ+ friendly shop, we take pride in being a space where everyone feels confident, comfortable, and sharp.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="More Than Just A Haircut"
+            description={[
+              "Handsomer Exchange Barbershop is dedicated to providing high-quality grooming services in a professional and welcoming environment.",              "Our shop in Warner Robins is committed to excellence, catering to all styles with precision, care, and a personalized experience for every client.",              "As a Black-owned, LGBTQ+ friendly shop, we take pride in being a space where everyone feels confident, comfortable, and sharp."
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "cut",
-          title: "Classic Cut",
-          price: "$35",
-          period: "starting at",
-          features: [
-            "Consultation",
-            "Precision haircut",
-            "Hot towel service",
-          ],
-          button: {
-            text: "Book Now",
-            href: "https://book.thecut.co",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=2",
-          imageAlt: "modern luxury barbershop interior",
-        },
-        {
-          id: "beard",
-          title: "Beard Grooming",
-          price: "$25",
-          period: "starting at",
-          features: [
-            "Beard line-up",
-            "Hot towel beard treatment",
-            "Conditioning",
-          ],
-          button: {
-            text: "Book Now",
-            href: "https://book.thecut.co",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg?_wi=2",
-          imageAlt: "barber cutting hair with scissors",
-        },
-        {
-          id: "full",
-          title: "Full Service",
-          price: "$55",
-          period: "starting at",
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Shampoo",
-            "Facial treatment",
-          ],
-          button: {
-            text: "Book Now",
-            href: "https://book.thecut.co",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=2",
-          imageAlt: "modern barber shop chair",
-        },
-      ]}
-      title="Our Services"
-      description="Premium grooming solutions tailored to your unique style."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              { id: "cut", title: "Classic Cut", price: "$35", period: "starting at", features: ["Consultation", "Precision haircut", "Hot towel service"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "modern luxury barbershop interior" },
+              { id: "beard", title: "Beard Grooming", price: "$25", period: "starting at", features: ["Beard line-up", "Hot towel beard treatment", "Conditioning"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg", imageAlt: "barber cutting hair with scissors" },
+              { id: "full", title: "Full Service", price: "$55", period: "starting at", features: ["Haircut", "Beard trim", "Shampoo", "Facial treatment"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg", imageAlt: "modern barber shop chair" }
+            ]}
+            title="Our Services"
+            description="Premium grooming solutions tailored to your unique style."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marcus A.",
-          date: "2 months ago",
-          title: "Best in town",
-          quote: "Handsomer Exchange always hits the mark. Professional, clean, and the best fades in Georgia.",
-          tag: "Repeat Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg?_wi=2",
-          imageAlt: "barber grooming customer with clippers",
-        },
-        {
-          id: "2",
-          name: "Sarah J.",
-          date: "1 week ago",
-          title: "Incredible experience",
-          quote: "Love the atmosphere and inclusivity. My partner has never looked better. Highly recommend!",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg?_wi=2",
-          imageAlt: "barber shop hair styling tools",
-        },
-        {
-          id: "3",
-          name: "David K.",
-          date: "3 days ago",
-          title: "Precision and style",
-          quote: "You can tell the barbers really care about the details here. It's my go-to shop.",
-          tag: "New Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2952.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg?_wi=2",
-          imageAlt: "barber shop neon sign dark style",
-        },
-        {
-          id: "4",
-          name: "Jordan P.",
-          date: "1 month ago",
-          title: "Top tier service",
-          quote: "Great energy, amazing service. Never had a bad cut at this shop.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg",
-          imageAlt: "happy client after haircut",
-        },
-        {
-          id: "5",
-          name: "Alex R.",
-          date: "3 months ago",
-          title: "Elite grooming",
-          quote: "Absolutely top tier. The attention to detail is unmatched in this area.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
-          imageAlt: "satisfied customer looking in mirror",
-        },
-      ]}
-      title="Trusted by Warner Robins"
-      description="Join 370+ satisfied clients who trust us with their style."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Marcus A.", date: "2 months ago", title: "Best in town", quote: "Handsomer Exchange always hits the mark. Professional, clean, and the best fades in Georgia.", tag: "Repeat Client", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", imageAlt: "barber grooming customer with clippers" },
+              { id: "2", name: "Sarah J.", date: "1 week ago", title: "Incredible experience", quote: "Love the atmosphere and inclusivity. My partner has never looked better. Highly recommend!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "barber shop hair styling tools" },
+              { id: "3", name: "David K.", date: "3 days ago", title: "Precision and style", quote: "You can tell the barbers really care about the details here. It's my go-to shop.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2952.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg", imageAlt: "barber shop neon sign dark style" },
+              { id: "4", name: "Jordan P.", date: "1 month ago", title: "Top tier service", quote: "Great energy, amazing service. Never had a bad cut at this shop.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg", imageAlt: "happy client after haircut" },
+              { id: "5", name: "Alex R.", date: "3 months ago", title: "Elite grooming", quote: "Absolutely top tier. The attention to detail is unmatched in this area.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageAlt: "satisfied customer looking in mirror" }
+            ]}
+            title="Trusted by Warner Robins"
+            description="Join 370+ satisfied clients who trust us with their style."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Find Us"
-      title="Ready for your next cut?"
-      description="Visit us at 1204 Russell Pkwy, Warner Robins, GA or book online to secure your appointment today."
-      buttons={[
-        {
-          text: "Book Online",
-          href: "https://book.thecut.co",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Find Us"
+            title="Ready for your next cut?"
+            description="Visit us at 1204 Russell Pkwy, Warner Robins, GA or book online to secure your appointment today."
+            buttons={[{ text: "Book Online", href: "https://book.thecut.co" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=3"
-      columns={[
-        {
-          title: "Visit Us",
-          items: [
-            {
-              label: "1204 Russell Pkwy, Warner Robins",
-              href: "#",
-            },
-            {
-              label: "(404) 517-9122",
-              href: "tel:4045179122",
-            },
-          ],
-        },
-        {
-          title: "Book Online",
-          items: [
-            {
-              label: "The Cut Booking",
-              href: "https://book.thecut.co",
-            },
-            {
-              label: "Service Menu",
-              href: "https://thecut.co",
-            },
-          ],
-        },
-      ]}
-      logoText="Handsomer Exchange"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg"
+            columns={[
+              {
+                title: "Visit Us",                items: [
+                  { label: "1204 Russell Pkwy, Warner Robins", href: "#" },
+                  { label: "(404) 517-9122", href: "tel:4045179122" }
+                ]
+              },
+              {
+                title: "Book Online",                items: [
+                  { label: "The Cut Booking", href: "https://book.thecut.co" },
+                  { label: "Service Menu", href: "https://thecut.co" }
+                ]
+              }
+            ]}
+            logoText="Handsomer Exchange"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1