From 38f0682a407b0938e9ddd88144698f7fe9a6ae9f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 15:32:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 508 ++++++++++++++---------------------------------
 1 file changed, 149 insertions(+), 359 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4fd43d4..2d546b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,376 +17,166 @@ import { Award, Sparkles, Users } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="expand-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="rounded"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Looks Salon"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Looks Salon"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Unveiling Your Inner Radiance at Looks Salon"
-      description="Experience premium beauty services in the heart of Pacific Mall, Jasola. From expert hair care to rejuvenating spa treatments, we define elegance."
-      testimonials={[
-        {
-          name: "Ananya Sharma",
-          handle: "@ananyas",
-          testimonial: "The best hair coloring service I've ever had!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=1",
-          imageAlt: "luxurious salon interior calm",
-        },
-        {
-          name: "Rahul Verma",
-          handle: "@rv_style",
-          testimonial: "Excellent service and very professional staff.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg?_wi=1",
-          imageAlt: "luxurious salon interior calm",
-        },
-        {
-          name: "Priya Gupta",
-          handle: "@priyag",
-          testimonial: "Very relaxing spa experience. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg?_wi=1",
-          imageAlt: "luxurious salon interior calm",
-        },
-        {
-          name: "Sonia Reddy",
-          handle: "@soniar",
-          testimonial: "Looks Salon is my go-to for every occasion.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg?_wi=1",
-          imageAlt: "luxurious salon interior calm",
-        },
-        {
-          name: "Vikram Seth",
-          handle: "@vikramseth",
-          testimonial: "Outstanding attention to detail. Truly premium.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg?_wi=1",
-          imageAlt: "luxurious salon interior calm",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",
-          alt: "Client 5",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Unveiling Your Inner Radiance at Looks Salon"
+            description="Experience premium beauty services in the heart of Pacific Mall, Jasola. From expert hair care to rejuvenating spa treatments, we define elegance."
+            testimonials={[
+              { name: "Ananya Sharma", handle: "@ananyas", testimonial: "The best hair coloring service I've ever had!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", imageAlt: "luxurious salon interior calm" },
+              { name: "Rahul Verma", handle: "@rv_style", testimonial: "Excellent service and very professional staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg", imageAlt: "luxurious salon interior calm" },
+              { name: "Priya Gupta", handle: "@priyag", testimonial: "Very relaxing spa experience. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg", imageAlt: "luxurious salon interior calm" },
+              { name: "Sonia Reddy", handle: "@soniar", testimonial: "Looks Salon is my go-to for every occasion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg", imageAlt: "luxurious salon interior calm" },
+              { name: "Vikram Seth", handle: "@vikramseth", testimonial: "Outstanding attention to detail. Truly premium.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageAlt: "luxurious salon interior calm" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", alt: "Client 5" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Excellence in Beauty"
-      metrics={[
-        {
-          label: "Years Experience",
-          value: "15+",
-          icon: Award,
-        },
-        {
-          label: "Happy Clients",
-          value: "50K+",
-          icon: Users,
-        },
-        {
-          label: "Services Offered",
-          value: "120+",
-          icon: Sparkles,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Excellence in Beauty"
+            metrics={[
+              { label: "Years Experience", value: "15+", icon: Award },
+              { label: "Happy Clients", value: "50K+", icon: Users },
+              { label: "Services Offered", value: "120+", icon: Sparkles }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Expert Hair Artistry",
-          description: "Professional cutting, coloring, and styling tailored just for you.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg?_wi=2",
-        },
-        {
-          title: "Rejuvenating Facials",
-          description: "Advanced skin treatments to restore natural glow and youthfulness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg?_wi=2",
-        },
-        {
-          title: "Premium Nail Spa",
-          description: "Meticulous nail care services for a polished, elegant look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg?_wi=2",
-        },
-      ]}
-      title="Our Signature Services"
-      description="Discover our comprehensive range of high-end salon treatments designed to refresh, rejuvenate, and restore your style."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Expert Hair Artistry", description: "Professional cutting, coloring, and styling tailored just for you.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg" },
+              { title: "Rejuvenating Facials", description: "Advanced skin treatments to restore natural glow and youthfulness.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg" },
+              { title: "Premium Nail Spa", description: "Meticulous nail care services for a polished, elegant look.", imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg" }
+            ]}
+            title="Our Signature Services"
+            description="Discover our comprehensive range of high-end salon treatments designed to refresh, rejuvenate, and restore your style."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          badge: "Essential",
-          price: "₹1,500",
-          subtitle: "Basic grooming and care",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Haircut",
-            "Wash & Blow-dry",
-            "Basic Manicure",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Premium",
-          price: "₹3,500",
-          subtitle: "Signature beauty experience",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Styling & Color",
-            "Luxury Facial",
-            "Premium Manicure/Pedicure",
-          ],
-        },
-        {
-          id: "vip",
-          badge: "V.I.P",
-          price: "₹6,000",
-          subtitle: "Ultimate transformation",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Full Makeover",
-            "Keratin Treatment",
-            "Full Body Spa",
-          ],
-        },
-      ]}
-      title="Transparent Pricing"
-      description="Explore our competitive pricing packages for world-class beauty services."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", badge: "Essential", price: "₹1,500", subtitle: "Basic grooming and care", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Haircut", "Wash & Blow-dry", "Basic Manicure"] },
+              { id: "pro", badge: "Premium", price: "₹3,500", subtitle: "Signature beauty experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Styling & Color", "Luxury Facial", "Premium Manicure/Pedicure"] },
+              { id: "vip", badge: "V.I.P", price: "₹6,000", subtitle: "Ultimate transformation", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Makeover", "Keratin Treatment", "Full Body Spa"] }
+            ]}
+            title="Transparent Pricing"
+            description="Explore our competitive pricing packages for world-class beauty services."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "m1",
-          name: "Aman Singh",
-          role: "Creative Director",
-          description: "10 years in precision hair artistry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          name: "Riya Sharma",
-          role: "Senior Stylist",
-          description: "Expert in global color trends and balayage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg",
-        },
-        {
-          id: "m3",
-          name: "Kavita Rao",
-          role: "Skin Specialist",
-          description: "Specialist in advanced dermatology-based facials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-businesswomen-indoors_23-2148824830.jpg",
-        },
-      ]}
-      title="Meet the Artists"
-      description="Our team of seasoned beauty professionals is dedicated to your complete satisfaction."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            members={[
+              { id: "m1", name: "Aman Singh", role: "Creative Director", description: "10 years in precision hair artistry.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
+              { id: "m2", name: "Riya Sharma", role: "Senior Stylist", description: "Expert in global color trends and balayage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg" },
+              { id: "m3", name: "Kavita Rao", role: "Skin Specialist", description: "Specialist in advanced dermatology-based facials.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-businesswomen-indoors_23-2148824830.jpg" }
+            ]}
+            title="Meet the Artists"
+            description="Our team of seasoned beauty professionals is dedicated to your complete satisfaction."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Looks Salon Jasola consistently delivers perfect results every single time I visit. Highly recommend their color treatments!"
-      rating={5}
-      author="Anjali Deshmukh"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={true}
+            testimonial="Looks Salon Jasola consistently delivers perfect results every single time I visit. Highly recommend their color treatments!"
+            rating={5}
+            author="Anjali Deshmukh"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", alt: "Client 5" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do I need an appointment?",
-          content: "We recommend booking in advance, though walk-ins are accommodated based on availability.",
-        },
-        {
-          id: "f2",
-          title: "Are salon products for sale?",
-          content: "Yes, we stock a wide range of professional hair and skincare products used in our salon.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer group packages?",
-          content: "Absolutely, we specialize in bridal and group styling packages.",
-        },
-      ]}
-      title="Questions Answered"
-      description="Everything you need to know about your next appointment at Looks Salon."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance, though walk-ins are accommodated based on availability." },
+              { id: "f2", title: "Are salon products for sale?", content: "Yes, we stock a wide range of professional hair and skincare products used in our salon." },
+              { id: "f3", title: "Do you offer group packages?", content: "Absolutely, we specialize in bridal and group styling packages." }
+            ]}
+            title="Questions Answered"
+            description="Everything you need to know about your next appointment at Looks Salon."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready for a transformation? Visit us at Pacific Mall, Jasola or book your consultation today."
-      buttons={[
-        {
-          text: "Call to Book",
-          href: "tel:+919876543210",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Ready for a transformation? Visit us at Pacific Mall, Jasola or book your consultation today."
+            buttons={[{ text: "Call to Book", href: "tel:+919876543210" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Looks Salon Jasola"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Looks Salon, Pacific Mall Jasola."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Looks Salon Jasola"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Looks Salon, Pacific Mall Jasola."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1