From 9ae2b23e42d8105ca0677de91411315e956c493b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 09:50:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 493 +++++++++++++++--------------------------------
 1 file changed, 152 insertions(+), 341 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 526cfde..6588cc3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,356 +28,167 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="FAAB"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="FAAB"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "plain",
-      }}
-      title="Nature's Purity for Your Hair"
-      description="Discover FAAB, the authentic Kuwaiti shampoo crafted entirely from natural ingredients to restore your hair's natural vitality."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=1"
-      imageAlt="FAAB Natural Shampoo"
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440647.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994251.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-ecological-zero-waster-concept_23-2148591716.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440669.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253090.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 10,000+ happy customers in Kuwait"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "100% Organic",
-        },
-        {
-          type: "text",
-          text: "Sulfate-Free",
-        },
-        {
-          type: "text",
-          text: "Cruelty-Free",
-        },
-        {
-          type: "text",
-          text: "Kuwaiti Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Eco-Friendly",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "plain" }}
+            title="Nature's Purity for Your Hair"
+            description="Discover FAAB, the authentic Kuwaiti shampoo crafted entirely from natural ingredients to restore your hair's natural vitality."
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg"
+            imageAlt="FAAB Natural Shampoo"
+            buttons={[
+              { text: "Shop Now", href: "#products" },
+              { text: "Learn More", href: "#about" },
+            ]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440647.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994251.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-ecological-zero-waster-concept_23-2148591716.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440669.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253090.jpg", alt: "Customer 5" },
+            ]}
+            avatarText="Trusted by 10,000+ happy customers in Kuwait"
+            marqueeItems={[
+              { type: "text", text: "100% Organic" },
+              { type: "text", text: "Sulfate-Free" },
+              { type: "text", text: "Cruelty-Free" },
+              { type: "text", text: "Kuwaiti Craftsmanship" },
+              { type: "text", text: "Eco-Friendly" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Kuwaiti Craftsmanship"
-      description="FAAB was born in Kuwait with a simple mission: to provide the finest quality natural hair care. We believe in the power of nature, sourcing only the purest ingredients to ensure your hair receives the care it truly deserves."
-      imageSrc="http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg?_wi=1"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Kuwaiti Craftsmanship"
+            description="FAAB was born in Kuwait with a simple mission: to provide the finest quality natural hair care. We believe in the power of nature, sourcing only the purest ingredients to ensure your hair receives the care it truly deserves."
+            imageSrc="http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Essential Shampoo",
-          price: "12.00 KWD",
-          variant: "Normal Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Revitalizing Oil",
-          price: "15.00 KWD",
-          variant: "Dry Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg",
-        },
-        {
-          id: "p3",
-          name: "Botanical Wash",
-          price: "10.00 KWD",
-          variant: "Oily Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg",
-        },
-        {
-          id: "p4",
-          name: "Deep Repair",
-          price: "14.00 KWD",
-          variant: "Damaged Hair",
-          imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg",
-        },
-        {
-          id: "p5",
-          name: "Scalp Relief",
-          price: "13.00 KWD",
-          variant: "Sensitive Scalp",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721413.jpg",
-        },
-        {
-          id: "p6",
-          name: "Daily Shine",
-          price: "11.00 KWD",
-          variant: "All Types",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242179.jpg",
-        },
-      ]}
-      title="Our Pure Collection"
-      description="Hand-picked natural formulas for every hair type."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Essential Shampoo", price: "12.00 KWD", variant: "Normal Hair", imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg" },
+              { id: "p2", name: "Revitalizing Oil", price: "15.00 KWD", variant: "Dry Hair", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg" },
+              { id: "p3", name: "Botanical Wash", price: "10.00 KWD", variant: "Oily Hair", imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480160.jpg" },
+              { id: "p4", name: "Deep Repair", price: "14.00 KWD", variant: "Damaged Hair", imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781951.jpg" },
+              { id: "p5", name: "Scalp Relief", price: "13.00 KWD", variant: "Sensitive Scalp", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721413.jpg" },
+              { id: "p6", name: "Daily Shine", price: "11.00 KWD", variant: "All Types", imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242179.jpg" },
+            ]}
+            title="Our Pure Collection"
+            description="Hand-picked natural formulas for every hair type."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "100% Natural",
-          description: "No sulfates, no parabens, just pure ingredients.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-bowl-orchid_169016-2199.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-care-massage-products_23-2147844992.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440673.jpg?_wi=2",
-          imageAlt: "natural ingredients herbal organic",
-        },
-        {
-          title: "Kuwaiti Origin",
-          description: "Proudly formulated in Kuwait with the highest local standards.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-beauty-care-products-sea-shells_23-2147845011.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/wooden-brush-honey-oats-himalayan-rock-salt-essential-oil-bottle-with-primula-flowers-vase-concrete-background_23-2148087704.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/red-flower-glass-water-with-ink_23-2149372231.jpg?_wi=2",
-          imageAlt: "natural ingredients herbal organic",
-        },
-        {
-          title: "Eco Friendly",
-          description: "Sustainable packaging and cruelty-free processes.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859417.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-set-layout-plain-background_23-2148241932.jpg?_wi=2",
-          imageAlt: "natural ingredients herbal organic",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Why Choose FAAB"
-      description="Pure ingredients, zero compromises."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "100% Natural",                description: "No sulfates, no parabens, just pure ingredients.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-bowl-orchid_169016-2199.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-care-massage-products_23-2147844992.jpg" }
+              },
+              {
+                title: "Kuwaiti Origin",                description: "Proudly formulated in Kuwait with the highest local standards.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-various-beauty-care-products-sea-shells_23-2147845011.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wooden-brush-honey-oats-himalayan-rock-salt-essential-oil-bottle-with-primula-flowers-vase-concrete-background_23-2148087704.jpg" }
+              },
+              {
+                title: "Eco Friendly",                description: "Sustainable packaging and cruelty-free processes.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-composition-with-healthy-ingredients_23-2147859417.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/from-brunette-sleeping-with-flowers_23-2147781260.jpg" }
+              },
+            ]}
+            showStepNumbers={false}
+            title="Why Choose FAAB"
+            description="Pure ingredients, zero compromises."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "10K+",
-          title: "Satisfied Customers",
-          items: [
-            "Happy clients",
-            "Active users",
-          ],
-        },
-        {
-          id: "m2",
-          value: "50+",
-          title: "Natural Extracts",
-          items: [
-            "Premium oils",
-            "Rare herbs",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Satisfaction",
-          items: [
-            "Money back guarantee",
-            "Quality tested",
-          ],
-        },
-      ]}
-      title="Our Impact"
-      description="Join our community of happy hair lovers."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "10K+", title: "Satisfied Customers", items: ["Happy clients", "Active users"] },
+              { id: "m2", value: "50+", title: "Natural Extracts", items: ["Premium oils", "Rare herbs"] },
+              { id: "m3", value: "100%", title: "Satisfaction", items: ["Money back guarantee", "Quality tested"] },
+            ]}
+            title="Our Impact"
+            description="Join our community of happy hair lovers."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Fatima A.",
-          handle: "@fatima",
-          testimonial: "My hair has never felt healthier! FAAB is simply amazing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-caucasian-woman-with-light-natural-make-up-red-mini-dress_343596-3793.jpg",
-        },
-        {
-          id: "2",
-          name: "Noor M.",
-          handle: "@noor",
-          testimonial: "Natural and refreshing. Finally, a shampoo that works for me.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-european-tanned-woman-with-short-curly-hair-summer-romantic-long-sleeve-dress-dress-outside-villa_343596-1562.jpg",
-        },
-        {
-          id: "3",
-          name: "Sara H.",
-          handle: "@sara",
-          testimonial: "Love the smell and the ingredients. Very authentic brand.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-lady-with-wavy-hair-wearing-blue-sweater-posing-touching-her-hair-park_291650-593.jpg",
-        },
-        {
-          id: "4",
-          name: "Layla K.",
-          handle: "@layla",
-          testimonial: "My hair is so shiny now. Definitely recommend FAAB.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg",
-        },
-        {
-          id: "5",
-          name: "Huda A.",
-          handle: "@huda",
-          testimonial: "Great quality shampoo. Proud to support a local Kuwaiti brand.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-spring-flowers-wall_23-2148414415.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Loved by Thousands"
-      description="See what our community says."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Fatima A.", handle: "@fatima", testimonial: "My hair has never felt healthier! FAAB is simply amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-caucasian-woman-with-light-natural-make-up-red-mini-dress_343596-3793.jpg" },
+              { id: "2", name: "Noor M.", handle: "@noor", testimonial: "Natural and refreshing. Finally, a shampoo that works for me.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-european-tanned-woman-with-short-curly-hair-summer-romantic-long-sleeve-dress-dress-outside-villa_343596-1562.jpg" },
+              { id: "3", name: "Sara H.", handle: "@sara", testimonial: "Love the smell and the ingredients. Very authentic brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-lady-with-wavy-hair-wearing-blue-sweater-posing-touching-her-hair-park_291650-593.jpg" },
+              { id: "4", name: "Layla K.", handle: "@layla", testimonial: "My hair is so shiny now. Definitely recommend FAAB.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairstyling-smiling-young-woman-demonstrating-hairstyling-tips_259150-60121.jpg" },
+              { id: "5", name: "Huda A.", handle: "@huda", testimonial: "Great quality shampoo. Proud to support a local Kuwaiti brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-spring-flowers-wall_23-2148414415.jpg" },
+            ]}
+            showRating={true}
+            title="Loved by Thousands"
+            description="See what our community says."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Are all ingredients natural?",
-          content: "Yes, we use only plant-based organic ingredients.",
-        },
-        {
-          id: "f2",
-          title: "Is FAAB Kuwaiti based?",
-          content: "Absolutely, we are proud to be a Kuwaiti brand.",
-        },
-        {
-          id: "f3",
-          title: "Where can I buy FAAB?",
-          content: "Directly through our website or select local stockists.",
-        },
-      ]}
-      title="Common Questions"
-      description="We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Are all ingredients natural?", content: "Yes, we use only plant-based organic ingredients." },
+              { id: "f2", title: "Is FAAB Kuwaiti based?", content: "Absolutely, we are proud to be a Kuwaiti brand." },
+              { id: "f3", title: "Where can I buy FAAB?", content: "Directly through our website or select local stockists." },
+            ]}
+            title="Common Questions"
+            description="We've got answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Get Fresh News"
-      description="Stay updated with our latest collections and tips."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965821.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Get Fresh News"
+            description="Stay updated with our latest collections and tips."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965821.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="FAAB"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="FAAB"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1