From 3e885f1d2748048c518c02afa0baf2f55eaa5d8d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 16:16:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 441 ++++++++++++++++-------------------------------
 1 file changed, 150 insertions(+), 291 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 213f8d9..022bd29 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,308 +16,167 @@ import { Award, Clock, Gauge, Phone, ShieldCheck, Zap } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Diensten",
-          id: "#services",
-        },
-        {
-          name: "Over Ons",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Elektricien Apeldoorn"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Diensten", id: "services" },
+              { name: "Over Ons", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elektricien Apeldoorn"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Uw lokale elektricien in Apeldoorn"
-      description="Direct een betrouwbare vakman nodig voor storingen of installaties? Wij zijn 24/7 bereikbaar en binnen 20 minuten ter plaatse in Apeldoorn."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4014.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-155440.jpg",
-          alt: "Klant",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Bel direct: 055 781 0019",
-          href: "tel:0557810019",
-        },
-        {
-          text: "Stuur een WhatsApp-bericht",
-          href: "https://wa.me/31557810019",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "24/7 Spoedservice",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "Binnen 20 min ter plaatse",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Gecertificeerde Vakmannen",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Transparante Prijsopgave",
-          icon: Gauge,
-        },
-        {
-          type: "text-icon",
-          text: "Kwaliteitsgarantie",
-          icon: Award,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCentered
+            background={{ variant: "gradient-bars" }}
+            title="Uw lokale elektricien in Apeldoorn"
+            description="Direct een betrouwbare vakman nodig voor storingen of installaties? Wij zijn 24/7 bereikbaar en binnen 20 minuten ter plaatse in Apeldoorn."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/crazy-businessman-hero-happy-expression_1194-4014.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-155440.jpg", alt: "Klant" },
+            ]}
+            buttons={[
+              { text: "Bel direct: 055 781 0019", href: "tel:0557810019" },
+              { text: "Stuur een WhatsApp-bericht", href: "https://wa.me/31557810019" },
+            ]}
+            buttonAnimation="slide-up"
+            marqueeItems={[
+              { type: "text-icon", text: "24/7 Spoedservice", icon: Zap },
+              { type: "text-icon", text: "Binnen 20 min ter plaatse", icon: Clock },
+              { type: "text-icon", text: "Gecertificeerde Vakmannen", icon: ShieldCheck },
+              { type: "text-icon", text: "Transparante Prijsopgave", icon: Gauge },
+              { type: "text-icon", text: "Kwaliteitsgarantie", icon: Award },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Stroomstoring Oplossen",
-          description: "Heeft u last van een stroomstoring? Wij lokaliseren en verhelpen storingen direct in Apeldoorn.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874517274-4753e90a.png",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874546582-3e4fd624.png",
-          buttonText: "Bel bij spoed",
-          buttonHref: "tel:0557810019",
-        },
-        {
-          title: "Groepenkast Vervangen",
-          description: "Veiligheid voorop. Wij vervangen uw oude groepenkast vakkundig voor een moderne installatie.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874555044-2424f925.png",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874563033-8e2588bf.png",
-          buttonText: "Vraag offerte aan",
-          buttonHref: "#contact",
-        },
-        {
-          title: "Verlichting & LED",
-          description: "Wij installeren inbouwspots en slimme verlichting voor een optimaal lichtplan in uw woning.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/close-up-of-installing-modern-led-recess-1776874525238-8fd6ddb8.png",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/close-up-of-installing-modern-led-recess-1776874571008-d26d596d.png",
-          buttonText: "Bekijk opties",
-          buttonHref: "#contact",
-        },
-      ]}
-      title="Onze Elektrische Diensten"
-      description="Van storingen tot volledige renovatie: wij bieden vakkundige oplossingen voor al uw elektrawerk."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Stroomstoring Oplossen", description: "Heeft u last van een stroomstoring? Wij lokaliseren en verhelpen storingen direct in Apeldoorn.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874517274-4753e90a.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874546582-3e4fd624.png", buttonText: "Bel bij spoed", buttonHref: "tel:0557810019" },
+              { title: "Groepenkast Vervangen", description: "Veiligheid voorop. Wij vervangen uw oude groepenkast vakkundig voor een moderne installatie.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874555044-2424f925.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/electrical-panel-wiring-and-circuit-brea-1776874563033-8e2588bf.png", buttonText: "Vraag offerte aan", buttonHref: "#contact" },
+              { title: "Verlichting & LED", description: "Wij installeren inbouwspots en slimme verlichting voor een optimaal lichtplan in uw woning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/close-up-of-installing-modern-led-recess-1776874525238-8fd6ddb8.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/close-up-of-installing-modern-led-recess-1776874571008-d26d596d.png", buttonText: "Bekijk opties", buttonHref: "#contact" }
+            ]}
+            title="Onze Elektrische Diensten"
+            description="Van storingen tot volledige renovatie: wij bieden vakkundige oplossingen voor al uw elektrawerk."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Uw Erkende Elektricien in Apeldoorn",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/professional-electrician-working-in-a-mo-1776874508631-9d76f141.png",
-          alt: "Elektricien aan het werk",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Uw Erkende Elektricien in Apeldoorn" },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0DMX5hibHqsURG9xSKe31Xgxb/professional-electrician-working-in-a-mo-1776874508631-9d76f141.png", alt: "Elektricien aan het werk" }
+            ]}
+          />
+        </div>
 
-  <div id="why-choose-us" data-section="why-choose-us">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Jaar ervaring",
-          items: [
-            "Ruime ervaring in Apeldoorn",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Spoedservice",
-          items: [
-            "Altijd bereikbaar bij storing",
-          ],
-        },
-        {
-          id: "m3",
-          value: "20 min",
-          title: "Snel ter plaatse",
-          items: [
-            "Snel in heel Apeldoorn",
-          ],
-        },
-      ]}
-      title="Waarom kiezen voor Elektricien Apeldoorn?"
-      description="Wij staan bekend om onze transparantie, ervaring en snelheid."
-    />
-  </div>
+        <div id="why-choose-us" data-section="why-choose-us">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "20+", title: "Jaar ervaring", items: ["Ruime ervaring in Apeldoorn"] },
+              { id: "m2", value: "24/7", title: "Spoedservice", items: ["Altijd bereikbaar bij storing"] },
+              { id: "m3", value: "20 min", title: "Snel ter plaatse", items: ["Snel in heel Apeldoorn"] }
+            ]}
+            title="Waarom kiezen voor Elektricien Apeldoorn?"
+            description="Wij staan bekend om onze transparantie, ervaring en snelheid."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Ze verdienen meer dan 5 sterren. Vakkundig, netjes en zeer responsief. Ik raad ze iedereen aan."
-      rating={5}
-      author="Hugo Beunder, Matenveld"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-daughter-giving-gift-mother-kitchen_23-2147788207.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-man-using-computer-laptop-home-smiling-confident-pointing-with-fingers-different-directions-copy-space-advertisement_839833-25307.jpg",
-          alt: "Klant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg",
-          alt: "Klant",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="Ze verdienen meer dan 5 sterren. Vakkundig, netjes en zeer responsief. Ik raad ze iedereen aan."
+            rating={5}
+            author="Hugo Beunder, Matenveld"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/cheerful-daughter-giving-gift-mother-kitchen_23-2147788207.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/middle-age-man-using-computer-laptop-home-smiling-confident-pointing-with-fingers-different-directions-copy-space-advertisement_839833-25307.jpg", alt: "Klant" },
+              { src: "http://img.b2bpic.net/free-photo/mechanic-talks-with-client-about-car_482257-115300.jpg", alt: "Klant" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Hoe snel bent u ter plaatse bij een storing?",
-          content: "Wij zijn 24/7 bereikbaar en streven ernaar om binnen 20 minuten bij u in Apeldoorn ter plaatse te zijn.",
-        },
-        {
-          id: "f2",
-          title: "Wat kost een offerte?",
-          content: "Wij bieden altijd een schriftelijke prijsopgave vooraf, zodat u precies weet waar u aan toe bent.",
-        },
-        {
-          id: "f3",
-          title: "Werkt u ook voor bedrijven?",
-          content: "Ja, wij werken voor particulieren, bedrijven en VvE's in Apeldoorn.",
-        },
-      ]}
-      title="Veelgestelde Vragen"
-      description="Antwoorden op de meest gestelde vragen over onze diensten."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Hoe snel bent u ter plaatse bij een storing?", content: "Wij zijn 24/7 bereikbaar en streven ernaar om binnen 20 minuten bij u in Apeldoorn ter plaatse te zijn." },
+              { id: "f2", title: "Wat kost een offerte?", content: "Wij bieden altijd een schriftelijke prijsopgave vooraf, zodat u precies weet waar u aan toe bent." },
+              { id: "f3", title: "Werkt u ook voor bedrijven?", content: "Ja, wij werken voor particulieren, bedrijven en VvE's in Apeldoorn." },
+            ]}
+            title="Veelgestelde Vragen"
+            description="Antwoorden op de meest gestelde vragen over onze diensten."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="location" data-section="location">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Uw lokale expert in Apeldoorn"
-      description="Wij zijn actief in heel Apeldoorn en omgeving. Bel ons voor een afspraak of offerte."
-      buttons={[
-        {
-          text: "Bel: 055 781 0019",
-          href: "tel:0557810019",
-        },
-        {
-          text: "Route plannen",
-          href: "https://maps.google.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="location" data-section="location">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Uw lokale expert in Apeldoorn"
+            description="Wij zijn actief in heel Apeldoorn en omgeving. Bel ons voor een afspraak of offerte."
+            buttons={[
+              { text: "Bel: 055 781 0019", href: "tel:0557810019" },
+              { text: "Route plannen", href: "https://maps.google.com" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Direct Hulp"
-      title="Neem vandaag nog contact op"
-      description="Wij zijn snel ter plaatse. Vraag direct een vrijblijvende offerte aan of bel bij storing."
-      buttons={[
-        {
-          text: "Bel direct: 055 781 0019",
-          href: "tel:0557810019",
-        },
-        {
-          text: "WhatsApp ons",
-          href: "https://wa.me/31557810019",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Direct Hulp"
+            title="Neem vandaag nog contact op"
+            description="Wij zijn snel ter plaatse. Vraag direct een vrijblijvende offerte aan of bel bij storing."
+            buttons={[
+              { text: "Bel direct: 055 781 0019", href: "tel:0557810019" },
+              { text: "WhatsApp ons", href: "https://wa.me/31557810019" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Elektricien Apeldoorn"
-      copyrightText="© 2025 | Elektricien Apeldoorn"
-      socialLinks={[
-        {
-          icon: Phone,
-          href: "tel:0557810019",
-          ariaLabel: "Telefoon",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Elektricien Apeldoorn"
+            copyrightText="© 2025 | Elektricien Apeldoorn"
+            socialLinks={[
+              { icon: Phone, href: "tel:0557810019", ariaLabel: "Telefoon" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1