From 4fbb1c09f4a3ac878335c69233a0bd0773872786 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 09:27:00 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 248 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 202 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d3e518..302be7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,27 +16,22 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         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">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Elite Barber Shop"
     />
@@ -44,46 +39,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Elite Barber Shop — Fresh Cuts & Clean Fades in City Center"
       description="Walk-Ins Welcome • Book Online • Premium Grooming Experience. Your go-to spot for modern styles."
       buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5550123456",
-        },
+        { text: "Book Now", href: "#contact" },
+        { text: "Call Now", href: "tel:5550123456" }
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
-          imageAlt: "Barber cutting hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg",
-          imageAlt: "Modern shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122052.jpg",
-          imageAlt: "Professional tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-spraying-hair-man_23-2147778776.jpg",
-          imageAlt: "Customer smiling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg",
-          imageAlt: "Fresh fade close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg",
-          imageAlt: "Grooming kit",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", imageAlt: "barber cutting hair with scissors" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg", imageAlt: "modern barber shop interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122052.jpg", imageAlt: "barber tools and accessories" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/barber-spraying-hair-man_23-2147778776.jpg", imageAlt: "happy customer at barber shop" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-985.jpg", imageAlt: "close up fresh fade haircut" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/view-scissors-hair-salon_23-2150462460.jpg", imageAlt: "barber grooming kit accessories" }
       ]}
     />
   </div>
@@ -94,50 +63,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Classic Cuts",
-          author: "Precision",
-          description: "Timeless styles meeting modern standards.",
-          tags: [
-            "Hair",
-            "Classic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg",
-        },
-        {
-          id: "f2",
-          title: "Skin Fades",
-          author: "Expertise",
-          description: "Detailed fades with perfect blending techniques.",
-          tags: [
-            "Fade",
-            "Modern",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466357.jpg",
-        },
-        {
-          id: "f3",
-          title: "Beard Trim",
-          author: "Detail",
-          description: "Sharp lines and clean finishes for a sharp look.",
-          tags: [
-            "Beard",
-            "Grooming",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg",
-        },
-        {
-          id: "f4",
-          title: "Full Package",
-          author: "Premium",
-          description: "Complete haircut and beard grooming combination.",
-          tags: [
-            "Combo",
-            "Premium",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-with-elegant-manicure-pedicure-playing-with-funny-beagle-dog-which-resting-carpet_197531-4850.jpg",
-        },
+        { id: "f1", title: "Classic Cuts", author: "Precision", description: "Timeless styles meeting modern standards.", tags: ["Hair", "Classic"], imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg" },
+        { id: "f2", title: "Skin Fades", author: "Expertise", description: "Detailed fades with perfect blending techniques.", tags: ["Fade", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466357.jpg" },
+        { id: "f3", title: "Beard Trim", author: "Detail", description: "Sharp lines and clean finishes for a sharp look.", tags: ["Beard", "Grooming"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed-salon_23-2149220524.jpg" },
+        { id: "f4", title: "Full Package", author: "Premium", description: "Complete haircut and beard grooming combination.", tags: ["Combo", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/tanned-girl-with-elegant-manicure-pedicure-playing-with-funny-beagle-dog-which-resting-carpet_197531-4850.jpg" }
       ]}
       title="Our Services"
       description="Professional grooming services tailored for every individual need."
@@ -151,42 +80,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Style",
-          name: "Modern Fade",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Style",
-          name: "Sharp Beard",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Style",
-          name: "Classic Taper",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Style",
-          name: "Interior",
-          price: "Featured",
-          rating: 5,
-          reviewCount: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg",
-        },
+        { id: "p1", brand: "Style", name: "Modern Fade", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-psd/barbershop-instagram-posts-collection_23-2149487551.jpg" },
+        { id: "p2", brand: "Style", name: "Sharp Beard", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg" },
+        { id: "p3", brand: "Style", name: "Classic Taper", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg" },
+        { id: "p4", brand: "Style", name: "Interior", price: "Featured", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2149361903.jpg" }
       ]}
       title="Portfolio"
       description="Browse our latest work from the shop floor."
@@ -199,52 +96,15 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "John D.",
-          role: "Local",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike S.",
-          role: "Local",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alex R.",
-          role: "Local",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sam B.",
-          role: "Local",
-          company: "Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-tablet-close-up_23-2148943517.jpg",
-        },
+        { id: "t1", name: "John D.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg" },
+        { id: "t2", name: "Mike S.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg" },
+        { id: "t3", name: "Alex R.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
+        { id: "t4", name: "Sam B.", role: "Local", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-tablet-close-up_23-2148943517.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "1000+",
-          label: "Satisfied Customers",
-        },
-        {
-          value: "5",
-          label: "Years Experience",
-        },
-        {
-          value: "4.9",
-          label: "Avg Rating",
-        },
+        { value: "1000+", label: "Satisfied Customers" },
+        { value: "5", label: "Years Experience" },
+        { value: "4.9", label: "Avg Rating" }
       ]}
       title="Happy Clients"
       description="What our local community has to say about us."
@@ -254,9 +114,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Ready for a Fresh Cut?"
       description="Book your appointment now or call us to reserve a time."
@@ -267,31 +125,17 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Location",
-          items: [
-            {
-              label: "123 Main St, City",
-              href: "#",
-            },
-            {
-              label: "555-012-3456",
-              href: "tel:5550123456",
-            },
-          ],
+          title: "Location",          items: [
+            { label: "123 Main St, City", href: "#" },
+            { label: "555-012-3456", href: "tel:5550123456" }
+          ]
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+          title: "Company",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" }
+          ]
+        }
       ]}
       copyrightText="© 2024 Elite Barber Shop. All rights reserved."
     />
@@ -299,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1