From 95d1c0ba673011971c5ebe20b3f7b4d5c3cf9bd1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 18:18:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 347 ++++++++++++++---------------------------------
 1 file changed, 99 insertions(+), 248 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ea79efe..b99571d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,262 +13,113 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Collection",
-          id: "collection",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="SAAB studio"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Collection", id: "collection" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="SAAB studio"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Illuminating Design"
-      description="SAAB studio presents a curated collection of aesthetic 3D-printed lamps. Sculpted for the modern home."
-      tag="Luxury 3D Printed Collection"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919412.jpg",
-          imageAlt: "SAAB Studio Lamp 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-collection-medicine_23-2148529788.jpg",
-          imageAlt: "SAAB Studio Lamp Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg?_wi=1",
-          imageAlt: "Luna D Lamp",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg?_wi=1",
-          imageAlt: "Luna Floor Lamp",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/light-bedside-accessories-lamp-fabric_1203-4649.jpg?_wi=1",
-          imageAlt: "SAAB Special Edition",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Loved by over 300+ design enthusiasts worldwide."
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Illuminating Design"
+            description="SAAB studio presents a curated collection of aesthetic 3D-printed lamps. Sculpted for the modern home."
+            tag="Luxury 3D Printed Collection"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919412.jpg", imageAlt: "SAAB Studio Lamp 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-collection-medicine_23-2148529788.jpg", imageAlt: "SAAB Studio Lamp Detail" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Loved by over 300+ design enthusiasts worldwide."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="The Art of SAAB"
-      description="We design and create our lamps from scratch, each piece uniquely crafted with a story. By using plant-based renewable materials and advanced 3D printing, we ensure sustainability meets high-end luxury design."
-      metrics={[
-        {
-          value: "347+",
-          title: "Lamps Sold Worldwide",
-        },
-        {
-          value: "100%",
-          title: "Renewable Materials",
-        },
-        {
-          value: "Unique",
-          title: "Artistic Sculptures",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150942072.jpg"
-      imageAlt="Designer at work"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="The Art of SAAB"
+            description="We design and create our lamps from scratch, each piece uniquely crafted with a story. By using plant-based renewable materials and advanced 3D printing, we ensure sustainability meets high-end luxury design."
+            metrics={[
+              { value: "347+", title: "Lamps Sold Worldwide" },
+              { value: "100%", title: "Renewable Materials" },
+              { value: "Unique", title: "Artistic Sculptures" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2150942072.jpg"
+            imageAlt="Designer at work"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="collection" data-section="collection">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Luna D - Short",
-          price: "$129",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Kosha Lamp",
-          price: "$189",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037516.jpg",
-        },
-        {
-          id: "3",
-          name: "Luna Lamp",
-          price: "$159",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Kasako Lamp",
-          price: "$219",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928973.jpg",
-        },
-        {
-          id: "5",
-          name: "Wuky Lamp",
-          price: "$199",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-light-lamp-design_23-2151153893.jpg",
-        },
-        {
-          id: "6",
-          name: "SAAB Special",
-          price: "$249",
-          variant: "Black Base",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-bedside-accessories-lamp-fabric_1203-4649.jpg?_wi=2",
-        },
-      ]}
-      title="Curated Collection"
-      description="Explore distinct shapes and patterns designed to elevate your living space."
-    />
-  </div>
+        <div id="collection" data-section="collection">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Luna D - Short", price: "$129", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-white-wall_74190-3549.jpg" },
+              { id: "2", name: "Kosha Lamp", price: "$189", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037516.jpg" },
+              { id: "3", name: "Luna Lamp", price: "$159", variant: "Black Base", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-swan-sculpture_23-2151003019.jpg" }
+            ]}
+            title="Curated Collection"
+            description="Explore distinct shapes and patterns designed to elevate your living space."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Stunning Piece",
-          quote: "The texture and quality of the 3D print are unmatched. Truly a luxury item.",
-          name: "Sarah L.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-holding-mobile-phone-looking-away-while-standing-room-brunette-girl-reads-love-message-personal-chat-with-smile-her-face-concept-enjoying-moment_197531-32272.jpg",
-        },
-        {
-          id: "2",
-          title: "Minimalist Perfection",
-          quote: "Fits my office space perfectly. The transparency is beautiful under light.",
-          name: "Michael R.",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646565.jpg",
-        },
-        {
-          id: "3",
-          title: "Best Purchase",
-          quote: "I love the story behind the lamp. It's more than just decor, it's art.",
-          name: "Emily C.",
-          role: "Art Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg",
-        },
-        {
-          id: "4",
-          title: "Sustainable Luxury",
-          quote: "So glad I found a brand that prioritizes both aesthetics and the environment.",
-          name: "David W.",
-          role: "Collector",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039026.jpg",
-        },
-        {
-          id: "5",
-          title: "Great Focus",
-          quote: "My SAAB lamp is the centerpiece of my home. Simply breathtaking.",
-          name: "Jessica M.",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-home-decor-vase-with-dried-flowers-wooden-table_23-2152019261.jpg",
-        },
-      ]}
-      title="Reviews"
-      description="Customer feedback on our designs as of March 2026."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Stunning Piece", quote: "The texture and quality of the 3D print are unmatched. Truly a luxury item.", name: "Sarah L.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-holding-mobile-phone-looking-away-while-standing-room-brunette-girl-reads-love-message-personal-chat-with-smile-her-face-concept-enjoying-moment_197531-32272.jpg" },
+              { id: "2", title: "Minimalist Perfection", quote: "Fits my office space perfectly. The transparency is beautiful under light.", name: "Michael R.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646565.jpg" }
+            ]}
+            title="Reviews"
+            description="Customer feedback on our designs as of March 2026."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Keep In Touch"
-      title="Join our Community"
-      description="Subscribe for exclusive updates on new releases and limited edition drops."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Keep In Touch"
+            title="Join our Community"
+            description="Subscribe for exclusive updates on new releases and limited edition drops."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="SAAB studio"
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All Lamps",
-              href: "#collection",
-            },
-            {
-              label: "New Arrivals",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Shipping & Returns",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="SAAB studio"
+            columns={[
+              { title: "Shop", items: [{ label: "All Lamps", href: "#collection" }, { label: "New Arrivals", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Support", items: [{ label: "Shipping & Returns", href: "#" }, { label: "Privacy Policy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file