From 5b7714dfa74aaf1ddbd4cacd19e66f0abafb2eaa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 10 Apr 2026 01:46:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 290 +++++++++++++++++++----------------------------
 1 file changed, 117 insertions(+), 173 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0af8479..329b2df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,187 +28,131 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Collectie",          id: "products"},
-        {
-          name: "Klantenservice",          id: "faq"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="Bleekwit"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+              navItems={[
+                { name: "Home", id: "hero" },
+                { name: "Collectie", id: "products" },
+                { name: "Klantenservice", id: "faq" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="Bleekwit"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "rotated-rays-animated-grid"}}
-      title="Bleekwit: Kwaliteit die opvalt."
-      description="Ontdek ons exclusieve assortiment met een focus op elegantie en duurzaamheid. Wij bieden alleen het beste voor uw interieur."
-      buttons={[
-        {
-          text: "Bekijk Collectie",          href: "#products"},
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-product-backdrop-with-blank-space_53876-104159.jpg",          imageAlt: "Bleekwit collectie 1"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg",          imageAlt: "Bleekwit collectie 2"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-displeased-reluctant-man-medical-mask-holding-shopping-b_1258-180667.jpg",          imageAlt: "Bleekwit collectie 3"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-plants-decoration-vase_23-2149334649.jpg",          imageAlt: "Bleekwit collectie 4"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg",          imageAlt: "Bleekwit collectie 5"},
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardGallery
+              background={{ variant: "rotated-rays-animated-grid" }}
+              title="Bleekwit: Kwaliteit die opvalt."
+              description="Ontdek ons exclusieve assortiment met een focus op elegantie en duurzaamheid. Wij bieden alleen het beste voor uw interieur."
+              buttons={[{ text: "Bekijk Collectie", href: "#products" }]}
+              mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/pink-product-backdrop-with-blank-space_53876-104159.jpg", imageAlt: "Bleekwit collectie 1" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/hotel-entrance-unfocused_1203-762.jpg", imageAlt: "Bleekwit collectie 2" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-displeased-reluctant-man-medical-mask-holding-shopping-b_1258-180667.jpg", imageAlt: "Bleekwit collectie 3" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/elegant-plants-decoration-vase_23-2149334649.jpg", imageAlt: "Bleekwit collectie 4" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg", imageAlt: "Bleekwit collectie 5" }
+              ]}
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          icon: CheckCircle,
-          title: "Tevreden Klanten",          value: "10.000+"},
-        {
-          id: "m2",          icon: Award,
-          title: "Jaren Ervaring",          value: "15+"},
-        {
-          id: "m3",          icon: Truck,
-          title: "Snelle Levering",          value: "24u"},
-      ]}
-      title="Onze Impact"
-      description="Wij groeien samen met onze tevreden klanten."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardThree
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              metrics={[
+                { id: "m1", icon: CheckCircle, title: "Tevreden Klanten", value: "10.000+" },
+                { id: "m2", icon: Award, title: "Jaren Ervaring", value: "15+" },
+                { id: "m3", icon: Truck, title: "Snelle Levering", value: "24u" }
+              ]}
+              title="Onze Impact"
+              description="Wij groeien samen met onze tevreden klanten."
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Design Item A",          price: "€49,95",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-plants-decoration-vase_23-2149334649.jpg"},
-        {
-          id: "p2",          name: "Design Item B",          price: "€89,95",          imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg"},
-        {
-          id: "p3",          name: "Design Item C",          price: "€129,95",          imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-brush_23-2147710593.jpg"},
-        {
-          id: "p4",          name: "Design Item D",          price: "€59,95",          imageSrc: "http://img.b2bpic.net/free-photo/blue-gradient-abstract-background-empty-room-with-space-your-text-picture_1258-55370.jpg"},
-        {
-          id: "p5",          name: "Design Item E",          price: "€79,95",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-concept_23-2148229251.jpg"},
-        {
-          id: "p6",          name: "Design Item F",          price: "€39,95",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091296.jpg"},
-      ]}
-      title="Onze Topselectie"
-      description="De nieuwste producten van dit seizoen."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="four-items-2x2-equal-grid"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", name: "Design Item A", price: "€49,95", imageSrc: "http://img.b2bpic.net/free-photo/elegant-plants-decoration-vase_23-2149334649.jpg" },
+                { id: "p2", name: "Design Item B", price: "€89,95", imageSrc: "http://img.b2bpic.net/free-photo/pile-white-bowls-long-shot_23-2148746906.jpg" },
+                { id: "p3", name: "Design Item C", price: "€129,95", imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-brush_23-2147710593.jpg" },
+                { id: "p4", name: "Design Item D", price: "€59,95", imageSrc: "http://img.b2bpic.net/free-photo/blue-gradient-abstract-background-empty-room-with-space-your-text-picture_1258-55370.jpg" },
+                { id: "p5", name: "Design Item E", price: "€79,95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fashion-still-life-concept_23-2148229251.jpg" },
+                { id: "p6", name: "Design Item F", price: "€39,95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091296.jpg" }
+              ]}
+              title="Onze Topselectie"
+              description="De nieuwste producten van dit seizoen."
+            />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Merk A",        "Merk B",        "Merk C",        "Merk D",        "Merk E",        "Merk F",        "Merk G"]}
-      title="Vertrouwd door Partners"
-      description="Samenwerken met de beste merken."
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+            <SocialProofOne
+              textboxLayout="default"
+              useInvertedBackground={true}
+              names={["Merk A", "Merk B", "Merk C", "Merk D", "Merk E", "Merk F", "Merk G"]}
+              title="Vertrouwd door Partners"
+              description="Samenwerken met de beste merken."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "Jan de Vries",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg"},
-        {
-          id: "t2",          name: "Marieke Janssen",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg"},
-        {
-          id: "t3",          name: "Pieter Bakker",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"},
-        {
-          id: "t4",          name: "Sophie Willems",          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
-        {
-          id: "t5",          name: "Mark Peters",          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg"},
-      ]}
-      cardTitle="Klantbeoordelingen"
-      cardTag="Recensies"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwelve
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "t1", name: "Jan de Vries", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
+                { id: "t2", name: "Marieke Janssen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-african-american-woman-with-dark-curly-hair-smiling-camera-near-with-copy-space-your-advertisement-colorful-background-space-text_574295-4835.jpg" },
+                { id: "t3", name: "Pieter Bakker", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" },
+                { id: "t4", name: "Sophie Willems", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
+                { id: "t5", name: "Mark Peters", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg" }
+              ]}
+              cardTitle="Klantbeoordelingen"
+              cardTag="Recensies"
+              cardAnimation="slide-up"
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",          title: "Wat zijn de levertijden?",          content: "Wij leveren doorgaans binnen 1-2 werkdagen."},
-        {
-          id: "q2",          title: "Kan ik mijn product retourneren?",          content: "Natuurlijk, u heeft 30 dagen bedenktijd."},
-        {
-          id: "q3",          title: "Bieden jullie garantie?",          content: "Op al onze producten zit minimaal 1 jaar garantie."},
-      ]}
-      sideTitle="Veelgestelde vragen"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+              useInvertedBackground={true}
+              faqs={[
+                { id: "q1", title: "Wat zijn de levertijden?", content: "Wij leveren doorgaans binnen 1-2 werkdagen." },
+                { id: "q2", title: "Kan ik mijn product retourneren?", content: "Natuurlijk, u heeft 30 dagen bedenktijd." },
+                { id: "q3", title: "Bieden jullie garantie?", content: "Op al onze producten zit minimaal 1 jaar garantie." }
+              ]}
+              sideTitle="Veelgestelde vragen"
+              faqsAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contact"
-      title="Heeft u vragen?"
-      description="Neem gerust contact met ons op voor advies."
-      imageSrc="http://img.b2bpic.net/free-photo/pensive-man-working-desktop-pc_482257-121862.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit
+              useInvertedBackground={false}
+              background={{ variant: "plain" }}
+              tag="Contact"
+              title="Heeft u vragen?"
+              description="Neem gerust contact met ons op voor advies."
+              imageSrc="http://img.b2bpic.net/free-photo/pensive-man-working-desktop-pc_482257-121862.jpg"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Collectie",              href: "#products"},
-            {
-              label: "Klantenservice",              href: "#faq"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Over ons",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Algemene Voorwaarden",              href: "#"},
-            {
-              label: "Privacybeleid",              href: "#"},
-          ],
-        },
-      ],
-      logoText="Bleekwit"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "Collectie", href: "#products" }, { label: "Klantenservice", href: "#faq" }] },
+                { items: [{ label: "Over ons", href: "#" }, { label: "Contact", href: "#contact" }] },
+                { items: [{ label: "Algemene Voorwaarden", href: "#" }, { label: "Privacybeleid", href: "#" }] }
+              ]}
+              logoText="Bleekwit"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1