From d33931f91efee6426b6e10a5056583f69c75ac18 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 12:38:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 170 ++++++++++++-----------------------------------
 1 file changed, 43 insertions(+), 127 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1271883..29705dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Zap, Shield, Award } from 'lucide-react';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -29,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Dakkapellen",
-          id: "products",
-        },
+          name: "Dakkapellen",          id: "products"},
         {
-          name: "Over Ons",
-          id: "about",
-        },
+          name: "Over Ons",          id: "about"},
         {
-          name: "Reviews",
-          id: "testimonials",
-        },
+          name: "Reviews",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Hartog Dakkapellen"
     />
@@ -56,46 +47,29 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Uw Dakkapel, Vakkundig Geplaatst"
       description="Hartog Dakkapellen creëert meer ruimte en licht in uw woning met hoogwaardige dakkapellen. Stijlvol, duurzaam en perfect afgewerkt."
       tag="Expert in Dakkapellen"
       buttons={[
         {
-          text: "Offerte Aanvragen",
-          href: "#contact",
-        },
+          text: "Offerte Aanvragen",          href: "#contact"},
         {
-          text: "Bel Ons Direct",
-          href: "tel:0301234567",
-        },
+          text: "Bel Ons Direct",          href: "tel:0301234567"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=1",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=2",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=3",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=4",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=5",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=6",
-          imageAlt: "Dakkapel project",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg",          imageAlt: "Dakkapel project"},
       ]}
     />
   </div>
@@ -107,17 +81,11 @@ export default function LandingPage() {
       description="Wij combineren jarenlange ervaring met de nieuwste bouwtechnieken om de perfecte dakkapel voor uw huis te realiseren. Kwaliteit staat bij ons op 1."
       metrics={[
         {
-          value: "250+",
-          title: "Projecten voltooid",
-        },
+          value: "250+",          title: "Projecten voltooid"},
         {
-          value: "4.9",
-          title: "Google Rating",
-        },
+          value: "4.9",          title: "Google Rating"},
         {
-          value: "100%",
-          title: "Tevreden Klanten",
-        },
+          value: "100%",          title: "Tevreden Klanten"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-coworkers-wearing-industrail-overall-helmet_482257-76937.jpg"
       imageAlt="Hartog vakmanschap"
@@ -132,22 +100,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Houten Dakkapel",
-          description: "Authentieke uitstraling met de modernste isolatiewaarden.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg",
-          buttonIcon: "Zap",
+          title: "Houten Dakkapel",          description: "Authentieke uitstraling met de modernste isolatiewaarden.",          imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg",          buttonIcon: Zap,
         },
         {
-          title: "Kunststof Dakkapel",
-          description: "Onderhoudsarm en verkrijgbaar in elke RAL-kleur.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-windows_1353-109.jpg",
-          buttonIcon: "Shield",
+          title: "Kunststof Dakkapel",          description: "Onderhoudsarm en verkrijgbaar in elke RAL-kleur.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-windows_1353-109.jpg",          buttonIcon: Shield,
         },
         {
-          title: "Zinken Dakkapel",
-          description: "Strak design voor een moderne en chique look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
-          buttonIcon: "Award",
+          title: "Zinken Dakkapel",          description: "Strak design voor een moderne en chique look.",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",          buttonIcon: Award,
         },
       ]}
       title="Onze Dakkapel Types"
@@ -163,45 +122,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Jan de Vries",
-          role: "Klant",
-          company: "Utrecht",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg?_wi=1",
-        },
+          id: "1",          name: "Jan de Vries",          role: "Klant",          company: "Utrecht",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg"},
         {
-          id: "2",
-          name: "Anja Bakker",
-          role: "Klant",
-          company: "Amersfoort",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15645.jpg",
-        },
+          id: "2",          name: "Anja Bakker",          role: "Klant",          company: "Amersfoort",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15645.jpg"},
         {
-          id: "3",
-          name: "Peter Jansen",
-          role: "Klant",
-          company: "Houten",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11631.jpg",
-        },
+          id: "3",          name: "Peter Jansen",          role: "Klant",          company: "Houten",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11631.jpg"},
         {
-          id: "4",
-          name: "Sophie Klaassen",
-          role: "Klant",
-          company: "Zeist",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
-        },
+          id: "4",          name: "Sophie Klaassen",          role: "Klant",          company: "Zeist",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg"},
         {
-          id: "5",
-          name: "Mark van Dijk",
-          role: "Klant",
-          company: "Bilthoven",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg?_wi=2",
-        },
+          id: "5",          name: "Mark van Dijk",          role: "Klant",          company: "Bilthoven",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg"},
       ]}
       title="Klantbeoordelingen"
       description="Wat onze klanten zeggen over hun nieuwe dakkapel."
@@ -212,8 +146,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Neem Contact Op"
       title="Vraag uw Gratis Offerte aan"
       description="Benieuwd naar de kosten voor uw dakkapel? Wij komen graag langs voor een gratis en vrijblijvend adviesgesprek."
@@ -223,49 +156,32 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=7"
+      imageSrc="http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg"
       columns={[
         {
-          title: "Hartog Dakkapellen",
-          items: [
+          title: "Hartog Dakkapellen",          items: [
             {
-              label: "Over ons",
-              href: "#about",
-            },
+              label: "Over ons",              href: "#about"},
             {
-              label: "Vacatures",
-              href: "#",
-            },
+              label: "Vacatures",              href: "#"},
           ],
         },
         {
-          title: "Diensten",
-          items: [
+          title: "Diensten",          items: [
             {
-              label: "Houten Dakkapellen",
-              href: "#products",
-            },
+              label: "Houten Dakkapellen",              href: "#products"},
             {
-              label: "Kunststof Dakkapellen",
-              href: "#products",
-            },
+              label: "Kunststof Dakkapellen",              href: "#products"},
             {
-              label: "Zinken Dakkapellen",
-              href: "#products",
-            },
+              label: "Zinken Dakkapellen",              href: "#products"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Neem contact op",
-              href: "#contact",
-            },
+              label: "Neem contact op",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1