From d76d295d23d86f1c135104d4af5319b093d5d7c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 06:19:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 226 +++++++++++++++++++++++------------------------
 1 file changed, 113 insertions(+), 113 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 151d9a4..22c0f4f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,126 +27,126 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Pricing", id: "pricing" },
-        { name: "Reviews", id: "testimonials" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="Almog's Barbershop"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Almog's Barbershop"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{ variant: "downward-rays-static" }}
-      title="Almog's Barbershop: Precision Grooming"
-      description="Where tradition meets modern style. Experience elite haircuts, shaves, and grooming services in a premium setting."
-      testimonials={[
-        { name: "John D.", handle: "@johnd", testimonial: "Best haircut I have ever had. Almog is a true artist.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
-        { name: "Mike S.", handle: "@mikes", testimonial: "Consistent, professional, and friendly atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg" },
-        { name: "Alex R.", handle: "@alexr", testimonial: "The attention to detail is unmatched in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
-        { name: "David W.", handle: "@davidw", testimonial: "A classic experience that never disappoints.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg" },
-        { name: "Eddie H.", handle: "@eddieh", testimonial: "Always leave the shop feeling like a new man.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg" },
-      ]}
-      buttons={[{ text: "Book Now", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
-      imageAlt="Professional Barbershop Service"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Client 1" },
-        { src: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg", alt: "Client 2" },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client 3" },
-        { src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg", alt: "Client 4" },
-        { src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", alt: "Client 5" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "downward-rays-static" }}
+            title="Almog's Barbershop: Precision Grooming"
+            description="Where tradition meets modern style. Experience elite haircuts, shaves, and grooming services in a premium setting."
+            testimonials={[
+              { name: "John D.", handle: "@johnd", testimonial: "Best haircut I have ever had. Almog is a true artist.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
+              { name: "Mike S.", handle: "@mikes", testimonial: "Consistent, professional, and friendly atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg" },
+              { name: "Alex R.", handle: "@alexr", testimonial: "The attention to detail is unmatched in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
+              { name: "David W.", handle: "@davidw", testimonial: "A classic experience that never disappoints.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg" },
+              { name: "Eddie H.", handle: "@eddieh", testimonial: "Always leave the shop feeling like a new man.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg" },
+            ]}
+            buttons={[{ text: "Book Now", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
+            imageAlt="Professional Barbershop Service"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", alt: "Client 5" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Story"
-      title="Expert Craftsmanship"
-      description="With over 10 years of experience, Almog’s Barbershop combines classic techniques with contemporary trends to ensure every client leaves looking their absolute best."
-      subdescription="Dedicated to quality, hygiene, and the art of the barber."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Story"
+            title="Expert Craftsmanship"
+            description="With over 10 years of experience, Almog’s Barbershop combines classic techniques with contemporary trends to ensure every client leaves looking their absolute best."
+            subdescription="Dedicated to quality, hygiene, and the art of the barber."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Precision Haircut", description: "Customized cuts tailored to your unique style and hair type.", bentoComponent: { icon: Scissors }, imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "barbershop interior modern classic" },
-        { title: "Traditional Shave", description: "Experience a classic straight razor shave for the ultimate smooth finish.", bentoComponent: { icon: Sparkles }, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg", imageAlt: "barber expert hands grooming" },
-        { title: "Beard Grooming", description: "Expert trimming and conditioning to define your signature look.", bentoComponent: { icon: Award }, imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "happy client professional barber" },
-      ]}
-      title="Our Grooming Services"
-      description="We offer a range of services designed to keep you sharp."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Precision Haircut", description: "Customized cuts tailored to your unique style and hair type.", bentoComponent: "reveal-icon", icon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "barbershop interior modern classic" },
+              { title: "Traditional Shave", description: "Experience a classic straight razor shave for the ultimate smooth finish.", bentoComponent: "reveal-icon", icon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5414.jpg", imageAlt: "barber expert hands grooming" },
+              { title: "Beard Grooming", description: "Expert trimming and conditioning to define your signature look.", bentoComponent: "reveal-icon", icon: Award, imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "happy client professional barber" },
+            ]}
+            title="Our Grooming Services"
+            description="We offer a range of services designed to keep you sharp."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        { id: "p1", tag: "Quick", price: "$35", period: "/session", description: "The perfect touch-up.", button: { text: "Book", href: "#contact" }, featuresTitle: "Included", features: ["Precision Cut", "Neck Shave"] },
-        { id: "p2", tag: "Popular", price: "$55", period: "/session", description: "The full premium package.", button: { text: "Book", href: "#contact" }, featuresTitle: "Everything in Quick, plus:", features: ["Hot Towel Treatment", "Beard Trim", "Scalp Massage"] },
-      ]}
-      title="Choose Your Grooming Experience"
-      description="Clear, upfront pricing for elite services."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "p1", tag: "Quick", price: "$35", period: "/session", description: "The perfect touch-up.", button: { text: "Book", href: "#contact" }, featuresTitle: "Included", features: ["Precision Cut", "Neck Shave"] },
+              { id: "p2", tag: "Popular", price: "$55", period: "/session", description: "The full premium package.", button: { text: "Book", href: "#contact" }, featuresTitle: "Everything in Quick, plus:", features: ["Hot Towel Treatment", "Beard Trim", "Scalp Massage"] },
+            ]}
+            title="Choose Your Grooming Experience"
+            description="Clear, upfront pricing for elite services."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Alex R.", role: "Architect", testimonial: "Consistently excellent haircuts.", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
-        { id: "2", name: "Ben T.", role: "Engineer", testimonial: "Great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg" },
-        { id: "3", name: "Chris M.", role: "Designer", testimonial: "Almog is a master of the trade.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
-        { id: "4", name: "David W.", role: "Teacher", testimonial: "Very professional setting.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg" },
-        { id: "5", name: "Eddie H.", role: "Chef", testimonial: "My go-to spot for years.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg" },
-      ]}
-      title="Customer Stories"
-      description="See why locals trust us for their grooming."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex R.", role: "Architect", testimonial: "Consistently excellent haircuts.", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg" },
+              { id: "2", name: "Ben T.", role: "Engineer", testimonial: "Great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-carrying-puppy-bag_23-2150565383.jpg" },
+              { id: "3", name: "Chris M.", role: "Designer", testimonial: "Almog is a master of the trade.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
+              { id: "4", name: "David W.", role: "Teacher", testimonial: "Very professional setting.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-customer-checking-his-beard_23-2148298299.jpg" },
+              { id: "5", name: "Eddie H.", role: "Chef", testimonial: "My go-to spot for years.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg" },
+            ]}
+            title="Customer Stories"
+            description="See why locals trust us for their grooming."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Visit Us"
-      title="Schedule Your Appointment"
-      description="Book your chair today. We're ready to serve you."
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Schedule Your Appointment"
+            description="Book your chair today. We're ready to serve you."
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205861.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Almog's Barbershop"
-      columns={[
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
-        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Almog's Barbershop"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1