From c736bf96cf4bbff0b3f9d98f8b5d81af7ab4f0f6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 21:23:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 322 +++++++++++++++--------------------------------
 1 file changed, 101 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bea5e42..10080a6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,233 +25,113 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Collections",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-      ]}
-      brandName="MODERN ATTIRE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Shop", id: "products" },
+              { name: "Collections", id: "about" },
+              { name: "Testimonials", id: "testimonials" },
+            ]}
+            brandName="MODERN ATTIRE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Seasonless Essentials for the Modern Wardrobe"
-      description="Elevated staples crafted for versatility and longevity. Explore our latest minimalist collection."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/high-fashion-editorial-photography-of-a--1774646557195-029bb25b.png"
-      imageAlt="Modern fashion editorial"
-      buttons={[
-        {
-          text: "Shop New Arrivals",
-          href: "#products",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Seasonless Essentials for the Modern Wardrobe"
+            description="Elevated staples crafted for versatility and longevity. Explore our latest minimalist collection."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/high-fashion-editorial-photography-of-a--1774646557195-029bb25b.png"
+            imageAlt="Modern fashion editorial"
+            buttons={[{ text: "Shop New Arrivals", href: "#products" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Crafting the Future of ",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/high-fashion-editorial-photography-of-a--1774646557195-029bb25b.png",
-          alt: "Design",
-        },
-        {
-          type: "text",
-          content: " Daily Wear",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Crafting the Future of " },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/high-fashion-editorial-photography-of-a--1774646557195-029bb25b.png", alt: "Design" },
+              { type: "text", content: " Daily Wear" },
+            ]}
+            buttons={[{ text: "Learn More", href: "#about" }]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Essential Hoodie",
-          price: "$89",
-          variant: "Neutral",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-close-up-studio-shot-of-a-high-quality-1774646557145-db406786.png?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Slim Trouser",
-          price: "$129",
-          variant: "Charcoal",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/stylish-slim-fit-tailored-trousers-in-ch-1774646556023-67d0d193.png",
-        },
-        {
-          id: "p3",
-          name: "Oversized Blazer",
-          price: "$199",
-          variant: "Beige",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/sophisticated-oversized-blazer-jacket-be-1774646556727-52a0df9c.png",
-        },
-        {
-          id: "p4",
-          name: "Everyday Tee",
-          price: "$45",
-          variant: "White",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-close-up-studio-shot-of-a-high-quality-1774646557145-db406786.png?_wi=2",
-        },
-      ]}
-      title="New Arrivals"
-      description="Discover our newest seasonal releases tailored for precision and comfort."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="opacity"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Essential Hoodie", price: "$89", variant: "Neutral", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-close-up-studio-shot-of-a-high-quality-1774646557145-db406786.png" },
+              { id: "p2", name: "Slim Trouser", price: "$129", variant: "Charcoal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/stylish-slim-fit-tailored-trousers-in-ch-1774646556023-67d0d193.png" },
+              { id: "p3", name: "Oversized Blazer", price: "$199", variant: "Beige", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/sophisticated-oversized-blazer-jacket-be-1774646556727-52a0df9c.png" },
+              { id: "p4", name: "Everyday Tee", price: "$45", variant: "White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-close-up-studio-shot-of-a-high-quality-1774646557145-db406786.png" },
+            ]}
+            title="New Arrivals"
+            description="Discover our newest seasonal releases tailored for precision and comfort."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      animationType="none"
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "Creative",
-          company: "Studio X",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-portrait-of-a-young-woman-s-1774646555587-212852f0.png?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "James Chen",
-          role: "Designer",
-          company: "DesignCo",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-stylish-man-m-1774646557936-ee4c97c2.png",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          role: "Architect",
-          company: "BuildLab",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-fashion-conscious-young-ad-1774646557800-664368e8.png",
-        },
-        {
-          id: "t4",
-          name: "Marcus Thorne",
-          role: "Artist",
-          company: "Creative Hub",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-professional-young-woman-m-1774646556800-1f2fc3a2.png",
-        },
-        {
-          id: "t5",
-          name: "Sophie Bennett",
-          role: "Editor",
-          company: "FashionDaily",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-portrait-of-a-young-woman-s-1774646555587-212852f0.png?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "10k+",
-          label: "Happy Clients",
-        },
-        {
-          value: "4.9/5",
-          label: "Average Rating",
-        },
-        {
-          value: "50+",
-          label: "Countries Served",
-        },
-      ]}
-      title="Loved by Thousands"
-      description="See why fashion enthusiasts choose us for their daily essentials."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="opacity"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", role: "Creative", company: "Studio X", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-portrait-of-a-young-woman-s-1774646555587-212852f0.png" },
+              { id: "t2", name: "James Chen", role: "Designer", company: "DesignCo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-stylish-man-m-1774646557936-ee4c97c2.png" },
+              { id: "t3", name: "Elena Rodriguez", role: "Architect", company: "BuildLab", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-fashion-conscious-young-ad-1774646557800-664368e8.png" },
+              { id: "t4", name: "Marcus Thorne", role: "Artist", company: "Creative Hub", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-professional-young-woman-m-1774646556800-1f2fc3a2.png" },
+              { id: "t5", name: "Sophie Bennett", role: "Editor", company: "FashionDaily", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-portrait-of-a-young-woman-s-1774646555587-212852f0.png" },
+            ]}
+            kpiItems={[
+              { value: "10k+", label: "Happy Clients" },
+              { value: "4.9/5", label: "Average Rating" },
+              { value: "50+", label: "Countries Served" },
+            ]}
+            title="Loved by Thousands"
+            description="See why fashion enthusiasts choose us for their daily essentials."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Stay Connected"
-      title="Join our newsletter"
-      description="Get exclusive updates on new collections and early access to sales."
-      inputPlaceholder="Enter your email address"
-      buttonText="Subscribe"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Stay Connected"
+            title="Join our newsletter"
+            description="Get exclusive updates on new collections and early access to sales."
+            inputPlaceholder="Enter your email address"
+            buttonText="Subscribe"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Brand",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Sustainability",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "New Arrivals",
-              href: "#products",
-            },
-            {
-              label: "Sale",
-              href: "#",
-            },
-            {
-              label: "Gift Cards",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 MODERN ATTIRE"
-      bottomRightText="All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Brand",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Sustainability", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Shop",                items: [
+                  { label: "New Arrivals", href: "#products" },
+                  { label: "Sale", href: "#" },
+                  { label: "Gift Cards", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 MODERN ATTIRE"
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );