From 03460459938907f9e064dfe36e8c3e25c6256efe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 08:33:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 364 ++++++++++++++---------------------------------
 1 file changed, 109 insertions(+), 255 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71e398d..e4b3627 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,270 +17,124 @@ export default function LandingPage() {
         defaultButtonVariant="directional-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">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="GLOBAL"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="GLOBAL"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="GLOBAL FASHION"
-      description="Redefining contemporary style with a minimalist aesthetic and premium quality materials for the modern individual."
-      kpis={[
-        {
-          value: "2024",
-          label: "Collection Launch",
-        },
-        {
-          value: "100+",
-          label: "Global Styles",
-        },
-        {
-          value: "100%",
-          label: "Premium Quality",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Shop New Arrivals",
-          href: "#products",
-        },
-        {
-          text: "Explore Collection",
-          href: "#about",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-2e7yrtbu.jpg?_wi=1"
-      imageAlt="Model wearing modern streetwear"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="GLOBAL FASHION"
+            description="Redefining contemporary style with a minimalist aesthetic and premium quality materials for the modern individual."
+            kpis={[
+              { value: "2024", label: "Collection Launch" },
+              { value: "100+", label: "Global Styles" },
+              { value: "100%", label: "Premium Quality" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[
+              { text: "Shop New Arrivals", href: "#products" },
+              { text: "Explore Collection", href: "#about" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-2e7yrtbu.jpg"
+            imageAlt="Model wearing modern streetwear"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Minimalist Tee",
-          price: "$45",
-          variant: "Black",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-1iniez4q.png?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Premium Leather Sneaker",
-          price: "$120",
-          variant: "White",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-udd9yu8p.png?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Modern Urban Jacket",
-          price: "$180",
-          variant: "Grey",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-9kwi9v7n.png?_wi=1",
-        },
-      ]}
-      title="Featured Collection"
-      description="Explore our curated selection of premium apparel and footwear."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Classic Minimalist Tee", price: "$45", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-1iniez4q.png" },
+              { id: "p2", name: "Premium Leather Sneaker", price: "$120", variant: "White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-udd9yu8p.png" },
+              { id: "p3", name: "Modern Urban Jacket", price: "$180", variant: "Grey", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-9kwi9v7n.png" },
+            ]}
+            title="Featured Collection"
+            description="Explore our curated selection of premium apparel and footwear."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Our Philosophy"
-      description={[
-        "GLOBAL FASHION is built on the belief that clothing should be a reflection of your personality – simple, bold, and timeless.",
-        "Our mission is to bridge the gap between high-end fashion and everyday wearability, ensuring you look your best in every moment.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Our Philosophy"
+            description={[
+              "GLOBAL FASHION is built on the belief that clothing should be a reflection of your personality – simple, bold, and timeless.",              "Our mission is to bridge the gap between high-end fashion and everyday wearability, ensuring you look your best in every moment."]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Vogue",
-        "Harper's Bazaar",
-        "GQ",
-        "Hypebeast",
-        "Elle",
-      ]}
-      logos={[
-        "http://img.b2bpic.net/free-vector/elegant-minimalist-fashion-influencers-agency-logo_742173-10837.jpg",
-        "http://img.b2bpic.net/free-psd/elegant-jewelry-business-card-gersh-dream-jewelry-template_23-2152031041.jpg",
-        "http://img.b2bpic.net/free-vector/hand-drawn-elegant-double-sided-vertical-business-card-template_23-2149305918.jpg",
-        "http://img.b2bpic.net/free-vector/it-now-text-effect_52683-37036.jpg",
-        "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148379429.jpg",
-      ]}
-      title="GLOBAL Partnerships"
-      description="Trusted by global fashion leaders and trendsetters."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Vogue", "Harper's Bazaar", "GQ", "Hypebeast", "Elle"]}
+            logos={[
+              "http://img.b2bpic.net/free-vector/elegant-minimalist-fashion-influencers-agency-logo_742173-10837.jpg",              "http://img.b2bpic.net/free-psd/elegant-jewelry-business-card-gersh-dream-jewelry-template_23-2152031041.jpg",              "http://img.b2bpic.net/free-vector/hand-drawn-elegant-double-sided-vertical-business-card-template_23-2149305918.jpg",              "http://img.b2bpic.net/free-vector/it-now-text-effect_52683-37036.jpg",              "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148379429.jpg"]}
+            title="GLOBAL Partnerships"
+            description="Trusted by global fashion leaders and trendsetters."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          date: "12/2023",
-          title: "Verified Buyer",
-          quote: "The quality of these materials is unmatched. Truly a premium experience.",
-          tag: "Style",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-authentic-woman-posing_23-2149419313.jpg",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-2e7yrtbu.jpg?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          id: "t2",
-          name: "James Chen",
-          date: "01/2024",
-          title: "Verified Buyer",
-          quote: "Minimalist, trendy, and exactly what my wardrobe needed.",
-          tag: "Urban",
-          avatarSrc: "http://img.b2bpic.net/free-photo/high-heels-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16842.jpg",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-1iniez4q.png?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          date: "02/2024",
-          title: "Verified Buyer",
-          quote: "Fast shipping and perfect fit. Will definitely buy again!",
-          tag: "Classic",
-          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy-with-cup-coffee-against-purple-windows_627829-12985.jpg",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-udd9yu8p.png?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          id: "t4",
-          name: "Marcus Thorne",
-          date: "03/2024",
-          title: "Verified Buyer",
-          quote: "GLOBAL has set the standard for my everyday streetwear.",
-          tag: "Modern",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020125.jpg",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-9kwi9v7n.png?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          id: "t5",
-          name: "Chloe Bennett",
-          date: "04/2024",
-          title: "Verified Buyer",
-          quote: "Incredible attention to detail. Every piece feels custom-made.",
-          tag: "Premium",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-authentic-woman-posing_23-2149419313.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/elegant-minimalist-fashion-influencers-agency-logo_742173-10837.jpg",
-          imageAlt: "minimalist logo fashion brand",
-        },
-      ]}
-      title="Customer Reviews"
-      description="Hear what the GLOBAL community has to say about our latest collections."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Miller", date: "12/2023", title: "Verified Buyer", quote: "The quality of these materials is unmatched. Truly a premium experience.", tag: "Style", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-authentic-woman-posing_23-2149419313.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-2e7yrtbu.jpg", imageAlt: "User provided image" },
+              { id: "t2", name: "James Chen", date: "01/2024", title: "Verified Buyer", quote: "Minimalist, trendy, and exactly what my wardrobe needed.", tag: "Urban", avatarSrc: "http://img.b2bpic.net/free-photo/high-heels-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16842.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143441-1iniez4q.png", imageAlt: "User provided image" },
+              { id: "t3", name: "Elena Rodriguez", date: "02/2024", title: "Verified Buyer", quote: "Fast shipping and perfect fit. Will definitely buy again!", tag: "Classic", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-jeans-sunglasses-posed-street-city-beard-attractive-arab-guy-with-cup-coffee-against-purple-windows_627829-12985.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-udd9yu8p.png", imageAlt: "User provided image" },
+              { id: "t4", name: "Marcus Thorne", date: "03/2024", title: "Verified Buyer", quote: "GLOBAL has set the standard for my everyday streetwear.", tag: "Modern", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020125.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc0IIkGSMzyElCmfvdObwyN390/uploaded-1774773143442-9kwi9v7n.png", imageAlt: "User provided image" },
+              { id: "t5", name: "Chloe Bennett", date: "04/2024", title: "Verified Buyer", quote: "Incredible attention to detail. Every piece feels custom-made.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-authentic-woman-posing_23-2149419313.jpg", imageSrc: "http://img.b2bpic.net/free-vector/elegant-minimalist-fashion-influencers-agency-logo_742173-10837.jpg", imageAlt: "minimalist logo fashion brand" },
+            ]}
+            title="Customer Reviews"
+            description="Hear what the GLOBAL community has to say about our latest collections."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Newsletter"
-      title="Stay Connected"
-      description="Subscribe to our newsletter for exclusive updates, early access to new arrivals, and special brand events."
-      imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes-showing-peace-sign_158538-1392.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Newsletter"
+            title="Stay Connected"
+            description="Subscribe to our newsletter for exclusive updates, early access to new arrivals, and special brand events."
+            imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-smiling-woman-looking-trendy-girl-casual-summer-hoodie-skirt-clothes-showing-peace-sign_158538-1392.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop All",
-              href: "#products",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "Newsletter",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="GLOBAL FASHION"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Shop All", href: "#products" }, { label: "About Us", href: "#about" }, { label: "FAQ", href: "#" }] },
+              { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Newsletter", href: "#contact" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            logoText="GLOBAL FASHION"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1