From fd5b5b17bd66809199ad4a5b9449e3c7ff0d386f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 09:36:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 330 ++++++++++++++---------------------------------
 1 file changed, 99 insertions(+), 231 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 78ff0ff..112ba7d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,245 +17,113 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Bobby Hair Designer"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Bobby Hair Designer"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Bobby Hair Designer: Panchkula's Trusted Unisex Salon"
-      description="Experience professional hair care, skin treatments, and expert grooming in a luxury, hygienic environment. Rated 4.6★ by over 150 happy clients."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+919999999999",
-        },
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=1",
-          imageAlt: "Salon Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=2",
-          imageAlt: "Professional Service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=3",
-          imageAlt: "Salon Atmosphere",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=4",
-          imageAlt: "Hair Treatment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg?_wi=5",
-          imageAlt: "Grooming Area",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "radial-gradient" }}
+            title="Bobby Hair Designer: Panchkula's Trusted Unisex Salon"
+            description="Experience professional hair care, skin treatments, and expert grooming in a luxury, hygienic environment. Rated 4.6★ by over 150 happy clients."
+            buttons={[
+              { text: "Call Now", href: "tel:+919999999999" },
+              { text: "Book Appointment", href: "#contact" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Salon Interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Professional Service" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Salon Atmosphere" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Hair Treatment" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205931.jpg", imageAlt: "Grooming Area" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Scissors,
-          title: "Haircuts & Styling",
-          description: "Precision cuts and modern styling by experts.",
-        },
-        {
-          icon: Palette,
-          title: "Hair Coloring",
-          description: "Custom color highlights and Balayage techniques.",
-        },
-        {
-          icon: Sparkles,
-          title: "Skin Care",
-          description: "Rejuvenating facials and expert waxing services.",
-        },
-        {
-          icon: Award,
-          title: "Bridal & Makeup",
-          description: "Professional makeup for all special occasions.",
-        },
-        {
-          icon: User,
-          title: "Men Grooming",
-          description: "Expert beard trims and professional grooming.",
-        },
-      ]}
-      title="Our Professional Services"
-      description="We offer premium grooming and beauty services tailored for your unique style."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Scissors, title: "Haircuts & Styling", description: "Precision cuts and modern styling by experts." },
+              { icon: Palette, title: "Hair Coloring", description: "Custom color highlights and Balayage techniques." },
+              { icon: Sparkles, title: "Skin Care", description: "Rejuvenating facials and expert waxing services." },
+              { icon: Award, title: "Bridal & Makeup", description: "Professional makeup for all special occasions." },
+              { icon: User, title: "Men Grooming", description: "Expert beard trims and professional grooming." },
+            ]}
+            title="Our Professional Services"
+            description="We offer premium grooming and beauty services tailored for your unique style."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Panchkula's Quality Standard in Beauty"
-      buttons={[
-        {
-          text: "View More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Panchkula's Quality Standard in Beauty"
+            buttons={[{ text: "View More", href: "#" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Professional",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Rahul M.",
-          role: "Student",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg",
-        },
-        {
-          id: "3",
-          name: "Ananya K.",
-          role: "Executive",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg",
-        },
-        {
-          id: "4",
-          name: "Vikram S.",
-          role: "Professional",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
-        },
-        {
-          id: "5",
-          name: "Priya V.",
-          role: "Freelancer",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg?_wi=2",
-        },
-      ]}
-      title="Client Success Stories"
-      description="See why locals love Bobby Hair Designer."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg" },
+              { id: "2", name: "Rahul M.", role: "Student", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg" },
+              { id: "3", name: "Ananya K.", role: "Executive", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
+              { id: "4", name: "Vikram S.", role: "Professional", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg" },
+              { id: "5", name: "Priya V.", role: "Freelancer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-brown-haired-woman-showing-thumb-up-lady-looking-camera_1262-14383.jpg" },
+            ]}
+            title="Client Success Stories"
+            description="See why locals love Bobby Hair Designer."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get in touch"
-      title="Ready for a Fresh Look?"
-      description="Book your appointment or call us now. We are open till 9 PM."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+919999999999",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/919999999999",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get in touch"
+            title="Ready for a Fresh Look?"
+            description="Book your appointment or call us now. We are open till 9 PM."
+            buttons={[
+              { text: "Call Now", href: "tel:+919999999999" },
+              { text: "WhatsApp", href: "https://wa.me/919999999999" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Sector 8, Panchkula",
-              href: "#",
-            },
-            {
-              label: "+91 99999 99999",
-              href: "tel:+919999999999",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+              { title: "Contact", items: [{ label: "Sector 8, Panchkula", href: "#" }, { label: "+91 99999 99999", href: "tel:+919999999999" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1