Update src/app/page.tsx

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Diensten",
+          name: "Diensten",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Over Ons",
+          name: "Over Ons",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
       ]}
       brandName="Post Dakwerken"
     />
@@ -54,64 +46,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Vakmanschap in elke dakpan"
       description="Post Dakwerken biedt hoogwaardige dakoplossingen met precisie en betrouwbaarheid. Van acute reparaties tot complete dakrenovaties in heel Nederland."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
+          src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",          alt: "Klant 1"},
-          alt: "Klant 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
+          src: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",          alt: "Klant 2"},
-          alt: "Klant 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",          alt: "Klant 3"},
-          alt: "Klant 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",          alt: "Klant 4"},
-          alt: "Klant 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
+          src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",          alt: "Klant 5"},
-          alt: "Klant 5",
-        },
       ]}
       buttons={[
         {
-          text: "Offerte aanvragen",
+          text: "Offerte aanvragen",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Bekijk projecten",
+          text: "Bekijk projecten",          href: "#services"},
-          href: "#services",
-        },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "10+ Jaar Ervaring"},
-          text: "10+ Jaar Ervaring",
-        },
         {
-          type: "text",
+          type: "text",          text: "VCA Gecertificeerd"},
-          text: "VCA Gecertificeerd",
-        },
         {
-          type: "text",
+          type: "text",          text: "Binnen 24u Service"},
-          text: "Binnen 24u Service",
-        },
         {
-          type: "text",
+          type: "text",          text: "100% Garantie"},
-          text: "100% Garantie",
-        },
         {
-          type: "text",
+          type: "text",          text: "Kwaliteitskeurmerk Dak"},
-          text: "Kwaliteitskeurmerk Dak",
-        },
       ]}
     />
   </div>
@@ -121,14 +88,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Google Reviews",
+        "Google Reviews",        "Trustpilot",        "Werkspot",        "BouwGarant",        "VCA Certified",        "Dak Nederland",        "Kwaliteit Dak"]}
-        "Trustpilot",
-        "Werkspot",
-        "BouwGarant",
-        "VCA Certified",
-        "Dak Nederland",
-        "Kwaliteit Dak",
-      ]}
       title="5.0 gebaseerd op 14 reviews"
       description="Ervaren vakmanschap waar onze klanten op kunnen vertrouwen."
     />
@@ -142,34 +102,22 @@ export default function LandingPage() {
       features={[
         {
           icon: Wrench,
-          title: "Dakrenovatie",
+          title: "Dakrenovatie",          description: "Volledige renovatie van uw dak met hoogwaardige materialen."},
-          description: "Volledige renovatie van uw dak met hoogwaardige materialen.",
-        },
         {
           icon: Droplet,
-          title: "Daklekkage reparatie",
+          title: "Daklekkage reparatie",          description: "Snelle opsporing en vakkundig herstel van lekkages."},
-          description: "Snelle opsporing en vakkundig herstel van lekkages.",
-        },
         {
           icon: Wrench,
-          title: "Zinkwerk & dakgoten",
+          title: "Zinkwerk & dakgoten",          description: "Professionele installatie en onderhoud van goten en zinkwerk."},
-          description: "Professionele installatie en onderhoud van goten en zinkwerk.",
-        },
         {
           icon: Home,
-          title: "Nieuwe dakbedekking",
+          title: "Nieuwe dakbedekking",          description: "Vakkundige aanleg van moderne dakbedekking."},
-          description: "Vakkundige aanleg van moderne dakbedekking.",
-        },
         {
           icon: CheckCircle,
-          title: "Onderhoud & inspectie",
+          title: "Onderhoud & inspectie",          description: "Regelmatige controle om lekkages te voorkomen."},
-          description: "Regelmatige controle om lekkages te voorkomen.",
-        },
         {
           icon: Zap,
-          title: "Spoedservice",
+          title: "Spoedservice",          description: "Directe hulp bij acute problemen aan uw dak."},
-          description: "Directe hulp bij acute problemen aan uw dak.",
-        },
       ]}
       title="Onze Dakdiensten"
       description="Wij bieden een compleet scala aan dakwerken voor uw woning of bedrijfspand."
@@ -183,59 +131,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Jan de Vries",          role: "Huiseigenaar",          company: "Amsterdam",          rating: 5,
-          name: "Jan de Vries",
-          role: "Huiseigenaar",
-          company: "Amsterdam",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
         },
         {
-          id: "2",
+          id: "2",          name: "Annelies Bakker",          role: "Huiseigenaar",          company: "Rotterdam",          rating: 5,
-          name: "Annelies Bakker",
-          role: "Huiseigenaar",
-          company: "Rotterdam",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
         },
         {
-          id: "3",
+          id: "3",          name: "Mark Jansen",          role: "Huiseigenaar",          company: "Utrecht",          rating: 5,
-          name: "Mark Jansen",
-          role: "Huiseigenaar",
-          company: "Utrecht",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
         },
         {
-          id: "4",
+          id: "4",          name: "Sophie Willems",          role: "Huiseigenaar",          company: "Den Haag",          rating: 5,
-          name: "Sophie Willems",
-          role: "Huiseigenaar",
-          company: "Den Haag",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
         },
         {
-          id: "5",
+          id: "5",          name: "Pieter Visser",          role: "Huiseigenaar",          company: "Haarlem",          rating: 5,
-          name: "Pieter Visser",
-          role: "Huiseigenaar",
-          company: "Haarlem",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
         },
       ]}
       kpiItems={[
         {
-          value: "5.0",
+          value: "5.0",          label: "Review Score"},
-          label: "Review Score",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Tevredenheid"},
-          label: "Tevredenheid",
-        },
         {
-          value: "14+",
+          value: "14+",          label: "Projecten"},
-          label: "Projecten",
-        },
       ]}
       title="Wat onze klanten zeggen"
       description="Eerlijke ervaringen met onze professionele dakdekkers."
@@ -249,19 +166,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Ervaring",
+          label: "Ervaring",          value: "10+ Jaar"},
-          value: "10+ Jaar",
-        },
         {
           icon: Clock,
-          label: "Respons",
+          label: "Respons",          value: "Binnen 24u"},
-          value: "Binnen 24u",
-        },
         {
           icon: ShieldCheck,
-          label: "Garantie",
+          label: "Garantie",          value: "Uitstekend"},
-          value: "Uitstekend",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -271,13 +182,12 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Offerte"
       title="Vraag direct een offerte aan"
       description="Heeft u een dakprobleem? Vul uw gegevens in en wij nemen zo snel mogelijk contact op voor een vrijblijvend advies."
       mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-background-roof-texture-tiles-generative-al_169016-28456.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg?id=10001535"
     />
   </div>
 
@@ -285,37 +195,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Navigatie",
+          title: "Navigatie",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Diensten",
+              label: "Diensten",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Over Ons",
+              label: "Over Ons",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Reviews",
+              label: "Reviews",              href: "#testimonials"},
-              href: "#testimonials",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "info@postdakwerken.nl",
+              label: "info@postdakwerken.nl",              href: "mailto:info@postdakwerken.nl"},
-              href: "mailto:info@postdakwerken.nl",
-            },
             {
-              label: "06 - 1234 5678",
+              label: "06 - 1234 5678",              href: "tel:0612345678"},
-              href: "tel:0612345678",
-            },
           ],
         },
       ]}
@@ -326,4 +222,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}