From aa57fa2ac6824b59838325be96ac0fead2057db8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 18:39:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 263 +++++++----------------------------------------
 1 file changed, 39 insertions(+), 224 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95d7d8b..8c2243e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        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: "Services",
-          id: "services",
-        },
-        {
-          name: "Barbers",
-          id: "barbers",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contacts",
-          id: "contacts",
-        },
+        { name: "Services", id: "services" },
+        { name: "Barbers", id: "barbers" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contacts", id: "contacts" },
       ]}
       brandName="BARBERSHOP"
     />
@@ -46,48 +41,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="TRUE STYLE IS IN THE DETAILS"
       description="Premium grooming and precise cuts in the heart of the city. Join the community of men who value their time and appearance."
-      buttons={[
-        {
-          text: "BOOK NOW",
-          href: "#booking",
-        },
-      ]}
+      buttons={[{ text: "BOOK NOW", href: "#booking" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501036.jpg",
-          imageAlt: "Barber chair",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg",
-          imageAlt: "Barber tools",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
-          imageAlt: "Barber shop",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
-          imageAlt: "Barber shop",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
-          imageAlt: "Barber shop",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
-          imageAlt: "Barber shop",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501036.jpg", imageAlt: "Barber chair" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/tall-bar-stool-wooden-background_181624-30147.jpg", imageAlt: "Barber tools" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", imageAlt: "Barber shop" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", imageAlt: "Barber shop" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", imageAlt: "Barber shop" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "Barber shop" },
       ]}
     />
   </div>
@@ -98,42 +62,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1000+",
-          title: "Happy Clients",
-          items: [
-            "Regular visitors",
-            "Style upgrades",
-          ],
-        },
-        {
-          id: "m2",
-          value: "4.9★",
-          title: "Google Rating",
-          items: [
-            "5-star service",
-            "Verified reviews",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5",
-          title: "Years Experience",
-          items: [
-            "Expert techniques",
-            "Consistent quality",
-          ],
-        },
-        {
-          id: "m4",
-          value: "6",
-          title: "Professional Barbers",
-          items: [
-            "Expert team",
-            "Specialized skills",
-          ],
-        },
+        { id: "m1", value: "1000+", title: "Happy Clients", items: ["Regular visitors", "Style upgrades"] },
+        { id: "m2", value: "4.9★", title: "Google Rating", items: ["5-star service", "Verified reviews"] },
+        { id: "m3", value: "5", title: "Years Experience", items: ["Expert techniques", "Consistent quality"] },
+        { id: "m4", value: "6", title: "Professional Barbers", items: ["Expert team", "Specialized skills"] },
       ]}
       title="OUR IMPACT"
       description="Thousands of men trust us with their style every year."
@@ -145,27 +77,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          tag: "Style",
-          title: "Style Tailored for You",
-          subtitle: "Perfect Cut",
-          description: "We analyze your facial structure for a custom fit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
-        },
-        {
-          tag: "Tools",
-          title: "Premium Equipment",
-          subtitle: "Best Quality",
-          description: "Professional tools for world-class results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg",
-        },
-        {
-          tag: "Hygiene",
-          title: "Impeccable Cleanliness",
-          subtitle: "Total Safety",
-          description: "Tools sanitized after every single visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
-        },
+        { tag: "Style", title: "Style Tailored for You", subtitle: "Perfect Cut", description: "We analyze your facial structure for a custom fit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg" },
+        { tag: "Tools", title: "Premium Equipment", subtitle: "Best Quality", description: "Professional tools for world-class results.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-used-latino-hair-salon_23-2150555177.jpg" },
+        { tag: "Hygiene", title: "Impeccable Cleanliness", subtitle: "Total Safety", description: "Tools sanitized after every single visit.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
       ]}
       title="WHY MEN CHOOSE US"
       description="We don't just cut hair; we curate your look."
@@ -178,54 +92,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "h1",
-          tag: "Popular",
-          price: "600 ₴",
-          period: "30 min",
-          description: "Precision haircut for your style.",
-          button: {
-            text: "Book now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Consultation",
-            "Hair wash",
-            "Style",
-          ],
-        },
-        {
-          id: "h2",
-          tag: "Essential",
-          price: "400 ₴",
-          period: "20 min",
-          description: "Beard grooming and shaping.",
-          button: {
-            text: "Book now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Hot towel",
-            "Beard oil",
-            "Trim",
-          ],
-        },
-        {
-          id: "h3",
-          tag: "Premium",
-          price: "1200 ₴",
-          period: "60 min",
-          description: "The ultimate royal experience.",
-          button: {
-            text: "Book now",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Haircut",
-            "Beard trim",
-            "Face mask",
-          ],
-        },
+        { id: "h1", tag: "Popular", price: "600 ₴", period: "30 min", description: "Precision haircut for your style.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Consultation", "Hair wash", "Style"] },
+        { id: "h2", tag: "Essential", price: "400 ₴", period: "20 min", description: "Beard grooming and shaping.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Hot towel", "Beard oil", "Trim"] },
+        { id: "h3", tag: "Premium", price: "1200 ₴", period: "60 min", description: "The ultimate royal experience.", button: { text: "Book now" }, featuresTitle: "Included", features: ["Haircut", "Beard trim", "Face mask"] },
       ]}
       title="OUR SERVICES"
       description="Premium care for the modern man."
@@ -239,21 +108,9 @@ export default function LandingPage() {
       tag="The Expert Team"
       membersAnimation="slide-up"
       members={[
-        {
-          id: "b1",
-          name: "Alex",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
-        },
-        {
-          id: "b2",
-          name: "Mike",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg",
-        },
-        {
-          id: "b3",
-          name: "John",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg",
-        },
+        { id: "b1", name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg" },
+        { id: "b2", name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg" },
+        { id: "b3", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg" },
       ]}
       memberVariant="card"
     />
@@ -266,46 +123,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "David",
-          role: "Client",
-          company: "KYIV",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sergei",
-          role: "Client",
-          company: "KYIV",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-show-thumbs-up-smiling_176420-18690.jpg",
-        },
-        {
-          id: "t3",
-          name: "Ivan",
-          role: "Client",
-          company: "KYIV",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark",
-          role: "Client",
-          company: "KYIV",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
-        },
-        {
-          id: "t5",
-          name: "Leo",
-          role: "Client",
-          company: "KYIV",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
-        },
+        { id: "t1", name: "David", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg" },
+        { id: "t2", name: "Sergei", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-show-thumbs-up-smiling_176420-18690.jpg" },
+        { id: "t3", name: "Ivan", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg" },
+        { id: "t4", name: "Mark", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg" },
+        { id: "t5", name: "Leo", role: "Client", company: "KYIV", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg" },
       ]}
       title="CLIENT REVIEWS"
       description="What our clients say about us."
@@ -315,16 +137,9 @@ export default function LandingPage() {
   <div id="contacts" data-section="contacts">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="READY TO LOOK SHARPER TODAY? FIRST STEP — JUST BOOK NOW."
-      buttons={[
-        {
-          text: "BOOK VIA TELEGRAM",
-          href: "https://telegram.org",
-        },
-      ]}
+      buttons={[{ text: "BOOK VIA TELEGRAM", href: "https://telegram.org" }]}
     />
   </div>
 
-- 
2.49.1