From 626398c7d81d34d554cb94ab361f4a78e5df8b71 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 13:11:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 429 ++++++++++++++---------------------------------
 1 file changed, 126 insertions(+), 303 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9e3cc6f..547a86a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,318 +17,141 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "pricing",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Duza's"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "pricing" },
+              { name: "Team", id: "team" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Duza's"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Timeless Cuts, Modern Style."
-      description="Experience the classic art of grooming at Duza's Barbershop. From precision fades to traditional shaves, our master barbers are here to craft your perfect look."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=1",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=2",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=3",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=4",
-          imageAlt: "Barbershop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=5",
-          imageAlt: "Barbershop interior",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=6",
-          imageAlt: "Barbershop detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=7",
-          imageAlt: "Barbershop detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=8",
-          imageAlt: "Barbershop detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=9",
-          imageAlt: "Barbershop detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg?_wi=10",
-          imageAlt: "Barbershop detail",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Timeless Cuts, Modern Style."
+            description="Experience the classic art of grooming at Duza's Barbershop. From precision fades to traditional shaves, our master barbers are here to craft your perfect look."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop interior" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", imageAlt: "Barbershop detail" },
+            ]}
+            buttons={[{ text: "Book Appointment", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Where Tradition Meets Excellence."
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            tag="Our Story"
+            title="Where Tradition Meets Excellence."
+            buttons={[{ text: "Learn More", href: "#about" }]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "haircut",
-          badge: "Popular",
-          price: "$35",
-          subtitle: "Precision Cut",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Hot Towel Finish",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "shave",
-          badge: "Signature",
-          price: "$45",
-          subtitle: "Traditional Hot Towel",
-          features: [
-            "Straight Razor Shave",
-            "Hot Towel",
-            "Aftershave Treatment",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "combo",
-          badge: "Complete",
-          price: "$70",
-          subtitle: "Full Grooming",
-          features: [
-            "Haircut & Style",
-            "Signature Shave",
-            "Facial Cleanse",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Services & Pricing"
-      description="Transparent pricing for high-quality service."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "haircut",                badge: "Popular",                price: "$35",                subtitle: "Precision Cut",                features: ["Consultation", "Precision Cut", "Hot Towel Finish"],
+                buttons: [{ text: "Book Now", href: "#contact" }],
+              },
+              {
+                id: "shave",                badge: "Signature",                price: "$45",                subtitle: "Traditional Hot Towel",                features: ["Straight Razor Shave", "Hot Towel", "Aftershave Treatment"],
+                buttons: [{ text: "Book Now", href: "#contact" }],
+              },
+              {
+                id: "combo",                badge: "Complete",                price: "$70",                subtitle: "Full Grooming",                features: ["Haircut & Style", "Signature Shave", "Facial Cleanse"],
+                buttons: [{ text: "Book Now", href: "#contact" }],
+              },
+            ]}
+            title="Services & Pricing"
+            description="Transparent pricing for high-quality service."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "Duza",
-          role: "Lead Barber",
-          description: "15 years of experience in traditional grooming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-1760.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike",
-          role: "Senior Stylist",
-          description: "Expert in modern fades and complex designs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
-        },
-        {
-          id: "3",
-          name: "James",
-          role: "Barber",
-          description: "Known for precise straight razor shaves.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
-        },
-        {
-          id: "4",
-          name: "Alex",
-          role: "Apprentice",
-          description: "Mastering the art of clean, sharp edges.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32060.jpg",
-        },
-      ]}
-      title="Meet Our Masters"
-      description="Highly trained barbers with a passion for precision."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "Duza", role: "Lead Barber", description: "15 years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-sunglasses-with-tattoo-his-arm_613910-1760.jpg" },
+              { id: "2", name: "Mike", role: "Senior Stylist", description: "Expert in modern fades.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg" },
+              { id: "3", name: "James", role: "Barber", description: "Known for straight razor shaves.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg" },
+              { id: "4", name: "Alex", role: "Apprentice", description: "Mastering clean edges.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32060.jpg" },
+            ]}
+            title="Meet Our Masters"
+            description="Highly trained barbers with a passion for precision."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Best haircut I've had in years. Duza is a true master.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Excellent service and atmosphere. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg",
-        },
-        {
-          id: "3",
-          name: "Mark Wilson",
-          handle: "@markwilson",
-          testimonial: "The hot towel shave is a game changer. Very professional.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon_613910-5075.jpg",
-        },
-        {
-          id: "4",
-          name: "Robert Brown",
-          handle: "@robrown",
-          testimonial: "Solid shop, friendly barbers, perfect precision.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-female-friends-with-different-ages-outdoors_52683-101135.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Green",
-          handle: "@alicegreen",
-          testimonial: "The atmosphere is unmatched and the cuts are sharp.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg?_wi=2",
-        },
-      ]}
-      showRating={true}
-      title="What Our Clients Say"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showRating={true}
+            title="What Our Clients Say"
+            description="Read reviews from our satisfied clients."
+            testimonials={[
+              { id: "1", name: "John Doe", handle: "@johndoe", testimonial: "Great cuts!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" },
+              { id: "2", name: "Jane Smith", handle: "@janesmith", testimonial: "Fantastic service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg" },
+              { id: "3", name: "Mark Wilson", handle: "@markwilson", testimonial: "Best shave ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon_613910-5075.jpg" },
+              { id: "4", name: "Robert Brown", handle: "@robrown", testimonial: "Professional staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-female-friends-with-different-ages-outdoors_52683-101135.jpg" },
+              { id: "5", name: "Alice Green", handle: "@alicegreen", testimonial: "Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Book Your Seat"
-      description="Ready for your best look? Reach out and schedule today."
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Book Your Seat"
+            description="Ready for your best look? Reach out and schedule today."
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg?_wi=2"
-      columns={[
-        {
-          title: "Duza's Barbershop",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#pricing",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"
+            columns={[
+              { title: "Duza's Barbershop", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1