From dccbc29f242cadce5b241fb8686da13baf83aa08 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 06:52:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 299 ++++++++++++++++++++---------------------------
 1 file changed, 125 insertions(+), 174 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 93d2bd5..8ecaba8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,188 +16,139 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         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: "Shop",
-          id: "#products",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="Rivo-Vintage"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Shop", id: "#products" },
+              { name: "FAQ", id: "#faq" },
+            ]}
+            brandName="Rivo-Vintage"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="RIVO-VINTAGE"
-      description="Authentic Vintage & Streetwear Clothing. Discover our curated selection of high-quality vintage pieces."
-      buttons={[
-        {
-          text: "Shop on Vinted",
-          href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-psd/hand-drawn-thrift-store-facebook-template_23-2150125702.jpg"
-      imageAlt="Rivo-Vintage Hero Collection"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "gradient-bars" }}
+            logoText="RIVO-VINTAGE"
+            description="Authentic Vintage & Streetwear Clothing. Discover our curated selection of high-quality vintage pieces."
+            buttons={[
+              {
+                text: "Shop on Vinted",                href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop"},
+            ]}
+            imageSrc="http://img.b2bpic.net/free-psd/hand-drawn-thrift-store-facebook-template_23-2150125702.jpg"
+            imageAlt="vintage clothing store banner"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCatalog
-      layout="section"
-      products={[
-        {
-          id: "1",
-          name: "Vintage Designer Piece",
-          price: "45€",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-his-bicycle-standing-front-plant_23-2148176715.jpg",
-        },
-        {
-          id: "2",
-          name: "Rare Streetwear Find",
-          price: "60€",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525691.jpg",
-        },
-        {
-          id: "3",
-          name: "Retro Fashion Essential",
-          price: "35€",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10238.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCatalog
+            layout="section"
+            products={[
+              {
+                id: "1",                name: "Vintage Designer Piece",                price: "45€",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-man-with-his-bicycle-standing-front-plant_23-2148176715.jpg",                imageAlt: "vintage designer sweatshirt vintage style"
+              },
+              {
+                id: "2",                name: "Rare Streetwear Find",                price: "60€",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525691.jpg",                imageAlt: "vintage branded jacket retro aesthetic"
+              },
+              {
+                id: "3",                name: "Retro Fashion Essential",                price: "35€",                rating: 5,
+                imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10238.jpg",                imageAlt: "vintage luxury apparel item"
+              },
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "shipping",
-          title: "How long does shipping take?",
-          content: "We ship immediately within 1-2 working days via DHL.",
-        },
-        {
-          id: "auth",
-          title: "Are all items authentic?",
-          content: "Yes, every item in our shop is 100% authentic and hand-picked.",
-        },
-      ]}
-      title="FAQ"
-      description="Common questions about our shop and shipping."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "shipping",                title: "How long does shipping take?",                content: "We ship immediately within 1-2 working days via DHL."},
+              {
+                id: "auth",                title: "Are all items authentic?",                content: "Yes, every item in our shop is 100% authentic and hand-picked."},
+            ]}
+            title="FAQ"
+            description="Common questions about our shop and shipping."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Customer Reviews"
-      description="See what our vintage community says about their latest finds."
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Fashion Enthusiast",
-          company: "Community Member",
-          rating: 5,
-        },
-        {
-          id: "t2",
-          name: "Marc L.",
-          role: "Streetwear Collector",
-          company: "Community Member",
-          rating: 5,
-        },
-        {
-          id: "t3",
-          name: "Elena R.",
-          role: "Vintage Lover",
-          company: "Community Member",
-          rating: 5,
-        },
-        {
-          id: "t4",
-          name: "Tom K.",
-          role: "Fashion Blogger",
-          company: "Community Member",
-          rating: 5,
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Customer Reviews"
+            description="See what our vintage community says about their latest finds."
+            testimonials={[
+              {
+                id: "t1",                name: "Sarah J.",                role: "Fashion Enthusiast",                company: "Community Member",                rating: 5,
+              },
+              {
+                id: "t2",                name: "Marc L.",                role: "Streetwear Collector",                company: "Community Member",                rating: 5,
+              },
+              {
+                id: "t3",                name: "Elena R.",                role: "Vintage Lover",                company: "Community Member",                rating: 5,
+              },
+              {
+                id: "t4",                name: "Tom K.",                role: "Fashion Blogger",                company: "Community Member",                rating: 5,
+              },
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Shop Stats"
-      tag="Trusted Quality"
-      metricsAnimation="slide-up"
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Happy Customers",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          description: "Authentic Items",
-        },
-        {
-          id: "m3",
-          value: "24h",
-          description: "Fast Dispatch",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Shop Stats"
+            tag="Trusted Quality"
+            metricsAnimation="slide-up"
+            metrics={[
+              {
+                id: "m1",                value: "500+",                description: "Happy Customers"},
+              {
+                id: "m2",                value: "100%",                description: "Authentic Items"},
+              {
+                id: "m3",                value: "24h",                description: "Fast Dispatch"},
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop on Vinted",
-              href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="RIVO-VINTAGE"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  {
+                    label: "Shop on Vinted",                    href: "https://www.vinted.de/member/3133733309-rivo-vintage-shop"},
+                ],
+              },
+              {
+                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                  {
+                    label: "Terms of Service",                    href: "#"},
+                ],
+              },
+            ]}
+            logoText="RIVO-VINTAGE"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1