From 58bfdb46d7f14aaf1b457137174c2df8d2693669 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 20:23:26 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 310 ++++++++++++++---------------------------------
 1 file changed, 94 insertions(+), 216 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f5938ff..b520ef0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,228 +26,106 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "pricing",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Presidential Haircuts"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "pricing" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Presidential Haircuts"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Presidential Haircuts"
-      description="Experience clean, classic, and high-quality cuts in the heart of Antioch. Where craftsmanship meets professional grooming."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cane-antique-store_23-2149640760.jpg",
-          imageAlt: "Professional Barber Setup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg",
-          imageAlt: "Barber Tools Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121831.jpg",
-          imageAlt: "Barber Grooming",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
-          imageAlt: "Barbershop Ambiance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg",
-          imageAlt: "Clippers and Equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102219.jpg",
-          imageAlt: "Quality Service",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Presidential Haircuts"
+            description="Experience clean, classic, and high-quality cuts in the heart of Antioch. Where craftsmanship meets professional grooming."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cane-antique-store_23-2149640760.jpg", imageAlt: "Professional Barber Setup" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bath-concept-accessories_23-2148419338.jpg", imageAlt: "Barber Tools Detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121831.jpg", imageAlt: "Barber Grooming" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "Barbershop Ambiance" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313037.jpg", imageAlt: "Clippers and Equipment" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102219.jpg", imageAlt: "Quality Service" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Why Choose Us"
-      metrics={[
-        {
-          icon: Scissors,
-          label: "Quality Cuts",
-          value: "18+",
-        },
-        {
-          icon: Star,
-          label: "Client Rating",
-          value: "5.0",
-        },
-        {
-          icon: Clock,
-          label: "Years Served",
-          value: "5+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Why Choose Us"
+            metrics={[
+              { icon: Scissors, label: "Quality Cuts", value: "18+" },
+              { icon: Star, label: "Client Rating", value: "5.0" },
+              { icon: Clock, label: "Years Served", value: "5+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "cut",
-          badge: "Standard",
-          price: "$30",
-          subtitle: "Precision haircut and shape up.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Shape up",
-            "Style",
-          ],
-        },
-        {
-          id: "beard",
-          badge: "Grooming",
-          price: "$45",
-          subtitle: "Complete beard and haircut package.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Hot towel",
-          ],
-        },
-        {
-          id: "full",
-          badge: "Presidential",
-          price: "$60",
-          subtitle: "The full grooming experience.",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Hot towel shave",
-            "Beard maintenance",
-          ],
-        },
-      ]}
-      title="Our Services"
-      description="Premium grooming and cutting packages tailored to your needs."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "cut",                badge: "Standard",                price: "$30",                subtitle: "Precision haircut and shape up.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Haircut", "Shape up", "Style"],
+              },
+              {
+                id: "beard",                badge: "Grooming",                price: "$45",                subtitle: "Complete beard and haircut package.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Haircut", "Beard trim", "Hot towel"],
+              },
+              {
+                id: "full",                badge: "Presidential",                price: "$60",                subtitle: "The full grooming experience.",                buttons: [{ text: "Book Now", href: "#contact" }],
+                features: ["Haircut", "Hot towel shave", "Beard maintenance"],
+              },
+            ]}
+            title="Our Services"
+            description="Premium grooming and cutting packages tailored to your needs."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Clean barbers, good services, quality cuts.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike D.",
-          handle: "@miked",
-          testimonial: "Awesome experience for my son’s haircut.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg",
-        },
-        {
-          id: "3",
-          name: "John D.",
-          handle: "@johnd",
-          testimonial: "The owner of this shop has been my barber for years.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
-        },
-        {
-          id: "4",
-          name: "Amy L.",
-          handle: "@amyl",
-          testimonial: "Best barber in Antioch! Always a 5-star experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-629.jpg",
-        },
-        {
-          id: "5",
-          name: "Chris B.",
-          handle: "@chrisb",
-          testimonial: "Very professional and friendly atmosphere.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14367.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Client Reviews"
-      description="See why our clients trust us with their style."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Clean barbers, good services, quality cuts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
+              { id: "2", name: "Mike D.", handle: "@miked", testimonial: "Awesome experience for my son’s haircut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-getting-haircut-salon_23-2149870380.jpg" },
+              { id: "3", name: "John D.", handle: "@johnd", testimonial: "The owner of this shop has been my barber for years.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
+              { id: "4", name: "Amy L.", handle: "@amyl", testimonial: "Best barber in Antioch! Always a 5-star experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-629.jpg" },
+              { id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Very professional and friendly atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14367.jpg" },
+            ]}
+            showRating={true}
+            title="Client Reviews"
+            description="See why our clients trust us with their style."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Visit us at 625 W 4th St Suite 112, Antioch, CA 94509. Call (925) 206-7333 to book your spot today."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            text="Visit us at 625 W 4th St Suite 112, Antioch, CA 94509. Call (925) 206-7333 to book your spot today."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Presidential Haircuts"
-      copyrightText="© 2025 Presidential Haircuts. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Presidential Haircuts"
+            copyrightText="© 2025 Presidential Haircuts. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1