From 31cc21e8d13204eab4b25d4dcad632ce29aa008c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 01:32:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 525 +++++++++++++----------------------------------
 1 file changed, 137 insertions(+), 388 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 599f09c..8a36e4a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,403 +28,152 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="O's Place"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="O's Place"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Quality Grooming in Arden"
-      description="Friendly, experienced place for haircuts and beard trims with a welcoming vibe. Located on Hendersonville Rd."
-      testimonials={[
-        {
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Best barber in Asheville! Always welcoming.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=1",
-          imageAlt: "barber shop interior wood decor",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Great with kids and very professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg",
-          imageAlt: "barber shop interior wood decor",
-        },
-        {
-          name: "Mike Brown",
-          handle: "@mikeb",
-          testimonial: "Reliable, clean, and consistent.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg",
-          imageAlt: "barber shop interior wood decor",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@sarahmill",
-          testimonial: "Precision cuts and a very comfortable shop.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg",
-          imageAlt: "barber shop interior wood decor",
-        },
-        {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Expert beard trims every single time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg",
-          imageAlt: "barber shop interior wood decor",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
-          alt: "John Doe profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg",
-          alt: "Jane Smith profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
-          alt: "Mike Brown profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
-          alt: "Sarah Miller profile",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
-          alt: "David W profile",
-        },
-      ]}
-      avatarText="Trusted by 800+ locals"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Open Mon-Sat",
-        },
-        {
-          type: "text",
-          text: "Family Friendly",
-        },
-        {
-          type: "text",
-          text: "Expert Barbers",
-        },
-        {
-          type: "text",
-          text: "Quality Grooming",
-        },
-        {
-          type: "text",
-          text: "Arden Location",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Quality Grooming in Arden"
+            description="Friendly, experienced place for haircuts and beard trims with a welcoming vibe. Located on Hendersonville Rd."
+            testimonials={[
+              { name: "John Doe", handle: "@johndoe", testimonial: "Best barber in Asheville! Always welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "barber shop interior wood decor" },
+              { name: "Jane Smith", handle: "@janesmith", testimonial: "Great with kids and very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg", imageAlt: "barber shop interior wood decor" },
+              { name: "Mike Brown", handle: "@mikeb", testimonial: "Reliable, clean, and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg", imageAlt: "barber shop interior wood decor" },
+              { name: "Sarah Miller", handle: "@sarahmill", testimonial: "Precision cuts and a very comfortable shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg", imageAlt: "barber shop interior wood decor" },
+              { name: "David W.", handle: "@davidw", testimonial: "Expert beard trims every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg", imageAlt: "barber shop interior wood decor" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg", alt: "John Doe profile" },
+              { src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg", alt: "Jane Smith profile" },
+              { src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", alt: "Mike Brown profile" },
+              { src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", alt: "Sarah Miller profile" },
+              { src: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", alt: "David W profile" }
+            ]}
+            avatarText="Trusted by 800+ locals"
+            marqueeItems={[
+              { type: "text", text: "Open Mon-Sat" },
+              { type: "text", text: "Family Friendly" },
+              { type: "text", text: "Expert Barbers" },
+              { type: "text", text: "Quality Grooming" },
+              { type: "text", text: "Arden Location" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Welcome to O's Place"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextAbout useInvertedBackground={true} title="Welcome to O's Place" />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Haircuts",
-          subtitle: "Precision cuts for all styles",
-          category: "Grooming",
-          value: "Service",
-        },
-        {
-          id: "f2",
-          title: "Beard Trims",
-          subtitle: "Clean lines and expert shaping",
-          category: "Grooming",
-          value: "Service",
-        },
-        {
-          id: "f3",
-          title: "Kids Cuts",
-          subtitle: "Friendly, patient service for kids",
-          category: "Grooming",
-          value: "Service",
-        },
-      ]}
-      title="Our Services"
-      description="Professional grooming tailored for you."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Haircuts", subtitle: "Precision cuts for all styles", category: "Grooming", value: "Service" },
+              { id: "f2", title: "Beard Trims", subtitle: "Clean lines and expert shaping", category: "Grooming", value: "Service" },
+              { id: "f3", title: "Kids Cuts", subtitle: "Friendly, patient service for kids", category: "Grooming", value: "Service" }
+            ]}
+            title="Our Services"
+            description="Professional grooming tailored for you."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "p1",
-          badge: "Popular",
-          price: "$25",
-          subtitle: "Adult Haircut",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Clean cut",
-            "Shampoo",
-            "Style",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Add-on",
-          price: "$15",
-          subtitle: "Beard Trim",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Line up",
-            "Shave",
-            "Oil",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Youth",
-          price: "$20",
-          subtitle: "Kids Cut",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Patient service",
-            "Fun atmosphere",
-          ],
-        },
-      ]}
-      title="Simple Pricing"
-      description="Fair prices for quality work."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              { id: "p1", badge: "Popular", price: "$25", subtitle: "Adult Haircut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Clean cut", "Shampoo", "Style"] },
+              { id: "p2", badge: "Add-on", price: "$15", subtitle: "Beard Trim", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Line up", "Shave", "Oil"] },
+              { id: "p3", badge: "Youth", price: "$20", subtitle: "Kids Cut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Patient service", "Fun atmosphere"] }
+            ]}
+            title="Simple Pricing"
+            description="Fair prices for quality work."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.8",
-          title: "Google Rating",
-          items: [
-            "High satisfaction",
-            "Professional work",
-          ],
-        },
-        {
-          id: "m2",
-          value: "876+",
-          title: "Reviews",
-          items: [
-            "Local favorite",
-            "Proven results",
-          ],
-        },
-        {
-          id: "m3",
-          value: "10+",
-          title: "Years Experience",
-          items: [
-            "Expert barbers",
-            "Reliable shop",
-          ],
-        },
-      ]}
-      title="By The Numbers"
-      description="Trusted by our community in Arden."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "4.8", title: "Google Rating", items: ["High satisfaction", "Professional work"] },
+              { id: "m2", value: "876+", title: "Reviews", items: ["Local favorite", "Proven results"] },
+              { id: "m3", value: "10+", title: "Years Experience", items: ["Expert barbers", "Reliable shop"] }
+            ]}
+            title="By The Numbers"
+            description="Trusted by our community in Arden."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      members={[
-        {
-          id: "t1",
-          name: "Omar",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hairdresser-with-hairbrush-scissors-pink-background_140725-149759.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah",
-          role: "Lead Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
-        },
-        {
-          id: "t3",
-          name: "James",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mike",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg",
-        },
-      ]}
-      title="Our Barbers"
-    />
-  </div>
+        <div id="team" data-section="team">
+            <TeamCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            members={[
+              { id: "t1", name: "Omar", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hairdresser-with-hairbrush-scissors-pink-background_140725-149759.jpg" },
+              { id: "t2", name: "Sarah", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
+              { id: "t3", name: "James", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
+              { id: "t4", name: "Mike", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg" }
+            ]}
+            title="Our Barbers"
+            description="Meet our expert team."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice P.",
-          handle: "@alice",
-          testimonial: "Always friendly and clean place.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob D.",
-          handle: "@bobd",
-          testimonial: "Best barber shop in Asheville.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie G.",
-          handle: "@cg",
-          testimonial: "Kids love coming here.",
-          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",
-        },
-        {
-          id: "t4",
-          name: "Diana S.",
-          handle: "@diana",
-          testimonial: "Excellent service and vibe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
-        },
-        {
-          id: "t5",
-          name: "Edward M.",
-          handle: "@eddie",
-          testimonial: "Great value and quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+            <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Alice P.", handle: "@alice", testimonial: "Always friendly and clean place.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
+              { id: "t2", name: "Bob D.", handle: "@bobd", testimonial: "Best barber shop in Asheville.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg" },
+              { id: "t3", name: "Charlie G.", handle: "@cg", testimonial: "Kids love coming here.", 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" },
+              { id: "t4", name: "Diana S.", handle: "@diana", testimonial: "Excellent service and vibe.", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg" },
+              { id: "t5", name: "Edward M.", handle: "@eddie", testimonial: "Great value and quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg" }
+            ]}
+            title="What Our Clients Say"
+            description="Read what our happy customers have to say about their experience with us."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Visit us at 2381 Hendersonville Rd, Arden, NC or call us at (828) 687-0703. We are open Monday through Saturday."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Visit us at 2381 Hendersonville Rd, Arden, NC or call us at (828) 687-0703. We are open Monday through Saturday."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigate",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="O's Place"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              { title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            logoText="O's Place"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );