From 81e4fe3b345db511b830bebe044bed7c7dd9137d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 14:06:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 338 ++++++++++++++---------------------------------
 1 file changed, 100 insertions(+), 238 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5d6fdad..c1a4a55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,250 +25,112 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Info",
-          id: "contact",
-        },
-      ]}
-      brandName="Harrison Barber"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Harrison Barber"
+            button={{ text: "Book Now", href: "tel:5550123456" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="Harrison Barber & Styling"
-      description="Trusted Local Barber for Over 25 Years. Great haircuts, fair prices, and friendly service."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5550123456",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
-          alt: "Barber 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
-          alt: "Barber 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
-          alt: "Barber 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
-          alt: "Barber 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
-          alt: "Barber 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Classic Cuts",
-        },
-        {
-          type: "text",
-          text: "Hot Towel Shaves",
-        },
-        {
-          type: "text",
-          text: "Beard Grooming",
-        },
-        {
-          type: "text",
-          text: "Senior Discounts",
-        },
-        {
-          type: "text",
-          text: "Local Favorite",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "plain" }}
+            title="Harrison Barber & Styling"
+            description="Trusted Local Barber for Over 25 Years. Great haircuts, fair prices, and friendly service."
+            buttons={[{ text: "Call Now", href: "tel:5550123456" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 1" },
+              { src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 2" },
+              { src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 3" },
+              { src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 4" },
+              { src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Classic Cuts" },
+              { type: "text", text: "Hot Towel Shaves" },
+              { type: "text", text: "Beard Grooming" },
+              { type: "text", text: "Senior Discounts" },
+              { type: "text", text: "Local Favorite" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "A Family-Owned Tradition",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg",
-          alt: "Barber shop experience",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "A Family-Owned Tradition" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber shop experience" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Men’s Haircuts",
-          description: "Classic and modern styles for every customer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=2",
-        },
-        {
-          id: "s2",
-          title: "Beard Trims",
-          description: "Expert trimming and grooming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=3",
-        },
-        {
-          id: "s3",
-          title: "Walk-ins Welcome",
-          description: "Just stop by, we'll get you taken care of.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=4",
-        },
-      ]}
-      title="Our Services"
-      description="Simple, straightforward quality."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", title: "Men’s Haircuts", description: "Classic and modern styles for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
+              { id: "s2", title: "Beard Trims", description: "Expert trimming and grooming.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
+              { id: "s3", title: "Walk-ins Welcome", description: "Just stop by, we'll get you taken care of.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
+            ]}
+            title="Our Services"
+            description="Simple, straightforward quality."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Mark R.",
-          role: "Long-time Client",
-          company: "Chattanooga Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=5",
-          imageAlt: "classic vintage barbershop interior",
-        },
-        {
-          id: "2",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Chattanooga Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg?_wi=1",
-          imageAlt: "experienced barber portrait",
-        },
-        {
-          id: "3",
-          name: "David K.",
-          role: "Client",
-          company: "Chattanooga Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg?_wi=1",
-          imageAlt: "barber shop exterior facade",
-        },
-        {
-          id: "4",
-          name: "John P.",
-          role: "Client",
-          company: "Chattanooga Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=6",
-          imageAlt: "classic vintage barbershop interior",
-        },
-        {
-          id: "5",
-          name: "Mike D.",
-          role: "Client",
-          company: "Chattanooga Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg?_wi=2",
-          imageAlt: "experienced barber portrait",
-        },
-      ]}
-      title="What Our Neighbors Say"
-      description="Trusted by our community for over two decades."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Mark R.", role: "Long-time Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
+              { id: "2", name: "Sarah J.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
+              { id: "3", name: "David K.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg" },
+              { id: "4", name: "John P.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
+              { id: "5", name: "Mike D.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
+            ]}
+            title="What Our Neighbors Say"
+            description="Trusted by our community for over two decades."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Visit Us"
-      description="Stop by today or give us a call. No appointments needed. Cash or check only.\nHours: Tue-Sat 9am-5pm. Location: 123 Barber St, Chattanooga, TN."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Visit Us"
+            description="Stop by today or give us a call. No appointments needed. Cash or check only.\nHours: Tue-Sat 9am-5pm. Location: 123 Barber St, Chattanooga, TN."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "phone", type: "tel", placeholder: "Your Phone" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Hours",
-          items: [
-            {
-              label: "Tue-Sat: 9am - 5pm",
-              href: "#",
-            },
-            {
-              label: "Sun-Mon: Closed",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Location",
-          items: [
-            {
-              label: "123 Barber St, Chattanooga, TN",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Harrison Barber & Styling"
-      bottomRightText="Cash or Check Only"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Hours", items: [{ label: "Tue-Sat: 9am - 5pm" }, { label: "Sun-Mon: Closed" }] },
+              { title: "Location", items: [{ label: "123 Barber St, Chattanooga, TN" }] },
+            ]}
+            bottomLeftText="© 2024 Harrison Barber & Styling"
+            bottomRightText="Cash or Check Only"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1