From 54b86870d90276a2977c2eca9b115a0acb296942 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 14:56:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 450 ++++++++++++++---------------------------------
 1 file changed, 135 insertions(+), 315 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 34101c4..8e2934b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,329 +27,149 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Book Now",
-          id: "booking",
-        },
-      ]}
-      brandName="BLAAC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Book Now", id: "booking" },
+            ]}
+            brandName="BLAAC"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Look Good. Feel Everything."
-      description="Premium unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
-      testimonials={[
-        {
-          name: "Aiswarya",
-          handle: "@aiswarya",
-          testimonial: "Best hair smoothening in Kaloor. So professional!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg",
-        },
-        {
-          name: "Rahul",
-          handle: "@rahul",
-          testimonial: "Experienced stylists and great hygiene.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg",
-        },
-        {
-          name: "Meera",
-          handle: "@meera_k",
-          testimonial: "Absolutely love my haircut. Perfect for my face shape.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg",
-        },
-        {
-          name: "Arun",
-          handle: "@arun_v",
-          testimonial: "Quick, efficient, and very high quality work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
-        },
-        {
-          name: "Priya",
-          handle: "@priya_s",
-          testimonial: "The ambiance is so premium. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/yong-pretty-woman-portrait_624325-53.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book an Appointment",
-          href: "#booking",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7969.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-dress-posing-street-background-turn-around_158538-12857.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
-          alt: "Happy client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
-          alt: "Happy client",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Salon",
-        },
-        {
-          type: "text",
-          text: "Professional Stylists",
-        },
-        {
-          type: "text",
-          text: "Kaloor's Finest",
-        },
-        {
-          type: "text",
-          text: "Unisex Services",
-        },
-        {
-          type: "text",
-          text: "Quality Assured",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Look Good. Feel Everything."
+            description="Premium unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
+            testimonials={[
+              { name: "Aiswarya", handle: "@aiswarya", testimonial: "Best hair smoothening in Kaloor. So professional!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg" },
+              { name: "Rahul", handle: "@rahul", testimonial: "Experienced stylists and great hygiene.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg" },
+              { name: "Meera", handle: "@meera_k", testimonial: "Absolutely love my haircut. Perfect for my face shape.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-hairdresser_329181-1931.jpg" },
+              { name: "Arun", handle: "@arun_v", testimonial: "Quick, efficient, and very high quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
+              { name: "Priya", handle: "@priya_s", testimonial: "The ambiance is so premium. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/yong-pretty-woman-portrait_624325-53.jpg" },
+            ]}
+            buttons={[{ text: "Book an Appointment", href: "#booking" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-with-short-hairstyle-interior-room-concrete-wall-background-posing-sunny-shadows_285396-10430.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7969.jpg", alt: "Happy client" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-smiling-blond-teenager-model-without-makeup-summer-hipster-white-dress-posing-street-background-turn-around_158538-12857.jpg", alt: "Happy client" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-brunette-attractive-woman-green-dress-with-wonderful-smile-spend-tine-outdoor-looks-down-poses-outside_291650-2125.jpg", alt: "Happy client" },
+              { src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Happy client" },
+              { src: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg", alt: "Happy client" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Premium Salon" },
+              { type: "text", text: "Professional Stylists" },
+              { type: "text", text: "Kaloor's Finest" },
+              { type: "text", text: "Unisex Services" },
+              { type: "text", text: "Quality Assured" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Our Impact"
-      tag="TRUSTED EXCELLENCE"
-      metrics={[
-        {
-          id: "m1",
-          value: "4.7",
-          description: "Google Rating (397+ Reviews)",
-        },
-        {
-          id: "m2",
-          value: "10am-9pm",
-          description: "Open Daily",
-        },
-        {
-          id: "m3",
-          value: "Expert",
-          description: "Professional Team",
-        },
-      ]}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Our Impact"
+            tag="TRUSTED EXCELLENCE"
+            metricsAnimation="slide-up"
+            metrics={[
+              { id: "m1", value: "4.7", description: "Google Rating (397+ Reviews)" },
+              { id: "m2", value: "10am-9pm", description: "Open Daily" },
+              { id: "m3", value: "Expert", description: "Professional Team" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Hair Smoothening",
-          "Hair Colouring",
-          "Hair Botox Treatment",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Haircut & Styling",
-          "Hair Perming",
-          "Skincare Treatments",
-        ],
-      }}
-      title="What We Do"
-      description="High-end grooming and beauty services."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["Hair Smoothening", "Hair Colouring", "Hair Botox Treatment"] }}
+            positiveCard={{ items: ["Haircut & Styling", "Hair Perming", "Skincare Treatments"] }}
+            title="What We Do"
+            description="High-end grooming and beauty services."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Crafted for Every Identity."
-      description={[
-        "Skilled stylists with years of expertise.",
-        "A welcoming space for everyone.",
-        "High-quality trusted products.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Crafted for Every Identity."
+            description={["Skilled stylists with years of expertise.", "A welcoming space for everyone.", "High-quality trusted products."]}
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Smoothing",
-          price: "Before",
-          variant: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg",
-        },
-        {
-          id: "2",
-          name: "Coloring",
-          price: "After",
-          variant: "Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg",
-        },
-        {
-          id: "3",
-          name: "Botox",
-          price: "After",
-          variant: "Treatment",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg",
-        },
-      ]}
-      title="Transformations"
-      description="Before & After looks by our experts."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardFour
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            products={[
+              { id: "1", name: "Smoothing", price: "Before", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-ready-photo-shooting_23-2149138203.jpg" },
+              { id: "2", name: "Coloring", price: "After", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/tired-exhausted-woman-sitting-black-couch-putting-magazine-head-slender-model-wearing-black-elegant-overall-concept-vogue-fashion-industry_132075-12029.jpg" },
+              { id: "3", name: "Botox", price: "After", variant: "Treatment", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-minimal-interior-design_23-2151913265.jpg" },
+            ]}
+            title="Transformations"
+            description="Before & After looks by our experts."
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sreejith",
-          role: "Client",
-          company: "Kaloor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
-        },
-        {
-          id: "t2",
-          name: "Ananya",
-          role: "Client",
-          company: "Kaloor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jithin",
-          role: "Client",
-          company: "Kaloor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg",
-        },
-        {
-          id: "t4",
-          name: "Rahul",
-          role: "Client",
-          company: "Kaloor",
-          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: "t5",
-          name: "Deepa",
-          role: "Client",
-          company: "Kaloor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Hear from our happy customers."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sreejith", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg" },
+              { id: "t2", name: "Ananya", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-long-hair-having-fun-happy-sunny-summer-day_285396-7966.jpg" },
+              { id: "t3", name: "Jithin", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-singing_1187-3682.jpg" },
+              { id: "t4", name: "Rahul", role: "Client", company: "Kaloor", 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: "t5", name: "Deepa", role: "Client", company: "Kaloor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg" },
+            ]}
+            title="What Our Clients Say"
+            description="Hear from our happy customers."
+          />
+        </div>
 
-  <div id="booking" data-section="booking">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Ready for Your Transformation?"
-      description="Walk in or book ahead. Open 10 AM – 9 PM daily."
-      tag="CONTACT US"
-    />
-  </div>
+        <div id="booking" data-section="booking">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Ready for Your Transformation?"
+            description="Walk in or book ahead. Open 10 AM – 9 PM daily."
+            tag="CONTACT US"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Home",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Gallery",
-              href: "#gallery",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/919207185973",
-            },
-            {
-              label: "Call Us",
-              href: "tel:919207185973",
-            },
-          ],
-        },
-      ]}
-      logoText="BLAAC"
-      copyrightText="© 2025 BLAAC Unisex Salon · Kaloor, Ernakulam."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Menu",                items: [
+                  { label: "Home", href: "#" },
+                  { label: "Services", href: "#services" },
+                  { label: "Gallery", href: "#gallery" },
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/919207185973" },
+                  { label: "Call Us", href: "tel:919207185973" },
+                ],
+              },
+            ]}
+            logoText="BLAAC"
+            copyrightText="© 2025 BLAAC Unisex Salon · Kaloor, Ernakulam."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1