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

---
 src/app/page.tsx | 219 ++++++++++++-----------------------------------
 1 file changed, 53 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1b09c5..522f1e2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,71 +17,49 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Book Now",
-          id: "contact",
-        },
+          name: "Book Now",          id: "contact"},
       ]}
       brandName="Beauty Zone"
       button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+        text: "Book Now",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Gentle Touch, Flawless Results."
       description="Experience premium beauty services in a warm, relaxing atmosphere. We prioritize your comfort and deliver results that make you shine."
       tag="Welcome to Beauty Zone"
       buttons={[
         {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+          text: "Book Appointment",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-face-young-woman-relaxing-gentle_158595-4582.jpg",
-          imageAlt: "luxury beauty salon interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-face-young-woman-relaxing-gentle_158595-4582.jpg",          imageAlt: "luxury beauty salon interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg",
-          imageAlt: "elegant facial treatment closeup",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg",
-          imageAlt: "Cosmetologist applying mask on a face of client in a beauty salon",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238681.jpg",
-          imageAlt: "Beautiful young woman going through a microblading treatment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-beauty-salon_23-2148784344.jpg",
-          imageAlt: "Male make-up look at the beauty salon",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg",          imageAlt: "elegant facial treatment closeup"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -96,9 +74,7 @@ export default function LandingPage() {
       description="At Beauty Zone, we believe self-care is a necessity. Our expert team combines traditional techniques with modern quality standards to ensure you always feel your absolute best."
       buttons={[
         {
-          text: "Learn More",
-          href: "#",
-        },
+          text: "Learn More",          href: "#"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera_1301-6572.jpg"
       imageAlt="professional salon staff smiling"
@@ -112,34 +88,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          label: "Care",
-          title: "Facial Treatments",
-          items: [
-            "Deep Cleansing",
-            "Anti-Aging Glow",
-            "Hydration Therapy",
-          ],
+          id: "s1",          label: "Care",          title: "Facial Treatments",          items: [
+            "Deep Cleansing",            "Anti-Aging Glow",            "Hydration Therapy"],
         },
         {
-          id: "s2",
-          label: "Grooming",
-          title: "Manicure & Pedicure",
-          items: [
-            "Classic Polish",
-            "Gel Nails",
-            "Spa Pedicure",
-          ],
+          id: "s2",          label: "Grooming",          title: "Manicure & Pedicure",          items: [
+            "Classic Polish",            "Gel Nails",            "Spa Pedicure"],
         },
         {
-          id: "s3",
-          label: "Precision",
-          title: "Brow & Lash",
-          items: [
-            "Brow Tinting",
-            "Lash Lifts",
-            "Precision Waxing",
-          ],
+          id: "s3",          label: "Precision",          title: "Brow & Lash",          items: [
+            "Brow Tinting",            "Lash Lifts",            "Precision Waxing"],
         },
       ]}
       title="Our Specialized Services"
@@ -154,54 +112,27 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          badge: "Popular",
-          price: "$65",
-          subtitle: "Essential Facial",
-          features: [
-            "Full cleanse",
-            "Steam",
-            "Hydrating mask",
-          ],
+          id: "p1",          badge: "Popular",          price: "$65",          subtitle: "Essential Facial",          features: [
+            "Full cleanse",            "Steam",            "Hydrating mask"],
           buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
         },
         {
-          id: "p2",
-          badge: "Premium",
-          price: "$85",
-          subtitle: "Spa Manicure & Pedicure",
-          features: [
-            "Exfoliation",
-            "Nail care",
-            "Hand massage",
-          ],
+          id: "p2",          badge: "Premium",          price: "$85",          subtitle: "Spa Manicure & Pedicure",          features: [
+            "Exfoliation",            "Nail care",            "Hand massage"],
           buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
         },
         {
-          id: "p3",
-          badge: "New",
-          price: "$45",
-          subtitle: "Brow Sculpting",
-          features: [
-            "Mapping",
-            "Waxing",
-            "Tinting",
-          ],
+          id: "p3",          badge: "New",          price: "$45",          subtitle: "Brow Sculpting",          features: [
+            "Mapping",            "Waxing",            "Tinting"],
           buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
         },
       ]}
@@ -217,59 +148,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Elena R.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg",
-        },
+          id: "1",          name: "Elena R.",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg"},
         {
-          id: "2",
-          name: "Sarah M.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg",
-        },
+          id: "2",          name: "Sarah M.",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133185.jpg"},
         {
-          id: "3",
-          name: "Jessica W.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg",
-        },
+          id: "3",          name: "Jessica W.",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406009.jpg"},
         {
-          id: "4",
-          name: "Karen B.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-        },
+          id: "4",          name: "Karen B.",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
         {
-          id: "5",
-          name: "Chloe S.",
-          role: "Client",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
+          id: "5",          name: "Chloe S.",          role: "Client",          company: "Local Resident",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"},
       ]}
       kpiItems={[
         {
-          value: "500+",
-          label: "Happy Clients",
-        },
+          value: "500+",          label: "Happy Clients"},
         {
-          value: "4.9",
-          label: "Avg Rating",
-        },
+          value: "4.9",          label: "Avg Rating"},
         {
-          value: "3",
-          label: "Years Active",
-        },
+          value: "3",          label: "Years Active"},
       ]}
       title="What Clients Say"
       description="Discover why local clients trust Beauty Zone for their self-care."
@@ -280,8 +180,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Book Your Appointment"
       title="Ready for a Transformation?"
       description="Booking is easy and reliable. Reserve your spot today."
@@ -294,33 +193,21 @@ export default function LandingPage() {
       logoText="Beauty Zone"
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "Menu",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Book Now",
-              href: "#contact",
-            },
+              label: "Book Now",              href: "#contact"},
             {
-              label: "Directions",
-              href: "#",
-            },
+              label: "Directions",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1