Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-22 16:16:54 +00:00

View File

@@ -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>
);