From a13a4ffc99942911f36ebab46851ac369c0d72c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 20:02:54 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07f488d..5d62071 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,387 +19,175 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="reveal-blur"
         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: "Collection",
-          id: "products",
-        },
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Quality",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AURA LUXE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Collection", id: "products" },
+              { name: "Our Story", id: "about" },
+              { name: "Quality", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AURA LUXE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Timeless Elegance, Reimagined."
-      description="Discover the intersection of artisanal craftsmanship and modern luxury. Auras Luxe defines the new standard of sartorial excellence."
-      buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg"
-      imageAlt="luxury clothing fashion portrait"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
-          alt: "Portrait of stylish woman posing in a fashionable outfit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg",
-          alt: "Portrait of blond female in a black clothes.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
-          alt: "Young beautiful woman in a business suit",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2630.jpg",
-          alt: "Fashion portrait of young elegant woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg",
-          alt: "Full shot unknown woman posing indoors",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied connoisseurs."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Artisanal Precision",
-        },
-        {
-          type: "text",
-          text: "Sustainable Elegance",
-        },
-        {
-          type: "text",
-          text: "Timeless Design",
-        },
-        {
-          type: "text",
-          text: "Modern Luxury",
-        },
-        {
-          type: "text",
-          text: "Sartorial Excellence",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "radial-gradient" }}
+            title="Timeless Elegance, Reimagined."
+            description="Discover the intersection of artisanal craftsmanship and modern luxury. Auras Luxe defines the new standard of sartorial excellence."
+            buttons={[{ text: "Shop Collection", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg"
+            imageAlt="luxury clothing fashion portrait"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg", alt: "Portrait of stylish woman posing in a fashionable outfit" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg", alt: "Portrait of blond female in a black clothes." },
+              { src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg", alt: "Young beautiful woman in a business suit" },
+              { src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2630.jpg", alt: "Fashion portrait of young elegant woman" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing-indoors_23-2149551297.jpg", alt: "Full shot unknown woman posing indoors" }
+            ]}
+            avatarText="Join 5,000+ satisfied connoisseurs."
+            marqueeItems={[
+              { type: "text", text: "Artisanal Precision" },
+              { type: "text", text: "Sustainable Elegance" },
+              { type: "text", text: "Timeless Design" },
+              { type: "text", text: "Modern Luxury" },
+              { type: "text", text: "Sartorial Excellence" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Our Philosophy"
-      description={[
-        "Every thread tells a story of heritage and precision. We curate garments that transcend trends, crafted from the finest sustainably sourced materials in the world.",
-      ]}
-      buttons={[
-        {
-          text: "Read Our Story",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Our Philosophy"
+            description={["Every thread tells a story of heritage and precision. We curate garments that transcend trends, crafted from the finest sustainably sourced materials in the world."]}
+            buttons={[{ text: "Read Our Story", href: "#" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Premium Textiles",
-          descriptions: [
-            "Sourced from world-renowned mills, our fabrics are selected for their durability and soft touch.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg",
-          imageAlt: "premium silk fabric texture",
-        },
-        {
-          id: "f2",
-          title: "Precision Tailoring",
-          descriptions: [
-            "Expert artisans hand-finish every garment to ensure a flawless fit and lasting construction.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-relaxing-while-knitting_23-2149397734.jpg",
-          imageAlt: "handmade clothing detail",
-        },
-        {
-          id: "f3",
-          title: "Sustainable Ethics",
-          descriptions: [
-            "Mindfully created with respect for our planet, ensuring every piece is an ethical investment.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg",
-          imageAlt: "sustainable luxury fashion",
-        },
-      ]}
-      title="Signature Craftsmanship"
-      description="We blend traditional tailoring with contemporary silhouettes for unparalleled comfort and style."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Premium Textiles", descriptions: ["Sourced from world-renowned mills, our fabrics are selected for their durability and soft touch."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg", imageAlt: "premium silk fabric texture" },
+              { id: "f2", title: "Precision Tailoring", descriptions: ["Expert artisans hand-finish every garment to ensure a flawless fit and lasting construction."], imageSrc: "http://img.b2bpic.net/free-photo/young-adult-relaxing-while-knitting_23-2149397734.jpg", imageAlt: "handmade clothing detail" },
+              { id: "f3", title: "Sustainable Ethics", descriptions: ["Mindfully created with respect for our planet, ensuring every piece is an ethical investment."], imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300907.jpg", imageAlt: "sustainable luxury fashion" }
+            ]}
+            title="Signature Craftsmanship"
+            description="We blend traditional tailoring with contemporary silhouettes for unparalleled comfort and style."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Aura Luxe",
-          name: "Classic Tailored Blazer",
-          price: "$850",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Aura Luxe",
-          name: "Silk Evening Gown",
-          price: "$1,200",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021796.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Aura Luxe",
-          name: "Cashmere Knit Sweater",
-          price: "$450",
-          rating: 4,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2175.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Aura Luxe",
-          name: "Signature Leather Tote",
-          price: "$900",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Aura Luxe",
-          name: "Wool Overcoat",
-          price: "$1,500",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Aura Luxe",
-          name: "Silk Accessory Scarf",
-          price: "$150",
-          rating: 5,
-          reviewCount: "32",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg",
-        },
-      ]}
-      title="The Collection"
-      description="Explore our curated seasonal pieces, designed for the discerning individual."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="scale-rotate"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", brand: "Aura Luxe", name: "Classic Tailored Blazer", price: "$850", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg" },
+              { id: "p2", brand: "Aura Luxe", name: "Silk Evening Gown", price: "$1,200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021796.jpg" },
+              { id: "p3", brand: "Aura Luxe", name: "Cashmere Knit Sweater", price: "$450", rating: 4, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2175.jpg" },
+              { id: "p4", brand: "Aura Luxe", name: "Signature Leather Tote", price: "$900", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-as-wedding-planner_23-2150328512.jpg" },
+              { id: "p5", brand: "Aura Luxe", name: "Wool Overcoat", price: "$1,500", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature-full-shot_23-2150100141.jpg" },
+              { id: "p6", brand: "Aura Luxe", name: "Silk Accessory Scarf", price: "$150", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460547.jpg" }
+            ]}
+            title="The Collection"
+            description="Explore our curated seasonal pieces, designed for the discerning individual."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Artisanal Years",
-          value: "20+",
-        },
-        {
-          id: "m2",
-          icon: CheckCircle,
-          title: "Materials Sourced",
-          value: "100%",
-        },
-        {
-          id: "m3",
-          icon: Sparkles,
-          title: "Unique Designs",
-          value: "500+",
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers behind our commitment to excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: Award, title: "Artisanal Years", value: "20+" },
+              { id: "m2", icon: CheckCircle, title: "Materials Sourced", value: "100%" },
+              { id: "m3", icon: Sparkles, title: "Unique Designs", value: "500+" }
+            ]}
+            title="Our Impact"
+            description="Numbers behind our commitment to excellence."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Elena V.",
-          role: "Creative Director",
-          company: "Studio X",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-clothes_23-2149241358.jpg",
-        },
-        {
-          id: "2",
-          name: "Marcus J.",
-          role: "Architect",
-          company: "Verve",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20579.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophia L.",
-          role: "Editor",
-          company: "Fashion Weekly",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          role: "Entrepreneur",
-          company: "Aura",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-purchases_23-2147652094.jpg",
-        },
-        {
-          id: "5",
-          name: "Chloe T.",
-          role: "Designer",
-          company: "Luxe House",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Satisfaction",
-        },
-        {
-          value: "500+",
-          label: "Reviews",
-        },
-        {
-          value: "95%",
-          label: "Return Rate",
-        },
-      ]}
-      title="Client Reflections"
-      description="Hear what our patrons say about their Aura Luxe experience."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Elena V.", role: "Creative Director", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-clothes_23-2149241358.jpg" },
+              { id: "2", name: "Marcus J.", role: "Architect", company: "Verve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20579.jpg" },
+              { id: "3", name: "Sophia L.", role: "Editor", company: "Fashion Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg" },
+              { id: "4", name: "David W.", role: "Entrepreneur", company: "Aura", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-purchases_23-2147652094.jpg" },
+              { id: "5", name: "Chloe T.", role: "Designer", company: "Luxe House", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.9/5", label: "Satisfaction" },
+              { value: "500+", label: "Reviews" },
+              { value: "95%", label: "Return Rate" }
+            ]}
+            title="Client Reflections"
+            description="Hear what our patrons say about their Aura Luxe experience."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do I care for my garments?",
-          content: "Each garment comes with a care guide tailored to its specific fabric to ensure longevity.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship worldwide using express courier services to ensure prompt delivery.",
-        },
-        {
-          id: "q3",
-          title: "Can I return a purchase?",
-          content: "We offer a 30-day return policy for items in their original condition and packaging.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-128376.jpg"
-      imageAlt="Frequently asked questions"
-      mediaAnimation="blur-reveal"
-      title="Questions Answered"
-      description="Common inquiries about our brand and craftsmanship."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How do I care for my garments?", content: "Each garment comes with a care guide tailored to its specific fabric to ensure longevity." },
+              { id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship worldwide using express courier services to ensure prompt delivery." },
+              { id: "q3", title: "Can I return a purchase?", content: "We offer a 30-day return policy for items in their original condition and packaging." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-128376.jpg"
+            imageAlt="Frequently asked questions"
+            mediaAnimation="blur-reveal"
+            title="Questions Answered"
+            description="Common inquiries about our brand and craftsmanship."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="AURA LUXE"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Collection",
-              href: "#products",
-            },
-            {
-              label: "Our Story",
-              href: "#about",
-            },
-            {
-              label: "Sustainability",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Service",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Aura Luxe | All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="AURA LUXE"
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Collection", href: "#products" },
+                  { label: "Our Story", href: "#about" },
+                  { label: "Sustainability", href: "#" }
+                ]
+              },
+              {
+                title: "Service",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Shipping", href: "#" },
+                  { label: "Contact", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2025 Aura Luxe | All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1