From 4994a89ee1e7dcab3b515c22a90ac04164c3510b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 13:00:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 521 +++++++++++++----------------------------------
 1 file changed, 142 insertions(+), 379 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10734f0..d631e00 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,394 +29,157 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Book",
-          id: "booking",
-        },
-      ]}
-      brandName="Varad Salon"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Book", id: "booking" },
+            ]}
+            brandName="Varad Salon"
+            button={{ text: "Book Appointment", href: "#booking" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Where Every Look Becomes a Statement."
-      description="Sambhaji Nagar's most trusted salon for hair, skin, bridal, and wellness — with 5★ results and a team that truly cares."
-      buttons={[
-        {
-          text: "Book an Appointment",
-          href: "#booking",
-        },
-        {
-          text: "Explore Services",
-          href: "#services",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg",
-          imageAlt: "Luxurious salon hero",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg",
-          imageAlt: "Luxurious salon hero 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg",
-          imageAlt: "Luxurious salon hero 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg",
-          imageAlt: "Luxurious salon hero 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg",
-          imageAlt: "Luxurious salon hero 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg",
-          imageAlt: "Luxurious salon hero 6",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "radial-gradient" }}
+            title="Where Every Look Becomes a Statement."
+            description="Sambhaji Nagar's most trusted salon for hair, skin, bridal, and wellness — with 5★ results and a team that truly cares."
+            buttons={[
+              { text: "Book an Appointment", href: "#booking" },
+              { text: "Explore Services", href: "#services" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg", imageAlt: "Luxurious salon hero" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Luxurious salon hero 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg", imageAlt: "Luxurious salon hero 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg", imageAlt: "Luxurious salon hero 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg", imageAlt: "Luxurious salon hero 5" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg", imageAlt: "Luxurious salon hero 6" }
+            ]}
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "5★",
-          title: "Google Rating",
-          description: "Top-rated service",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          value: "1000+",
-          title: "Happy Clients",
-          description: "Trusted transformations",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "Expert",
-          title: "Bridal Specialists",
-          description: "Your perfect day",
-          icon: Heart,
-        },
-        {
-          id: "m4",
-          value: "5+",
-          title: "Years Experience",
-          description: "Professional legacy",
-          icon: Award,
-        },
-      ]}
-      title="Varad Salon Excellence"
-      description="Experience premium care that sets the standard in Sambhaji Nagar."
-    />
-  </div>
+        <div id="trust" data-section="trust">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "5★", title: "Google Rating", description: "Top-rated service", icon: Star },
+              { id: "m2", value: "1000+", title: "Happy Clients", description: "Trusted transformations", icon: Users },
+              { id: "m3", value: "Expert", title: "Bridal Specialists", description: "Your perfect day", icon: Heart },
+              { id: "m4", value: "5+", title: "Years Experience", description: "Professional legacy", icon: Award },
+            ]}
+            title="Varad Salon Excellence"
+            description="Experience premium care that sets the standard in Sambhaji Nagar."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Not Just a Salon. ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg",
-          alt: "Salon ritual",
-        },
-        {
-          type: "text",
-          content: "A Ritual.",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Not Just a Salon. " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg", alt: "Salon ritual" },
+              { type: "text", content: "A Ritual." },
+            ]}
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",
-          title: "Haircuts & Styling",
-          author: "Rahul",
-          description: "Precision cuts for every hair type.",
-          tags: [
-            "Hair",
-            "Style",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/beauty-cosmetics-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-beauty-buds-cotton-makeup-woman-cosmetic-beauty-love-icon-set-vector_1057-11425.jpg",
-        },
-        {
-          id: "s2",
-          title: "Hair Coloring",
-          author: "Rahul",
-          description: "From subtle highlights to bold looks.",
-          tags: [
-            "Color",
-            "Transformation",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg",
-        },
-        {
-          id: "s3",
-          title: "Facials & Skin",
-          author: "Sanika",
-          description: "Glow-restoring treatments.",
-          tags: [
-            "Skin",
-            "Glow",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eye-patches_23-2149259910.jpg",
-        },
-        {
-          id: "s4",
-          title: "Bridal Packages",
-          author: "Team",
-          description: "Full-day bridal perfection.",
-          tags: [
-            "Bridal",
-            "Wedding",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-indoors-side-view_23-2149640908.jpg",
-        },
-        {
-          id: "s5",
-          title: "Wellness Massage",
-          author: "Sanika",
-          description: "Rejuvenating oil treatments.",
-          tags: [
-            "Massage",
-            "Wellness",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg",
-        },
-        {
-          id: "s6",
-          title: "Makeup Services",
-          author: "Team",
-          description: "Flawless looks for any occasion.",
-          tags: [
-            "Makeup",
-            "Events",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1hz647",
-        },
-      ]}
-      title="Our Signature Services"
-      description="Premium treatments tailored to your unique beauty."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "s1", title: "Haircuts & Styling", author: "Rahul", description: "Precision cuts for every hair type.", tags: ["Hair", "Style"], imageSrc: "http://img.b2bpic.net/free-vector/beauty-cosmetics-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-beauty-buds-cotton-makeup-woman-cosmetic-beauty-love-icon-set-vector_1057-11425.jpg" },
+              { id: "s2", title: "Hair Coloring", author: "Rahul", description: "From subtle highlights to bold looks.", tags: ["Color", "Transformation"], imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg" },
+              { id: "s3", title: "Facials & Skin", author: "Sanika", description: "Glow-restoring treatments.", tags: ["Skin", "Glow"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eye-patches_23-2149259910.jpg" },
+              { id: "s4", title: "Bridal Packages", author: "Team", description: "Full-day bridal perfection.", tags: ["Bridal", "Wedding"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-indoors-side-view_23-2149640908.jpg" },
+              { id: "s5", title: "Wellness Massage", author: "Sanika", description: "Rejuvenating oil treatments.", tags: ["Massage", "Wellness"], imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg" },
+              { id: "s6", title: "Makeup Services", author: "Team", description: "Flawless looks for any occasion.", tags: ["Makeup", "Events"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1hz647" },
+            ]}
+            title="Our Signature Services"
+            description="Premium treatments tailored to your unique beauty."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Google Reviewer",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
-        },
-        {
-          id: "t2",
-          name: "Kunal B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
-        },
-        {
-          id: "t3",
-          name: "Priya J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105867.jpg",
-        },
-        {
-          id: "t4",
-          name: "Ashu K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-        },
-        {
-          id: "t5",
-          name: "Titiksha D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970211.jpg",
-        },
-        {
-          id: "t6",
-          name: "Rahul B.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
-        },
-      ]}
-      cardTitle="Client Voices"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Google Reviewer", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
+              { id: "t2", name: "Kunal B.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" },
+              { id: "t3", name: "Priya J.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105867.jpg" },
+              { id: "t4", name: "Ashu K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" },
+              { id: "t5", name: "Titiksha D.", imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970211.jpg" },
+              { id: "t6", name: "Rahul B.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg" },
+            ]}
+            cardTitle="Client Voices"
+            cardAnimation="slide-up"
+            cardTag="Testimonials"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={true}
-      members={[
-        {
-          id: "tm1",
-          name: "Sanika",
-          role: "Facial & Color Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg",
-        },
-        {
-          id: "tm2",
-          name: "Rahul",
-          role: "Hair Styling Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769877.jpg",
-        },
-        {
-          id: "tm3",
-          name: "Priya",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
-        },
-        {
-          id: "tm4",
-          name: "Arjun",
-          role: "Colorist",
-          imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg",
-        },
-      ]}
-      title="Meet the Magic Makers"
-      description="Our experts bring years of passion and precision."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={true}
+            members={[
+              { id: "tm1", name: "Sanika", role: "Facial & Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg" },
+              { id: "tm2", name: "Rahul", role: "Hair Styling Expert", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769877.jpg" },
+              { id: "tm3", name: "Priya", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
+              { id: "tm4", name: "Arjun", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg" },
+            ]}
+            title="Meet the Magic Makers"
+            description="Our experts bring years of passion and precision."
+          />
+        </div>
 
-  <div id="why-varad" data-section="why-varad">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Warm, Professional Staff",
-          content: "Friendly and attentive from the moment you walk in.",
-        },
-        {
-          id: "f2",
-          title: "Consistent Quality",
-          content: "Services that are always on point, every visit.",
-        },
-        {
-          id: "f3",
-          title: "Honest Prices",
-          content: "Luxury experience without the luxury markup.",
-        },
-        {
-          id: "f4",
-          title: "Bridal Specialists",
-          content: "Your most important day, handled with perfection.",
-        },
-        {
-          id: "f5",
-          title: "Relaxing Ambiance",
-          content: "Designed to help you unwind and feel at home.",
-        },
-      ]}
-      title="The Varad Difference"
-      description="Why choose us for your next transformation?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="why-varad" data-section="why-varad">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Warm, Professional Staff", content: "Friendly and attentive from the moment you walk in." },
+              { id: "f2", title: "Consistent Quality", content: "Services that are always on point, every visit." },
+              { id: "f3", title: "Honest Prices", content: "Luxury experience without the luxury markup." },
+              { id: "f4", title: "Bridal Specialists", content: "Your most important day, handled with perfection." },
+              { id: "f5", title: "Relaxing Ambiance", content: "Designed to help you unwind and feel at home." },
+            ]}
+            title="The Varad Difference"
+            description="Why choose us for your next transformation?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="booking" data-section="booking">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Book Now"
-      title="Your Best Look is One Booking Away."
-      description="Walk in as you are. Walk out transformed."
-      buttons={[
-        {
-          text: "Book Your Appointment Now",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="booking" data-section="booking">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Book Now"
+            title="Your Best Look is One Booking Away."
+            description="Walk in as you are. Walk out transformed."
+            buttons={[{ text: "Book Your Appointment Now", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Book Now",
-              href: "#booking",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Google Maps",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Varad Salon"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Book Now", href: "#booking" }] },
+              { items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Google Maps", href: "#" }] },
+            ]}
+            logoText="Varad Salon"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1