From a02eed881f723606dbe122071c883d338313cfad Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 20:43:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 266 ++++++++++-------------------------------------
 1 file changed, 54 insertions(+), 212 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7df7e1d..93ed9cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,31 +18,24 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         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">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Team", id: "team" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="The Grooming Lounge"
     />
@@ -50,60 +43,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Precision Cuts for the Modern Gentleman"
       description="Experience superior grooming in a refined atmosphere. Our expert barbers are dedicated to precision, style, and total comfort."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
-          alt: "Barber 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",
-          alt: "Barber 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
-          alt: "Barber 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg",
-          alt: "Customer",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+        { src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg", alt: "Barber 1" },
+        { src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", alt: "Barber 2" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg", alt: "Barber 3" },
+        { src: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg", alt: "Customer" },
       ]}
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Cuts",
-        },
-        {
-          type: "text",
-          text: "Hot Towel Shave",
-        },
-        {
-          type: "text",
-          text: "Beard Grooming",
-        },
-        {
-          type: "text",
-          text: "Scalp Massage",
-        },
-        {
-          type: "text",
-          text: "Expert Styling",
-        },
+        { type: "text", text: "Precision Cuts" },
+        { type: "text", text: "Hot Towel Shave" },
+        { type: "text", text: "Beard Grooming" },
+        { type: "text", text: "Scalp Massage" },
+        { type: "text", text: "Expert Styling" },
       ]}
     />
   </div>
@@ -114,24 +70,12 @@ export default function LandingPage() {
       title="A Legacy of Grooming"
       description="We blend traditional barber techniques with modern grooming standards to provide an unparalleled experience for every client."
       metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "5k+",
-          title: "Satisfied Clients",
-        },
-        {
-          value: "100%",
-          title: "Satisfaction",
-        },
-        {
-          value: "24/7",
-          title: "Booking",
-        },
+        { value: "15+", title: "Years Experience" },
+        { value: "5k+", title: "Satisfied Clients" },
+        { value: "100%", title: "Satisfaction" },
+        { value: "24/7", title: "Booking" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -144,55 +88,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Precision Haircut",
-          description: "Tailored cuts to complement your style and features.",
-          icon: Scissors,
+          title: "Precision Haircut",          description: "Tailored cuts to complement your style and features.",          icon: Scissors,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=1",
-              imageAlt: "Precision Haircut",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=2",
-              imageAlt: "Detailing",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-products-guinea-wooden-desk_23-2147891420.jpg",
-          imageAlt: "barber shop interior clean",
+            { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg", imageAlt: "Precision Haircut" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg", imageAlt: "Detailing" },
+          ]
         },
         {
-          title: "Beard Grooming",
-          description: "Sculpting and shaping your beard to perfection.",
-          icon: Scissors,
+          title: "Beard Grooming",          description: "Sculpting and shaping your beard to perfection.",          icon: Scissors,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg?_wi=1",
-              imageAlt: "Beard Grooming",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg?_wi=2",
-              imageAlt: "Detailing",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=2",
-          imageAlt: "barber cutting hair professional",
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg", imageAlt: "Beard Grooming" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-salon-doing-haircut-beard-trim_1303-20946.jpg", imageAlt: "Detailing" },
+          ]
         },
         {
-          title: "Hot Towel Shave",
-          description: "Classic straight razor shave for a smooth finish.",
-          icon: Sparkles,
+          title: "Hot Towel Shave",          description: "Classic straight razor shave for a smooth finish.",          icon: Sparkles,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg?_wi=1",
-              imageAlt: "Hot Towel Shave",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg?_wi=2",
-              imageAlt: "Detailing",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205891.jpg?_wi=3",
-          imageAlt: "men haircut service scissors",
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg", imageAlt: "Hot Towel Shave" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4220.jpg", imageAlt: "Detailing" },
+          ]
         },
       ]}
       title="Our Signature Services"
@@ -206,24 +120,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
-        },
-        {
-          id: "2",
-          name: "Jordan Smith",
-          role: "Senior Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg",
-        },
-        {
-          id: "3",
-          name: "Taylor West",
-          role: "Barber Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
-        },
+        { id: "1", name: "Alex Rivers", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg" },
+        { id: "2", name: "Jordan Smith", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg" },
+        { id: "3", name: "Taylor West", role: "Barber Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg" },
       ]}
       title="Meet Your Barbers"
       description="Our team of professionals brings passion and expertise to every chair."
@@ -236,41 +135,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "John D.",
-          handle: "@johnnyd",
-          testimonial: "Best fade I've ever had. Highly recommend!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike R.",
-          handle: "@miker",
-          testimonial: "Always professional, always on time. Perfect cut every single time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg",
-        },
-        {
-          id: "3",
-          name: "Steve M.",
-          handle: "@stevem",
-          testimonial: "Great atmosphere and talented team. My go-to spot.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg",
-        },
-        {
-          id: "4",
-          name: "Kevin T.",
-          handle: "@kevint",
-          testimonial: "Exceptional beard trim and service. Never going anywhere else.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
-        },
-        {
-          id: "5",
-          name: "Brian K.",
-          handle: "@briank",
-          testimonial: "Top quality service and great conversations. Worth every penny.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg",
-        },
+        { id: "1", name: "John D.", handle: "@johnnyd", testimonial: "Best fade I've ever had. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-front-with-clenched-fists-happy-excited-standing-pink-wall_141793-52902.jpg" },
+        { id: "2", name: "Mike R.", handle: "@miker", testimonial: "Always professional, always on time. Perfect cut every single time.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-boyfriend-tilt-head-looking-pleased-camera-satisfied-shopping-with-girlfriend-mall-checkingout-outfit-agree-with-good-choice-standing-delighted-white-background_176420-52443.jpg" },
+        { id: "3", name: "Steve M.", handle: "@stevem", testimonial: "Great atmosphere and talented team. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting_23-2149481036.jpg" },
+        { id: "4", name: "Kevin T.", handle: "@kevint", testimonial: "Exceptional beard trim and service. Never going anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg" },
+        { id: "5", name: "Brian K.", handle: "@briank", testimonial: "Top quality service and great conversations. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg" },
       ]}
       title="Client Stories"
       description="Hear what our regulars have to say about their experience."
@@ -280,16 +149,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Ready for your next visit? Book your session with us today and secure your spot."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "https://booking.example.com",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "https://booking.example.com" }]}
     />
   </div>
 
@@ -297,30 +159,10 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Info",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
+          title: "Info",          items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
         },
       ]}
       bottomLeftText="© 2024 The Grooming Lounge. All rights reserved."
-- 
2.49.1