bender/39314b40-df8b-46d2-936f-017bf2c94b67
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-06-10 17:09:58 +00:00
parent 5b0a28b888
commit 75fae2135d
1 changed files with 70 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/app/page.tsx
View File

@@ -32,38 +32,22 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Over Ons", name: "Over Ons", id: "#about"},
id: "#about",
},
{ {
name: "Diensten", name: "Diensten", id: "#services"},
id: "#services",
},
{ {
name: "Projecten", name: "Projecten", id: "#projects"},
id: "#projects",
},
{ {
name: "Reviews", name: "Reviews", id: "#reviews"},
id: "#reviews",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
button={{ button={{
text: "Offerte aanvragen", text: "Offerte aanvragen", href: "#contact"}}
href: "#contact",
}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=he6s6i" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=he6s6i"
logoAlt="Tuinwerken Blanpain Logo" logoAlt="Tuinwerken Blanpain Logo"
brandName="Tuinwerken Blanpain" brandName="Tuinwerken Blanpain"
@@ -73,38 +57,19 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Prachtige tuinen, vakkundig aangelegd en onderhouden" title="Prachtige tuinen, vakkundig aangelegd en onderhouden"
description="Tuinwerken Blanpain transformeert uw buitenruimte in een groene oase. Van ontwerp tot onderhoud—alles uit één hand." description="Tuinwerken Blanpain transformeert uw buitenruimte in een groene oase. Van ontwerp tot onderhoud—alles uit één hand."
tag="Uw Groene Oase Start Hier" tag="Uw Groene Oase Start Hier"
buttons={[ buttons={[
{ {
text: "Offerte aanvragen", text: "Offerte aanvragen", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698450.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698450.jpg", imageAlt: "Lush garden design by Tuinwerken Blanpain"},
imageAlt: "Lush garden design by Tuinwerken Blanpain",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg", imageAlt: "Professional garden maintenance service"},
imageAlt: "Professional garden maintenance service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
imageAlt: "Happy attractive male gardener in glasses posing while trimming bush with electric hedge clippers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg",
imageAlt: "Professional gardener trimming hedge in the yard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brunet-handyman-protective-shield-standing-with-cordless-chain-saw-while-working-backyard_7502-10173.jpg",
imageAlt: "Brunet handyman in protective shield standing with cordless chain saw while working in backyard",
},
]} ]}
mediaAnimation="opacity" mediaAnimation="opacity"
rating={5} rating={5}
@@ -119,17 +84,11 @@ export default function LandingPage() {
description="Met jarenlange ervaring en een passie voor groen, creëert en onderhoudt Tuinwerken Blanpain adembenemende buitenruimtes. Wij staan voor vakmanschap, duurzaamheid en een persoonlijke aanpak, van concept tot realisatie." description="Met jarenlange ervaring en een passie voor groen, creëert en onderhoudt Tuinwerken Blanpain adembenemende buitenruimtes. Wij staan voor vakmanschap, duurzaamheid en een persoonlijke aanpak, van concept tot realisatie."
metrics={[ metrics={[
{ {
value: "15+", value: "15+", title: "Jaren Ervaring"},
title: "Jaren Ervaring",
},
{ {
value: "200+", value: "200+", title: "Succesvolle Projecten"},
title: "Succesvolle Projecten",
},
{ {
value: "100%", value: "100%", title: "Klanttevredenheid"},
title: "Klanttevredenheid",
},
]} ]}
tag="Wie Wij Zijn" tag="Wie Wij Zijn"
imageSrc="http://img.b2bpic.net/free-photo/person-s-hand-pruning-plant-leaves-with-pruner-wooden-bench_23-2148044538.jpg" imageSrc="http://img.b2bpic.net/free-photo/person-s-hand-pruning-plant-leaves-with-pruner-wooden-bench_23-2148044538.jpg"
@@ -146,46 +105,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Tuinontwerp & Advies", title: "Tuinontwerp & Advies", description: "Samen met u creëren we een uniek ontwerp dat perfect aansluit bij uw wensen en de omgeving van uw woning.", phoneOne: {
description: "Samen met u creëren we een uniek ontwerp dat perfect aansluit bij uw wensen en de omgeving van uw woning.", imageSrc: "http://img.b2bpic.net/free-photo/plant-blogger-filming-video-herself-planting_53876-132344.jpg", imageAlt: "3D garden design rendering"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/plant-blogger-filming-video-herself-planting_53876-132344.jpg",
imageAlt: "3D garden design rendering",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg", imageAlt: "Hand-drawn garden sketch"},
imageAlt: "Hand-drawn garden sketch",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=he6s6i",
imageAlt: "3d garden design software green",
}, },
{ {
title: "Tuinaanleg & Realisatie", title: "Tuinaanleg & Realisatie", description: "Van grondwerk tot beplanting, wij zorgen voor een vakkundige aanleg van uw droomtuin met oog voor detail en kwaliteit.", phoneOne: {
description: "Van grondwerk tot beplanting, wij zorgen voor een vakkundige aanleg van uw droomtuin met oog voor detail en kwaliteit.", imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg", imageAlt: "Landscapers installing new plants"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/trowels-near-fence_23-2147714873.jpg",
imageAlt: "Landscapers installing new plants",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg", imageSrc: "http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg", imageAlt: "Gardener working with soil"},
imageAlt: "Gardener working with soil",
},
imageSrc: "http://img.b2bpic.net/free-photo/rural-patio-with-furniture-vegetation_23-2150698450.jpg?_wi=2",
imageAlt: "3d garden design software green",
}, },
{ {
title: "Tuinonderhoud & Verzorging", title: "Tuinonderhoud & Verzorging", description: "Regelmatig of seizoensgebonden onderhoud, wij houden uw tuin in topconditie zodat u zorgeloos kunt genieten.", phoneOne: {
description: "Regelmatig of seizoensgebonden onderhoud, wij houden uw tuin in topconditie zodat u zorgeloos kunt genieten.", imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg", imageAlt: "Gardener pruning a hedge"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
imageAlt: "Gardener pruning a hedge",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", imageAlt: "Gardener watering plants"},
imageAlt: "Gardener watering plants",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers-focus-plant_176420-2078.jpg?_wi=2",
imageAlt: "3d garden design software green",
}, },
]} ]}
showStepNumbers={false} showStepNumbers={false}
@@ -203,65 +138,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", brand: "Residentieel", name: "Stijlvolle Terrastuin", price: "Op aanvraag", rating: 5,
brand: "Residentieel", reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg", imageAlt: "Modern patio garden design"},
name: "Stijlvolle Terrastuin",
price: "Op aanvraag",
rating: 5,
reviewCount: "12 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198591.jpg",
imageAlt: "Modern patio garden design",
},
{ {
id: "2", id: "2", brand: "Residentieel", name: "Uitnodigende Voortuin", price: "Op aanvraag", rating: 5,
brand: "Residentieel", reviewCount: "8 reviews", imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3416.jpg", imageAlt: "Beautiful front yard landscaping"},
name: "Uitnodigende Voortuin",
price: "Op aanvraag",
rating: 5,
reviewCount: "8 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3416.jpg",
imageAlt: "Beautiful front yard landscaping",
},
{ {
id: "3", id: "3", brand: "Speciaal", name: "Rustgevende Waterpartij", price: "Op aanvraag", rating: 5,
brand: "Speciaal", reviewCount: "5 reviews", imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748282.jpg", imageAlt: "Garden with a small waterfall feature"},
name: "Rustgevende Waterpartij",
price: "Op aanvraag",
rating: 5,
reviewCount: "5 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/view-tank-container-water-storage_23-2151748282.jpg",
imageAlt: "Garden with a small waterfall feature",
},
{ {
id: "4", id: "4", brand: "Duurzaam", name: "Biologische Moestuin", price: "Op aanvraag", rating: 5,
brand: "Duurzaam", reviewCount: "7 reviews", imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg", imageAlt: "Raised bed organic vegetable garden"},
name: "Biologische Moestuin",
price: "Op aanvraag",
rating: 5,
reviewCount: "7 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/germination-microgreens-germination-seeds-home_169016-35129.jpg",
imageAlt: "Raised bed organic vegetable garden",
},
{ {
id: "5", id: "5", brand: "Onderhoudsarm", name: "Mediterrane Rotstuin", price: "Op aanvraag", rating: 5,
brand: "Onderhoudsarm", reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-podium_23-2151195089.jpg", imageAlt: "Xeriscape rock garden"},
name: "Mediterrane Rotstuin",
price: "Op aanvraag",
rating: 5,
reviewCount: "10 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-podium_23-2151195089.jpg",
imageAlt: "Xeriscape rock garden",
},
{ {
id: "6", id: "6", brand: "Sfeervol", name: "Tuinverlichting Design", price: "Op aanvraag", rating: 5,
brand: "Sfeervol", reviewCount: "6 reviews", imageSrc: "http://img.b2bpic.net/free-photo/how-is-rich-people-have-supper-prepared-desk-waiting-food-visitors-evening-time_146671-14412.jpg", imageAlt: "Garden with evening lighting"},
name: "Tuinverlichting Design",
price: "Op aanvraag",
rating: 5,
reviewCount: "6 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/how-is-rich-people-have-supper-prepared-desk-waiting-food-visitors-evening-time_146671-14412.jpg",
imageAlt: "Garden with evening lighting",
},
]} ]}
title="Realiseer Uw Droomtuin" title="Realiseer Uw Droomtuin"
description="Blader door onze portfolio van afgeronde projecten en laat u inspireren voor uw eigen buitenruimte." description="Blader door onze portfolio van afgeronde projecten en laat u inspireren voor uw eigen buitenruimte."
@@ -274,14 +167,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Gemeente Groen", "Gemeente Groen", "Woningbouw nv", "Park Beheer", "Villa Lux", "Eco Tuinen Bv", "Regio Vastgoed", "Stadsparken"]}
"Woningbouw nv",
"Park Beheer",
"Villa Lux",
"Eco Tuinen Bv",
"Regio Vastgoed",
"Stadsparken",
]}
title="Partners en Tevreden Klanten" title="Partners en Tevreden Klanten"
description="Wij werken samen met toonaangevende leveranciers en hebben een brede klantenkring opgebouwd in de regio." description="Wij werken samen met toonaangevende leveranciers en hebben een brede klantenkring opgebouwd in de regio."
tag="Samen Sterk" tag="Samen Sterk"
@@ -295,64 +181,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Mevr. E. Janssens", role: "Huisvrouw", company: "Lokale inwoner", rating: 5,
name: "Mevr. E. Janssens", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", imageAlt: "Happy senior woman in her garden"},
role: "Huisvrouw",
company: "Lokale inwoner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
imageAlt: "Happy senior woman in her garden",
},
{ {
id: "2", id: "2", name: "Dhr. K. De Clercq", role: "Vastgoedbeheerder", company: "De Clercq Vastgoed", rating: 5,
name: "Dhr. K. De Clercq", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-smiling-sitting-grass-garden_176420-19940.jpg", imageAlt: "Smiling man in a garden setting"},
role: "Vastgoedbeheerder",
company: "De Clercq Vastgoed",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-male-gardener-smiling-sitting-grass-garden_176420-19940.jpg",
imageAlt: "Smiling man in a garden setting",
},
{ {
id: "3", id: "3", name: "Fam. Van den Berg", role: "Huisbazen", company: "Privé woning", rating: 5,
name: "Fam. Van den Berg", imageSrc: "http://img.b2bpic.net/free-photo/sweethearts-having-rest-picnic-glade_23-2148179191.jpg", imageAlt: "Young couple enjoying their garden"},
role: "Huisbazen",
company: "Privé woning",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sweethearts-having-rest-picnic-glade_23-2148179191.jpg",
imageAlt: "Young couple enjoying their garden",
},
{ {
id: "4", id: "4", name: "Mevr. S. Dubois", role: "Directrice", company: "Green Living B&B", rating: 5,
name: "Mevr. S. Dubois", imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-decorating-home_23-2150633326.jpg", imageAlt: "Woman looking at her garden with satisfaction"},
role: "Directrice",
company: "Green Living B&B",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-decorating-home_23-2150633326.jpg",
imageAlt: "Woman looking at her garden with satisfaction",
},
{ {
id: "5", id: "5", name: "Dhr. J. Mertens", role: "Projectontwikkelaar", company: "Mertens Bouw", rating: 5,
name: "Dhr. J. Mertens", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-plant_23-2149098303.jpg", imageAlt: "Man looking at a green area"},
role: "Projectontwikkelaar",
company: "Mertens Bouw",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-plant_23-2149098303.jpg",
imageAlt: "Man looking at a green area",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "98%", value: "98%", label: "Klanttevredenheid"},
label: "Klanttevredenheid",
},
{ {
value: "15+", value: "15+", label: "Jaren Ervaring"},
label: "Jaren Ervaring",
},
{ {
value: "200+", value: "200+", label: "Projecten Succesvol"},
label: "Projecten Succesvol",
},
]} ]}
title="Wat Onze Klanten Zeggen" title="Wat Onze Klanten Zeggen"
description="Lees de ervaringen van onze tevreden klanten en ontdek waarom zij Tuinwerken Blanpain vertrouwen met hun buitenruimte." description="Lees de ervaringen van onze tevreden klanten en ontdek waarom zij Tuinwerken Blanpain vertrouwen met hun buitenruimte."
@@ -366,20 +216,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "Wat zijn de kosten voor tuinonderhoud?", content: "De kosten voor tuinonderhoud zijn afhankelijk van de grootte van uw tuin, de gewenste frequentie en de specifieke werkzaamheden. Wij bieden offertes op maat na een vrijblijvend eerste bezoek."},
title: "Wat zijn de kosten voor tuinonderhoud?",
content: "De kosten voor tuinonderhoud zijn afhankelijk van de grootte van uw tuin, de gewenste frequentie en de specifieke werkzaamheden. Wij bieden offertes op maat na een vrijblijvend eerste bezoek.",
},
{ {
id: "2", id: "2", title: "Kunt u ook een volledig nieuw tuinontwerp realiseren?", content: "Absoluut! Wij zijn gespecialiseerd in het creëren van complete tuinontwerpen, van concept tot gedetailleerde plannen, rekening houdend met uw persoonlijke stijl en budget."},
title: "Kunt u ook een volledig nieuw tuinontwerp realiseren?",
content: "Absoluut! Wij zijn gespecialiseerd in het creëren van complete tuinontwerpen, van concept tot gedetailleerde plannen, rekening houdend met uw persoonlijke stijl en budget.",
},
{ {
id: "3", id: "3", title: "Werkt Tuinwerken Blanpain ook voor bedrijven en vastgoedbeheerders?", content: "Jazeker, naast particulieren bedienen wij ook zakelijke klanten en vastgoedbeheerders met professionele tuin- en terreinverzorging, om zo een representatieve uitstraling te garanderen."},
title: "Werkt Tuinwerken Blanpain ook voor bedrijven en vastgoedbeheerders?",
content: "Jazeker, naast particulieren bedienen wij ook zakelijke klanten en vastgoedbeheerders met professionele tuin- en terreinverzorging, om zo een representatieve uitstraling te garanderen.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-notebook-with-gardening-elements_23-2147997161.jpg" imageSrc="http://img.b2bpic.net/free-photo/top-view-notebook-with-gardening-elements_23-2147997161.jpg"
imageAlt="Person holding a question mark near a plant" imageAlt="Person holding a question mark near a plant"
@@ -394,14 +235,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Klaar om uw droomtuin te realiseren? Neem vandaag nog contact met ons op voor een vrijblijvende offerte." text="Klaar om uw droomtuin te realiseren? Neem vandaag nog contact met ons op voor een vrijblijvende offerte."
buttons={[ buttons={[
{ {
text: "Vraag uw offerte aan", text: "Vraag uw offerte aan", href: "mailto:info@tuinwerkenblanpain.be"},
href: "mailto:info@tuinwerkenblanpain.be",
},
]} ]}
/> />
</div> </div>
@@ -410,66 +248,39 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Snelkoppelingen", title: "Snelkoppelingen", items: [
items: [
{ {
label: "Home", label: "Home", href: "#home"},
href: "#home",
},
{ {
label: "Diensten", label: "Diensten", href: "#services"},
href: "#services",
},
{ {
label: "Projecten", label: "Projecten", href: "#projects"},
href: "#projects",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Diensten", title: "Diensten", items: [
items: [
{ {
label: "Tuinontwerp", label: "Tuinontwerp", href: "#services"},
href: "#services",
},
{ {
label: "Tuinaanleg", label: "Tuinaanleg", href: "#services"},
href: "#services",
},
{ {
label: "Tuinonderhoud", label: "Tuinonderhoud", href: "#services"},
href: "#services",
},
{ {
label: "Bestrating", label: "Bestrating", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Info", title: "Info", items: [
items: [
{ {
label: "Over Ons", label: "Over Ons", href: "#about"},
href: "#about",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Algemene Voorwaarden", label: "Algemene Voorwaarden", href: "#"},
href: "#",
},
{ {
label: "Privacybeleid", label: "Privacybeleid", href: "#"},
href: "#",
},
], ],
}, },
]} ]}