From c0235f501f5212a963e2186ab833225d6cc4e6e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 16:26:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 331 +++++++++++++++--------------------------------
 1 file changed, 102 insertions(+), 229 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4d149b..64f04ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,244 +17,117 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Collections",
-          id: "collections",
-        },
-        {
-          name: "Story",
-          id: "story",
-        },
-        {
-          name: "Shop",
-          id: "shop",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AURA"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Collections", id: "collections" },
+              { name: "Story", id: "story" },
+              { name: "Shop", id: "shop" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AURA"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="AURA"
-      description="Redefining the boundaries of modern identity through sustainable luxury."
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#shop",
-        },
-        {
-          text: "Explore Collection",
-          href: "#collections",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/ultra-minimalist-fashion-editorial-hero--1774801526521-f675d3fd.png"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="AURA"
+            description="Redefining the boundaries of modern identity through sustainable luxury."
+            buttons={[
+              { text: "Shop Now", href: "#shop" },
+              { text: "Explore Collection", href: "#collections" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/ultra-minimalist-fashion-editorial-hero--1774801526521-f675d3fd.png"
+          />
+        </div>
 
-  <div id="collections" data-section="collections">
-      <FeatureCardMedia
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          title: "Streetwear",
-          description: "Urban edge meets refined tailoring.",
-          tag: "New",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Accessories",
-          description: "Timeless additions to your signature look.",
-          tag: "Popular",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png?_wi=1",
-        },
-        {
-          id: "3",
-          title: "New Arrivals",
-          description: "The latest drops, fresh from the atelier.",
-          tag: "Fresh",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png?_wi=1",
-        },
-        {
-          id: "4",
-          title: "Limited Edition",
-          description: "Exclusivity redefined for the few.",
-          tag: "Rare",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/limited-edition-leather-bags-photography-1774801526830-e35d80f9.png",
-        },
-      ]}
-      title="Our Collections"
-      description="Curated pieces for the conscious visionary."
-    />
-  </div>
+        <div id="collections" data-section="collections">
+          <FeatureCardMedia
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            features={[
+              { id: "1", title: "Streetwear", description: "Urban edge meets refined tailoring.", tag: "New", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png" },
+              { id: "2", title: "Accessories", description: "Timeless additions to your signature look.", tag: "Popular", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png" },
+              { id: "3", title: "New Arrivals", description: "The latest drops, fresh from the atelier.", tag: "Fresh", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png" },
+              { id: "4", title: "Limited Edition", description: "Exclusivity redefined for the few.", tag: "Rare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/limited-edition-leather-bags-photography-1774801526830-e35d80f9.png" },
+            ]}
+            title="Our Collections"
+            description="Curated pieces for the conscious visionary."
+          />
+        </div>
 
-  <div id="shop" data-section="shop">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Oversized Tech Tee",
-          price: "$120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Minimalist Gold Cuff",
-          price: "$280",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Futuristic Urban Runner",
-          price: "$450",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png?_wi=2",
-        },
-      ]}
-      title="Trending Now"
-      description="Must-have pieces selected by our global community."
-    />
-  </div>
+        <div id="shop" data-section="shop">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Oversized Tech Tee", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/close-up-detail-of-modern-streetwear-fas-1774801528538-f14e9037.png" },
+              { id: "p2", name: "Minimalist Gold Cuff", price: "$280", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/minimalist-luxury-gold-and-glass-accesso-1774801526240-d1d3b51b.png" },
+              { id: "p3", name: "Futuristic Urban Runner", price: "$450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/futuristic-sneaker-design-close-up-high--1774801527323-a452d21a.png" },
+            ]}
+            title="Trending Now"
+            description="Must-have pieces selected by our global community."
+          />
+        </div>
 
-  <div id="story" data-section="story">
-      <TextAbout
-      useInvertedBackground={true}
-      title="The AURA Philosophy"
-      buttons={[
-        {
-          text: "Our Story",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="story" data-section="story">
+          <TextAbout
+            useInvertedBackground={true}
+            title="The AURA Philosophy"
+            buttons={[{ text: "Our Story", href: "#about" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          handle: "@alexr",
-          testimonial: "The quality is simply unmatched.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Jordan P.",
-          handle: "@jordanp",
-          testimonial: "Futuristic luxury in every stitch.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526978-4cf60d03.png",
-        },
-        {
-          id: "3",
-          name: "Sam K.",
-          handle: "@samk",
-          testimonial: "AURA has completely changed my wardrobe.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526550-7e6b72e2.png",
-        },
-        {
-          id: "4",
-          name: "Taylor W.",
-          handle: "@taylorw",
-          testimonial: "Incredible service and design.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526199-f7c7c854.png",
-        },
-        {
-          id: "5",
-          name: "Casey J.",
-          handle: "@caseyj",
-          testimonial: "Truly defines the modern aesthetic.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png?_wi=2",
-        },
-      ]}
-      showRating={true}
-      title="Community Voices"
-      description="Trusted by visionaries worldwide."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showRating={true}
+            title="Community Voices"
+            description="Trusted by visionaries worldwide."
+            testimonials={[
+              { id: "1", name: "Alex R.", handle: "@alexr", testimonial: "The quality is simply unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png" },
+              { id: "2", name: "Jordan P.", handle: "@jordanp", testimonial: "Futuristic luxury in every stitch.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526978-4cf60d03.png" },
+              { id: "3", name: "Sam K.", handle: "@samk", testimonial: "AURA has completely changed my wardrobe.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526550-7e6b72e2.png" },
+              { id: "4", name: "Taylor W.", handle: "@taylorw", testimonial: "Incredible service and design.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801526199-f7c7c854.png" },
+              { id: "5", name: "Casey J.", handle: "@caseyj", testimonial: "Truly defines the modern aesthetic.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bcw5OO1cN145i12yCxOcQh1PCY/abstract-fashion-model-portrait-artistic-1774801527140-b7a34f6b.png" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Join the Evolution"
-      description="Sign up for exclusive access and pre-launch drops."
-      tag="Newsletter"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            title="Join the Evolution"
+            description="Sign up for exclusive access and pre-launch drops."
+            tag="Newsletter"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Shipping",
-              href: "#",
-            },
-            {
-              label: "Returns",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 AURA. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2024 AURA. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );