From 6cd56348184ad6bc480a290cfd801b69487cd1d3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 10:00:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 321 ++++++++++++++---------------------------------
 1 file changed, 91 insertions(+), 230 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f5e3e92..25c1b0b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,242 +26,103 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Saint-Bleu"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Saint-Bleu"
+            button={{ text: "Shop Now", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Saint-Bleu Amsterdam"
-      description="Timeless elegance meets modern Amsterdam aesthetics. Discover our curated collection of premium apparel."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-with-copy-space_23-2148510210.jpg",
-          imageAlt: "Collection Showcase 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=1",
-          imageAlt: "Collection Showcase 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg",
-          imageAlt: "Collection Showcase 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg",
-          imageAlt: "Collection Showcase 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883505.jpg",
-          imageAlt: "Collection Showcase 5",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Saint-Bleu Amsterdam"
+            description="Timeless elegance meets modern Amsterdam aesthetics. Discover our curated collection of premium apparel."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-with-copy-space_23-2148510210.jpg", imageAlt: "Collection Showcase 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg", imageAlt: "Collection Showcase 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg", imageAlt: "Collection Showcase 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142193.jpg", imageAlt: "Collection Showcase 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/colorful-pastel-minimal-interior-design_23-2151883505.jpg", imageAlt: "Collection Showcase 5" },
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Saint-Bleu",
-          name: "Amsterdam Linen Shirt",
-          price: "€129",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Saint-Bleu",
-          name: "Canal Wool Coat",
-          price: "€349",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Saint-Bleu",
-          name: "Classic Leather Tote",
-          price: "€289",
-          rating: 4,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-taking-photos_23-2149731184.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Saint-Bleu",
-          name: "Minimalist Silk Scarf",
-          price: "€89",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669568.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Saint-Bleu",
-          name: "Modern Chinos",
-          price: "€159",
-          rating: 5,
-          reviewCount: "31",
-          imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Saint-Bleu",
-          name: "Signature Cashmere Knit",
-          price: "€229",
-          rating: 5,
-          reviewCount: "19",
-          imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-view_23-2149879603.jpg",
-        },
-      ]}
-      title="Our Collection"
-      description="Exquisitely designed pieces that define the Saint-Bleu signature style."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Saint-Bleu", name: "Amsterdam Linen Shirt", price: "€129", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647260.jpg" },
+              { id: "p2", brand: "Saint-Bleu", name: "Canal Wool Coat", price: "€349", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg" },
+              { id: "p3", brand: "Saint-Bleu", name: "Classic Leather Tote", price: "€289", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-taking-photos_23-2149731184.jpg" },
+              { id: "p4", brand: "Saint-Bleu", name: "Minimalist Silk Scarf", price: "€89", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/still-life-say-no-fast-fashion_23-2149669568.jpg" },
+              { id: "p5", brand: "Saint-Bleu", name: "Modern Chinos", price: "€159", rating: 5, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg" },
+              { id: "p6", brand: "Saint-Bleu", name: "Signature Cashmere Knit", price: "€229", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/toilet-bag-with-products-view_23-2149879603.jpg" },
+            ]}
+            title="Our Collection"
+            description="Exquisitely designed pieces that define the Saint-Bleu signature style."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Heritage"
-      title="Designed in Amsterdam"
-      description="Saint-Bleu Amsterdam was born from a desire to combine traditional Dutch craftsmanship with contemporary minimalist design. We believe in quality over quantity, crafting pieces that last a lifetime."
-      subdescription="Every garment tells a story of precision, heritage, and modern vision."
-      icon={Sparkles}
-      imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Heritage"
+            title="Designed in Amsterdam"
+            description="Saint-Bleu Amsterdam was born from a desire to combine traditional Dutch craftsmanship with contemporary minimalist design. We believe in quality over quantity, crafting pieces that last a lifetime."
+            subdescription="Every garment tells a story of precision, heritage, and modern vision."
+            icon={Sparkles}
+            imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-stylish-caucasian-villa-body-suit-black-boots-outside-villa-with-natural-day-light_343596-2228.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena de Vries",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark van den Berg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-mall-paying-with-credit-card_1303-29602.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Jansen",
-          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-dress-holding-shopping-bags_23-2147962194.jpg",
-        },
-        {
-          id: "t4",
-          name: "Tim Bakker",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-smile-woman-looking-camera_197531-33875.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lieke Vermeer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg",
-        },
-      ]}
-      cardTitle="Loved by our Community"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Elena de Vries", imageSrc: "http://img.b2bpic.net/free-photo/pretty-shopper-street_23-2147652063.jpg" },
+              { id: "t2", name: "Mark van den Berg", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-mall-paying-with-credit-card_1303-29602.jpg" },
+              { id: "t3", name: "Sarah Jansen", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-dress-holding-shopping-bags_23-2147962194.jpg" },
+              { id: "t4", name: "Tim Bakker", imageSrc: "http://img.b2bpic.net/free-photo/view-smile-woman-looking-camera_197531-33875.jpg" },
+              { id: "t5", name: "Lieke Vermeer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4746.jpg" },
+            ]}
+            cardTitle="Loved by our Community"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Experience Saint-Bleu. Visit our boutique or contact us for personalized styling inquiries."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Experience Saint-Bleu. Visit our boutique or contact us for personalized styling inquiries."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8651.jpg"
-      logoText="Saint-Bleu"
-      columns={[
-        {
-          title: "Collection",
-          items: [
-            {
-              label: "New Arrivals",
-              href: "#",
-            },
-            {
-              label: "Best Sellers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Our Story",
-              href: "#",
-            },
-            {
-              label: "Sustainability",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Shipping",
-              href: "#",
-            },
-            {
-              label: "Returns",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8651.jpg"
+            logoText="Saint-Bleu"
+            columns={[
+              { title: "Collection", items: [{ label: "New Arrivals", href: "#" }, { label: "Best Sellers", href: "#" }] },
+              { title: "Company", items: [{ label: "Our Story", href: "#" }, { label: "Sustainability", href: "#" }] },
+              { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1