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

---
 src/app/page.tsx | 371 ++++++++++++++---------------------------------
 1 file changed, 110 insertions(+), 261 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d2ab085..24044f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,273 +26,122 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
-      ]}
-      brandName="BLAAC"
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Services", id: "services" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Book Now", id: "contact" },
+            ]}
+            brandName="BLAAC"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Look Good. Feel Everything."
-      description="Unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
-      kpis={[
-        {
-          value: "4.7★",
-          label: "Google Rating",
-        },
-        {
-          value: "397+",
-          label: "Happy Clients",
-        },
-        {
-          value: "10am-9pm",
-          label: "Open Daily",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=1"
-      imageAlt="Luxury salon hair care"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5505.jpg",
-          alt: "Portrait young woman with attitude on white",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg",
-          alt: "Woman with bun wearing gray sweater",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg",
-          alt: "Front view woman posing with flower",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-stylish-drag-queen-posing_23-2149247290.jpg",
-          alt: "Medium shot stylish drag queen posing",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg",
-          alt: "Photo of two black ceramical hair sinks standing in beaty salon",
-        },
-      ]}
-      avatarText="Trusted by our community"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Haircare",
-        },
-        {
-          type: "text",
-          text: "Unisex Services",
-        },
-        {
-          type: "text",
-          text: "Expert Styling",
-        },
-        {
-          type: "text",
-          text: "Kaloor's Choice",
-        },
-        {
-          type: "text",
-          text: "Award-Winning",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitKpi
+            background={{ variant: "radial-gradient" }}
+            title="Look Good. Feel Everything."
+            description="Unisex salon in the heart of Kaloor, Ernakulam. Your look, your identity."
+            kpis={[
+              { value: "4.7★", label: "Google Rating" },
+              { value: "397+", label: "Happy Clients" },
+              { value: "10am-9pm", label: "Open Daily" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Book Appointment", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg"
+            imageAlt="Luxury salon hair care"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-attitude-white_158595-5505.jpg", alt: "Portrait young woman with attitude on white" },
+              { src: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg", alt: "Woman with bun wearing gray sweater" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-flower_52683-119994.jpg", alt: "Front view woman posing with flower" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-stylish-drag-queen-posing_23-2149247290.jpg", alt: "Medium shot stylish drag queen posing" },
+              { src: "http://img.b2bpic.net/free-photo/photo-two-black-ceramical-hair-sinks-standing-beaty-salon_651396-960.jpg", alt: "Photo of two black ceramical hair sinks standing in beaty salon" },
+            ]}
+            avatarText="Trusted by our community"
+            marqueeItems={[
+              { type: "text", text: "Premium Haircare" },
+              { type: "text", text: "Unisex Services" },
+              { type: "text", text: "Expert Styling" },
+              { type: "text", text: "Kaloor's Choice" },
+              { type: "text", text: "Award-Winning" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Hair Services",
-          description: "Expert styling, coloring, and treatments.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
-            imageAlt: "Luxury salon hair care",
-          },
-          items: [
-            {
-              icon: Scissors,
-              text: "Haircut & Styling",
-            },
-            {
-              icon: Droplets,
-              text: "Hair Colouring",
-            },
-            {
-              icon: Sparkles,
-              text: "Hair Treatments",
-            },
-            {
-              icon: Waves,
-              text: "Smoothening",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-sexy-figure-long-brown-glancy-hair-posing-studio_132075-11944.jpg?_wi=2",
-          imageAlt: "luxury salon hair care",
-        },
-      ]}
-      title="What We Do"
-      description="Premium treatments for every identity."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Hair Services",                description: "Expert styling, coloring, and treatments.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Luxury salon hair care" },
+                items: [
+                  { icon: Scissors, text: "Haircut & Styling" },
+                  { icon: Droplets, text: "Hair Colouring" },
+                  { icon: Sparkles, text: "Hair Treatments" },
+                  { icon: Waves, text: "Smoothening" },
+                ],
+                reverse: false
+              }
+            ]}
+            title="What We Do"
+            description="Premium treatments for every identity."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Crafted for Every Identity."
-      tag="Our Philosophy"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout useInvertedBackground={true} title="Crafted for Every Identity." tag="Our Philosophy" />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardThirteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "Best hair smoothening in Kaloor!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-        },
-        {
-          id: "2",
-          name: "John",
-          handle: "@john",
-          testimonial: "Experienced stylists and premium service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg",
-        },
-        {
-          id: "3",
-          name: "Maya",
-          handle: "@maya",
-          testimonial: "Loving my new hair colour.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg",
-        },
-        {
-          id: "4",
-          name: "Rahul",
-          handle: "@rahul",
-          testimonial: "Top notch experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg",
-        },
-        {
-          id: "5",
-          name: "Dev",
-          handle: "@dev",
-          testimonial: "Very professional and friendly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-young-girl-hair-treatment_23-2147769751.jpg",
-        },
-      ]}
-      showRating={true}
-      title="What Our Clients Say"
-      description="Hear from our happy community in Kaloor."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah", handle: "@sarah", testimonial: "Best hair smoothening in Kaloor!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
+              { id: "2", name: "John", handle: "@john", testimonial: "Experienced stylists and premium service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg" },
+              { id: "3", name: "Maya", handle: "@maya", testimonial: "Loving my new hair colour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg" },
+              { id: "4", name: "Rahul", handle: "@rahul", testimonial: "Top notch experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-gorgeous-woman-woman-standing-stylish-white-sweater-blue-wall-concept-winter_158538-7748.jpg" },
+              { id: "5", name: "Dev", handle: "@dev", testimonial: "Very professional and friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-preparing-young-girl-hair-treatment_23-2147769751.jpg" },
+            ]}
+            showRating={true}
+            title="What Our Clients Say"
+            description="Hear from our happy community in Kaloor."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Ready for Your Transformation?"
-      description="Walk in or book ahead to reserve your spot."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      buttonText="WhatsApp Us"
-      imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg"
-      imageAlt="Interior of latino hair salon"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Ready for Your Transformation?"
+            description="Walk in or book ahead to reserve your spot."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            buttonText="WhatsApp Us"
+            imageSrc="http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg"
+            imageAlt="Interior of latino hair salon"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="BLAAC"
-      columns={[
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "#home",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 BLAAC Unisex Salon. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="BLAAC"
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
+            ]}
+            copyrightText="© 2024 BLAAC Unisex Salon. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1