bender/5a0de499-c554-45f5-9489-a86871fa2572
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-28 12:40:52 +00:00
parent 92c088a5c2
commit ca0bafed81
1 changed files with 78 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
src/app/page.tsx
View File

@@ -6,8 +6,8 @@ import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -31,69 +31,49 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "Over Ons",
id: "#about",
},
name: "Over Ons", id: "#about"},
{
name: "Diensten",
id: "#features",
},
name: "Diensten", id: "#features"},
{
name: "Projecten",
id: "#products",
},
name: "Projecten", id: "#products"},
{
name: "Prijsindicatie",
id: "#pricing",
},
name: "Prijsindicatie", id: "#pricing"},
{
name: "Partners",
id: "#social-proof",
},
name: "Partners", id: "#social-proof"},
{
name: "Getuigenissen",
id: "#testimonials",
},
name: "Getuigenissen", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
{
name: "Contact",
id: "#contact",
},
name: "FAQ", id: "#faq"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zalug"
logoAlt="Vanderstraeten logo"
brandName="Vanderstraeten Sanitair-Verwarming"
bottomLeftText="Loodgieter in Denderleeuw, België"
bottomRightText="info@vanderstraeten-sanitair-verwarming.be"
button={{
text: "Contact", href: "#contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
logoText="Vanderstraeten"
variant: "radial-gradient"}}
title="Vanderstraeten"
description="Uw betrouwbare partner voor sanitair, verwarming, airco & warmtepompen in Denderleeuw."
buttons={[
{
text: "Ontdek Onze Diensten",
href: "#features",
},
text: "Ontdek Onze Diensten", href: "#features"},
{
text: "Vraag Offerte Aan",
href: "#contact",
},
text: "Vraag Offerte Aan", href: "#contact"},
{
text: "Bekijk Projecten", href: "#products"},
{
text: "Lees Meer Over Ons", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/elegant-matte-black-faucet-dark-kitchen-premium-interior-design-with-minimalist-furniture_169016-72709.jpg"
imageAlt="Installateur werkend aan verwarmingssysteem"
@@ -122,20 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Sanitair",
description: "Installatie en renovatie van badkamers, waterleidingen, boilers, en afvoersystemen. Van kleine herstellingen tot complete badkamerprojecten, wij garanderen duurzaamheid en vakmanschap.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg",
},
title: "Sanitair", description: "Installatie en renovatie van badkamers, waterleidingen, boilers, en afvoersystemen. Van kleine herstellingen tot complete badkamerprojecten, wij garanderen duurzaamheid en vakmanschap.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg"},
{
title: "Verwarming",
description: "Plaatsing en onderhoud van centrale verwarmingssystemen, vloerverwarming, radiatoren en boilers. Wij zorgen voor een warm en energiezuinig huis, aangepast aan uw behoeften.",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-thoughtful-entrepreneur-nightwear-makes-notes-working-plan-notepad-looks-pensively-aside-stands-spacious-room-near-window_273609-19062.jpg",
},
title: "Verwarming", description: "Plaatsing en onderhoud van centrale verwarmingssystemen, vloerverwarming, radiatoren en boilers. Wij zorgen voor een warm en energiezuinig huis, aangepast aan uw behoeften.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-thoughtful-entrepreneur-nightwear-makes-notes-working-plan-notepad-looks-pensively-aside-stands-spacious-room-near-window_273609-19062.jpg"},
{
title: "Airco & Warmtepompen",
description: "Expert in energiezuinige koel- en verwarmingsoplossingen. Installatie en service van airconditioning en geavanceerde warmtepompsystemen voor optimaal comfort het hele jaar door.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388953.jpg",
},
title: "Airco & Warmtepompen", description: "Expert in energiezuinige koel- en verwarmingsoplossingen. Installatie en service van airconditioning en geavanceerde warmtepompsystemen voor optimaal comfort het hele jaar door.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388953.jpg"},
]}
title="Compleet Installatiebedrijf voor Uw Woning"
description="Van kleine reparaties tot volledige installaties, wij bieden een breed scala aan diensten voor een comfortabel en duurzaam thuis."
@@ -153,59 +124,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "badkamer",
brand: "Vanderstraeten",
name: "Volledige Badkamerrenovatie",
price: "Op aanvraag",
rating: 5,
reviewCount: "25 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-design-zoom-calls-with-plant_23-2149684495.jpg",
},
id: "badkamer", brand: "Vanderstraeten", name: "Volledige Badkamerrenovatie", price: "Op aanvraag", rating: 5,
reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-interior-design-zoom-calls-with-plant_23-2149684495.jpg"},
{
id: "ketelvervanging",
brand: "Vanderstraeten",
name: "Hoogrendementsketel Vervanging",
price: "Op aanvraag",
rating: 5,
reviewCount: "18 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg",
},
id: "ketelvervanging", brand: "Vanderstraeten", name: "Hoogrendementsketel Vervanging", price: "Op aanvraag", rating: 5,
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"},
{
id: "aircosysteem",
brand: "Vanderstraeten",
name: "Nieuw Airco Systeem Installatie",
price: "Op aanvraag",
rating: 5,
reviewCount: "12 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/striped-blue-metallic-material-background-with-rain-drops_23-2148722082.jpg",
},
id: "aircosysteem", brand: "Vanderstraeten", name: "Nieuw Airco Systeem Installatie", price: "Op aanvraag", rating: 5,
reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/striped-blue-metallic-material-background-with-rain-drops_23-2148722082.jpg"},
{
id: "warmtepompinstallatie",
brand: "Vanderstraeten",
name: "Duurzame Warmtepomp Installatie",
price: "Op aanvraag",
rating: 5,
reviewCount: "30 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250266.jpg",
},
id: "warmtepompinstallatie", brand: "Vanderstraeten", name: "Duurzame Warmtepomp Installatie", price: "Op aanvraag", rating: 5,
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250266.jpg"},
{
id: "renovatie",
brand: "Vanderstraeten",
name: "Integrale Woningrenovatie",
price: "Op aanvraag",
rating: 5,
reviewCount: "22 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-washing-machine-finish-its-program_23-2149117028.jpg",
},
id: "renovatie", brand: "Vanderstraeten", name: "Integrale Woningrenovatie", price: "Op aanvraag", rating: 5,
reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-washing-machine-finish-its-program_23-2149117028.jpg"},
{
id: "onderhoud",
brand: "Vanderstraeten",
name: "Jaarlijks Onderhoudspakket",
price: "Op aanvraag",
rating: 5,
reviewCount: "40 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg",
},
id: "onderhoud", brand: "Vanderstraeten", name: "Jaarlijks Onderhoudspakket", price: "Op aanvraag", rating: 5,
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/wireman-does-air-conditioner-maintenance_482257-85109.jpg"},
]}
title="Realistiesaties die Spreken"
description="Een selectie van onze recente projecten die ons vakmanschap en onze veelzijdigheid tonen. Laat u inspireren door onze afgeronde werken."
@@ -220,61 +155,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basis",
badge: "Standaard",
badgeIcon: Sparkles,
price: "Vanaf €99",
name: "Basisonderhoud Sanitair",
buttons: [
id: "basis", badge: "Standaard", badgeIcon: Sparkles,
price: "Vanaf €99", name: "Basisonderhoud Sanitair", buttons: [
{
text: "Meer info",
href: "#contact",
},
text: "Meer info", href: "#contact"},
],
features: [
"Jaarlijkse controle",
"Kleine herstellingen",
"Advies op maat",
"Prioritaire service",
],
"Jaarlijkse controle", "Kleine herstellingen", "Advies op maat", "Prioritaire service"],
},
{
id: "premium",
badge: "Populairst",
badgeIcon: Sparkles,
price: "Vanaf €249",
name: "Complete Verwarming & Airco Service",
buttons: [
id: "premium", badge: "Populairst", badgeIcon: Sparkles,
price: "Vanaf €249", name: "Complete Verwarming & Airco Service", buttons: [
{
text: "Nu Boeken",
href: "#contact",
},
text: "Nu Boeken", href: "#contact"},
],
features: [
"Uitgebreid onderhoud",
"Controle van alle systemen",
"Inclusief kleine wisselstukken",
"24/7 Nooddienst",
],
"Uitgebreid onderhoud", "Controle van alle systemen", "Inclusief kleine wisselstukken", "24/7 Nooddienst"],
},
{
id: "totaalproject",
badge: "Maatwerk",
badgeIcon: Sparkles,
price: "Op aanvraag",
name: "Totaalproject Installatie",
buttons: [
id: "totaalproject", badge: "Maatwerk", badgeIcon: Sparkles,
price: "Op aanvraag", name: "Totaalproject Installatie", buttons: [
{
text: "Offerte Aanvragen",
href: "#contact",
},
text: "Offerte Aanvragen", href: "#contact"},
],
features: [
"Volledige installatie",
"Persoonlijk ontwerp",
"Projectcoördinatie",
"10 jaar garantie",
],
"Volledige installatie", "Persoonlijk ontwerp", "Projectcoördinatie", "10 jaar garantie"],
},
]}
title="Vind het Perfecte Plan voor Uw Behoeften"
@@ -290,14 +195,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Viessmann",
"Vaillant",
"Daikin",
"Grohe",
"Hansgrohe",
"Geberit",
"Remaha",
]}
"Viessmann", "Vaillant", "Daikin", "Grohe", "Hansgrohe", "Geberit", "Remaha"]}
title="Onze Sterke Partners"
description="Wij werken samen met toonaangevende merken en leveranciers om u de beste kwaliteit, duurzaamheid en de nieuwste technologieën te garanderen voor al uw installaties."
tag="Kwaliteit & Vertrouwen"
@@ -314,45 +212,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Fantastische service!",
quote: "Vanderstraeten Sanitair-Verwarming heeft onze badkamer volledig gerenoveerd. De communicatie was vlot, de afspraken werden nagekomen en het resultaat is prachtig! Een echte aanrader.",
name: "Mevr. E. Janssens",
role: "Tevreden klant",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-floor-room-with-loft-interior_613910-20179.jpg",
},
id: "1", title: "Fantastische service!", quote: "Vanderstraeten Sanitair-Verwarming heeft onze badkamer volledig gerenoveerd. De communicatie was vlot, de afspraken werden nagekomen en het resultaat is prachtig! Een echte aanrader.", name: "Mevr. E. Janssens", role: "Tevreden klant", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-sits-floor-room-with-loft-interior_613910-20179.jpg"},
{
id: "2",
title: "Snel en efficiënt",
quote: "Onze verwarmingsketel ging stuk midden in de winter. Ze waren er snel bij en hebben de herstelling vakkundig uitgevoerd. Zeer tevreden met de snelle en efficiënte service.",
name: "Dhr. M. De Clercq",
role: "Particuliere klant",
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-blue-t-shirt-pointing-side-looking-jolly_176474-32603.jpg",
},
id: "2", title: "Snel en efficiënt", quote: "Onze verwarmingsketel ging stuk midden in de winter. Ze waren er snel bij en hebben de herstelling vakkundig uitgevoerd. Zeer tevreden met de snelle en efficiënte service.", name: "Dhr. M. De Clercq", role: "Particuliere klant", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-blue-t-shirt-pointing-side-looking-jolly_176474-32603.jpg"},
{
id: "3",
title: "Professioneel en betrouwbaar",
quote: "De installatie van onze warmtepomp is perfect verlopen. Het team was uiterst professioneel, heeft alles netjes achtergelaten en gaf duidelijke uitleg. Absolute topkwaliteit!",
name: "Familie Vermeulen",
role: "Klant duurzame energie",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-happy-finishing-work-assignment_23-2148700722.jpg",
},
id: "3", title: "Professioneel en betrouwbaar", quote: "De installatie van onze warmtepomp is perfect verlopen. Het team was uiterst professioneel, heeft alles netjes achtergelaten en gaf duidelijke uitleg. Absolute topkwaliteit!", name: "Familie Vermeulen", role: "Klant duurzame energie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-happy-finishing-work-assignment_23-2148700722.jpg"},
{
id: "4",
title: "Uitstekende begeleiding",
quote: "Van de offertefase tot de oplevering van onze nieuwe airco, werden we uitstekend begeleid. Ze dachten mee en het eindresultaat overtreft onze verwachtingen.",
name: "Dhr. en Mevr. Van den Berg",
role: "Klant airco installatie",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
},
id: "4", title: "Uitstekende begeleiding", quote: "Van de offertefase tot de oplevering van onze nieuwe airco, werden we uitstekend begeleid. Ze dachten mee en het eindresultaat overtreft onze verwachtingen.", name: "Dhr. en Mevr. Van den Berg", role: "Klant airco installatie", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg"},
{
id: "5",
title: "Kwaliteit voorop",
quote: "We zochten een bedrijf dat kwaliteit levert en vonden Vanderstraeten Sanitair-Verwarming. De vakkennis is indrukwekkend en ze werken met de beste materialen. Zeer content met de uitgevoerde werken.",
name: "Dhr. J. Peeters",
role: "Zakelijke klant",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-tank-top_23-2148262827.jpg",
},
id: "5", title: "Kwaliteit voorop", quote: "We zochten een bedrijf dat kwaliteit levert en vonden Vanderstraeten Sanitair-Verwarming. De vakkennis is indrukwekkend en ze werken met de beste materialen. Zeer content met de uitgevoerde werken.", name: "Dhr. J. Peeters", role: "Zakelijke klant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-tank-top_23-2148262827.jpg"},
]}
title="Tevreden Klanten Zijn Onze Prioriteit"
description="Lees wat onze klanten te zeggen hebben over onze service, professionaliteit en het vakmanschap dat wij leveren bij elk project."
@@ -368,30 +236,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Welke diensten bieden jullie aan?",
content: "Wij zijn gespecialiseerd in de installatie en het onderhoud van sanitair, verwarmingssystemen, airconditioning en warmtepompen. Dit omvat alles van badkamerrenovaties tot complete energiezuinige oplossingen.",
},
id: "1", title: "Welke diensten bieden jullie aan?", content: "Wij zijn gespecialiseerd in de installatie en het onderhoud van sanitair, verwarmingssystemen, airconditioning en warmtepompen. Dit omvat alles van badkamerrenovaties tot complete energiezuinige oplossingen."},
{
id: "2",
title: "Zijn jullie actief in heel België?",
content: "Onze primaire focus ligt op Denderleeuw en de bredere regio. Voor grotere projecten kunnen wij ook buiten deze regio werken. Neem contact op om de mogelijkheden te bespreken.",
},
id: "2", title: "Zijn jullie actief in heel België?", content: "Onze primaire focus ligt op Denderleeuw en de bredere regio. Voor grotere projecten kunnen wij ook buiten deze regio werken. Neem contact op om de mogelijkheden te bespreken."},
{
id: "3",
title: "Hoe vraag ik een offerte aan?",
content: "U kunt eenvoudig een offerte aanvragen via ons contactformulier, per e-mail of telefonisch. Wij komen graag ter plaatse om uw project te bespreken en een gedetailleerde, vrijblijvende offerte op te maken.",
},
id: "3", title: "Hoe vraag ik een offerte aan?", content: "U kunt eenvoudig een offerte aanvragen via ons contactformulier, per e-mail of telefonisch. Wij komen graag ter plaatse om uw project te bespreken en een gedetailleerde, vrijblijvende offerte op te maken."},
{
id: "4",
title: "Bieden jullie garantie op installaties?",
content: "Jazeker, wij staan achter de kwaliteit van ons werk. Op al onze installaties gelden de wettelijke garantietermijnen, en in veel gevallen bieden wij zelfs een uitgebreidere garantie op materialen en werkuren. Details vindt u in uw offerte.",
},
id: "4", title: "Bieden jullie garantie op installaties?", content: "Jazeker, wij staan achter de kwaliteit van ons werk. Op al onze installaties gelden de wettelijke garantietermijnen, en in veel gevallen bieden wij zelfs een uitgebreidere garantie op materialen en werkuren. Details vindt u in uw offerte."},
{
id: "5",
title: "Doen jullie ook aan onderhoud?",
content: "Absoluut! Naast installatie bieden wij ook professioneel onderhoud voor uw sanitair, verwarmingssystemen en airco-installaties. Regelmatig onderhoud verlengt de levensduur van uw systemen en garandeert een optimale werking.",
},
id: "5", title: "Doen jullie ook aan onderhoud?", content: "Absoluut! Naast installatie bieden wij ook professioneel onderhoud voor uw sanitair, verwarmingssystemen en airco-installaties. Regelmatig onderhoud verlengt de levensduur van uw systemen en garandeert een optimale werking."},
]}
title="Antwoorden op Uw Vragen"
description="Vind snel antwoorden op de meest gestelde vragen over onze diensten, werkwijze, garanties en service. Staat uw vraag er niet tussen? Neem dan contact met ons op!"
@@ -406,18 +259,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
text="Neem vandaag nog contact met ons op voor een vrijblijvende offerte of advies op maat. Wij helpen u graag verder met al uw sanitair-, verwarming- of airco-projecten!"
buttons={[
{
text: "Bel Ons Nu",
href: "tel:+3253215287",
},
text: "Bel Ons Nu", href: "tel:+3253215287"},
{
text: "Stuur Een E-mail",
href: "mailto:info@vanderstraeten-sanitair-verwarming.be",
},
text: "Stuur Een E-mail", href: "mailto:info@vanderstraeten-sanitair-verwarming.be"},
]}
/>
</div>
@@ -429,62 +277,37 @@ export default function LandingPage() {
logoText="Vanderstraeten Sanitair-Verwarming"
columns={[
{
title: "Diensten",
items: [
title: "Diensten", items: [
{
label: "Sanitair",
href: "#features",
},
label: "Sanitair", href: "#features"},
{
label: "Verwarming",
href: "#features",
},
label: "Verwarming", href: "#features"},
{
label: "Airco & Warmtepompen",
href: "#features",
},
label: "Airco & Warmtepompen", href: "#features"},
{
label: "Onderhoud",
href: "#products",
},
label: "Onderhoud", href: "#products"},
],
},
{
title: "Bedrijf",
items: [
title: "Bedrijf", items: [
{
label: "Over Ons",
href: "#about",
},
label: "Over Ons", href: "#about"},
{
label: "Projecten",
href: "#products",
},
label: "Projecten", href: "#products"},
{
label: "Getuigenissen",
href: "#testimonials",
},
label: "Getuigenissen", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacybeleid",
href: "#",
},
label: "Privacybeleid", href: "#"},
{
label: "Algemene Voorwaarden",
href: "#",
},
label: "Algemene Voorwaarden", href: "#"},
],
},
]}