bender/0ed6f549-249f-41a7-adb1-0bba309afdfd
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-03-25 23:55:43 +00:00
parent 0322b23ea9
commit 6b62ffb71c
1 changed files with 43 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/app/page.tsx
View File

@@ -30,35 +30,24 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
href: "#home",
name: "Home", id: "home"
},
{
name: "Over Ons",
id: "about",
href: "#about",
name: "Over Ons", id: "about"
},
{
name: "Diensten",
id: "services",
href: "#services",
name: "Diensten", id: "services"
},
{
name: "Reviews",
id: "reviews",
href: "#reviews",
name: "Reviews", id: "reviews"
},
{
name: "Contact & FAQ",
id: "contact",
href: "#contact",
},
name: "Contact & FAQ", id: "contact"
}
]}
brandName="Verbouwteam"
button={{
text: "Vraag offerte aan",
href: "#contact",
text: "Vraag offerte aan", href: "#contact"
}}
/>
</div>
@@ -66,48 +55,40 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
variant: "plain"
}}
title="Uw Droomhuis Realiseren: Totaalontzorging door Verbouwteam"
description="Vanaf de eerste bezichtiging tot de laatste afwerking: Verbouwteam, onder leiding van Tom Koopmanschap, ontzorgt u volledig. Persoonlijk contact en uitmuntend vakmanschap voor elke verbouwing."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg?_wi=1",
imageAlt: "Modern gerenoveerde woonkamer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg", imageAlt: "Modern gerenoveerde woonkamer"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/living-room-cute-style_1150-18011.jpg",
imageAlt: "Gerenoveerde zolder met dakkapel",
imageSrc: "http://img.b2bpic.net/free-photo/living-room-cute-style_1150-18011.jpg", imageAlt: "Gerenoveerde zolder met dakkapel"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg",
imageAlt: "Luxe gerenoveerde badkamer",
},
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg", imageAlt: "Luxe gerenoveerde badkamer"
}
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-long-curly-hair-flying-air-sitting-floor-nice-wardrobe-dressing-room-lot-shoes-around-her-showing-peace-wearing-elegant-black-dress-silver-shoes_197531-1716.jpg",
imageAlt: "Maatwerk inloopkast",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-long-curly-hair-flying-air-sitting-floor-nice-wardrobe-dressing-room-lot-shoes-around-her-showing-peace-wearing-elegant-black-dress-silver-shoes_197531-1716.jpg", imageAlt: "Maatwerk inloopkast"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/messy-desk-office_23-2147668766.jpg",
imageAlt: "Moderne keuken renovatie",
imageSrc: "http://img.b2bpic.net/free-photo/messy-desk-office_23-2147668766.jpg", imageAlt: "Moderne keuken renovatie"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg?_wi=2",
imageAlt: "Detail van gerenoveerde woonkamer",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-color-palette_23-2148819842.jpg", imageAlt: "Detail van gerenoveerde woonkamer"
}
]}
tag="Verbouwteam"
buttons={[
{
text: "Ontdek Onze Projecten",
href: "#services",
text: "Ontdek Onze Projecten", href: "#services"
},
{
text: "Vraag een Vrijblijvende Offerte Aan",
href: "#contact",
},
text: "Vraag een Vrijblijvende Offerte Aan", href: "#contact"
}
]}
carouselPosition="right"
/>
@@ -120,21 +101,18 @@ export default function LandingPage() {
metrics={[
{
icon: Sparkles,
label: "Jaren Ervaring",
value: "15+",
label: "Jaren Ervaring", value: "15+"
},
{
icon: Users,
label: "Tevreden Klanten",
value: "200+",
label: "Tevreden Klanten", value: "200+"
},
{
icon: CheckCircle,
label: "Opgeleverde Projecten",
value: "150+",
},
label: "Opgeleverde Projecten", value: "150+"
}
]}
metricsAnimation="entrance-slide"
metricsAnimation="slide-up"
/>
</div>
@@ -145,32 +123,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "totaalontzorging",
title: "Totaalontzorging van A tot Z",
description: "Vanaf de allereerste bezichtiging denken we proactief mee. Wij begeleiden u zorgeloos van concept tot realisatie, met aandacht voor elk detail en heldere communicatie.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-male-architect-working-blueprint_23-2147839902.jpg",
id: "totaalontzorging", title: "Totaalontzorging van A tot Z", description: "Vanaf de allereerste bezichtiging denken we proactief mee. Wij begeleiden u zorgeloos van concept tot realisatie, met aandacht voor elk detail en heldere communicatie.", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-male-architect-working-blueprint_23-2147839902.jpg"
},
{
id: "vakmanschap-maatwerk",
title: "Uitmuntend Vakmanschap & Maatwerk",
description: "Experts in dakkapellen, zolderrenovaties, badkamers en uniek timmerwerk zoals inloopkasten en bureaus. Kwaliteit en precisie zijn onze standaard.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg",
id: "vakmanschap-maatwerk", title: "Uitmuntend Vakmanschap & Maatwerk", description: "Experts in dakkapellen, zolderrenovaties, badkamers en uniek timmerwerk zoals inloopkasten en bureaus. Kwaliteit en precisie zijn onze standaard.", imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg"
},
{
id: "transparantie",
title: "Volledige Transparantie",
description: "Duidelijke begrotingen, eerlijk advies over financiële keuzes en heldere communicatie gedurende het gehele project. Geen verborgen kosten of verrassingen.",
imageSrc: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-thinking-work-task_23-2148180692.jpg",
id: "transparantie", title: "Volledige Transparantie", description: "Duidelijke begrotingen, eerlijk advies over financiële keuzes en heldere communicatie gedurende het gehele project. Geen verborgen kosten of verrassingen.", imageSrc: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-thinking-work-task_23-2148180692.jpg"
},
{
id: "tom-effect",
title: "Het 'Tom-Effect': Betrouwbaar en Proactief",
description: "Tom Koopmanschap staat bekend om zijn betrouwbaarheid en proactieve aanpak. Afspraken worden altijd nagekomen, een verademing voor elke klant die een zorgeloze verbouwing zoekt.",
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12774.jpg",
},
id: "tom-effect", title: "Het 'Tom-Effect': Betrouwbaar en Proactief", description: "Tom Koopmanschap staat bekend om zijn betrouwbaarheid en proactieve aanpak. Afspraken worden altijd nagekomen, een verademing voor elke klant die een zorgeloze verbouwing zoekt.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12774.jpg"
}
]}
title="Onze Kernwaarden & Expertise"
description="Bij Verbouwteam draait alles om vakmanschap, transparantie en persoonlijke begeleiding. Wij leveren maatwerk voor elke ruimte en elk budget."
animationType="slide-up"
/>
</div>
@@ -180,45 +147,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mevrouw Jansen",
date: "2 weken geleden",
title: "Dakkapel & Zolder: Boven Verwachting!",
quote: "Tom en zijn team hebben een prachtige dakkapel geplaatst en onze zolder omgetoverd tot een volwaardige slaapkamer. De communicatie was super en alles volgens afspraak!",
tag: "Zolderrenovatie",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-glasses-showing-thumb-up-support-approve-agree-nod-satisfied-like-something-praise-great-choiceon-white_176420-39827.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg",
id: "1", name: "Mevrouw Jansen", date: "2 weken geleden", title: "Dakkapel & Zolder: Boven Verwachting!", quote: "Tom en zijn team hebben een prachtige dakkapel geplaatst en onze zolder omgetoverd tot een volwaardige slaapkamer. De communicatie was super en alles volgens afspraak!", tag: "Zolderrenovatie", avatarSrc: "http://img.b2bpic.net/free-photo/woman-glasses-showing-thumb-up-support-approve-agree-nod-satisfied-like-something-praise-great-choiceon-white_176420-39827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11383.jpg"
},
{
id: "2",
name: "De heer Bakker",
date: "1 maand geleden",
title: "Perfecte Badkamer Make-over",
quote: "Onze badkamer is exact zoals we hoopten, zelfs beter! Tom dacht echt mee vanaf het begin en zorgde voor een transparante aanpak. Een echte aanrader.",
tag: "Badkamer",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/shower-box_1203-3381.jpg",
id: "2", name: "De heer Bakker", date: "1 maand geleden", title: "Perfecte Badkamer Make-over", quote: "Onze badkamer is exact zoals we hoopten, zelfs beter! Tom dacht echt mee vanaf het begin en zorgde voor een transparante aanpak. Een echte aanrader.", tag: "Badkamer", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-man-shirt-tie-adjusting-his-necktie_93675-135586.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shower-box_1203-3381.jpg"
},
{
id: "3",
name: "Familie De Vries",
date: "2 maanden geleden",
title: "Maatwerk Inloopkast van Droom tot Realiteit",
quote: "We wilden een unieke inloopkast en Verbouwteam heeft onze visie perfect gerealiseerd. Het vakmanschap is ongeëvenaard en de persoonlijke service maakt het verschil.",
tag: "Maatwerk",
avatarSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking-papers_23-2147668756.jpg",
id: "3", name: "Familie De Vries", date: "2 maanden geleden", title: "Maatwerk Inloopkast van Droom tot Realiteit", quote: "We wilden een unieke inloopkast en Verbouwteam heeft onze visie perfect gerealiseerd. Het vakmanschap is ongeëvenaard en de persoonlijke service maakt het verschil.", tag: "Maatwerk", avatarSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking-papers_23-2147668756.jpg"
},
{
id: "4",
name: "Mevrouw Kok",
date: "3 maanden geleden",
title: "Deskundig Advies en Geweldig Resultaat",
quote: "Tom Koopmanschap is een verademing. Hij kijkt echt mee en geeft eerlijk advies. Onze keukenverbouwing is vlekkeloos verlopen en het resultaat is prachtig.",
tag: "Keuken",
avatarSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-cooking-vegetables-while-her-husband-opening-refrigerator-door_23-2147904442.jpg",
},
id: "4", name: "Mevrouw Kok", date: "3 maanden geleden", title: "Deskundig Advies en Geweldig Resultaat", quote: "Tom Koopmanschap is een verademing. Hij kijkt echt mee en geeft eerlijk advies. Onze keukenverbouwing is vlekkeloos verlopen en het resultaat is prachtig.", tag: "Keuken", avatarSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-cooking-vegetables-while-her-husband-opening-refrigerator-door_23-2147904442.jpg"
}
]}
title="Wat onze Klanten Zeggen"
description="De ervaringen van onze klanten onderstrepen de kracht van persoonlijk contact en uitmuntend vakmanschap bij elke verbouwing. Lees hun verhalen."
@@ -230,28 +169,22 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Hoe begint een project bij Verbouwteam?",
content: "Het begint met een persoonlijke bezichtiging. Tom kijkt met u mee en bespreekt direct de mogelijkheden en eerste schetsen, zodat u precies weet waar u aan toe bent. Neem vrijblijvend contact op.",
id: "1", title: "Hoe begint een project bij Verbouwteam?", content: "Het begint met een persoonlijke bezichtiging. Tom kijkt met u mee en bespreekt direct de mogelijkheden en eerste schetsen, zodat u precies weet waar u aan toe bent. Neem vrijblijvend contact op."
},
{
id: "2",
title: "Welke diensten biedt Verbouwteam aan?",
content: "Wij zijn gespecialiseerd in dakkapellen, zolderrenovaties, badkamerverbouwingen en divers maatwerk timmerwerk, zoals inloopkasten en bureaus. Wij bieden totaaloplossingen voor uw woning.",
id: "2", title: "Welke diensten biedt Verbouwteam aan?", content: "Wij zijn gespecialiseerd in dakkapellen, zolderrenovaties, badkamerverbouwingen en divers maatwerk timmerwerk, zoals inloopkasten en bureaus. Wij bieden totaaloplossingen voor uw woning."
},
{
id: "3",
title: "Hoe zit het met de kosten en planning?",
content: "Transparantie is cruciaal. U ontvangt een duidelijke begroting en een realistische planning, zonder verborgen kosten. Wij communiceren open over alle financiële en logistieke aspecten gedurende het gehele project.",
},
id: "3", title: "Hoe zit het met de kosten en planning?", content: "Transparantie is cruciaal. U ontvangt een duidelijke begroting en een realistische planning, zonder verborgen kosten. Wij communiceren open over alle financiële en logistieke aspecten gedurende het gehele project."
}
]}
ctaTitle="Klaar om uw Droomhuis te Realiseren?"
ctaDescription="Neem contact op met Tom Koopmanschap voor een vrijblijvende bezichtiging en advies op maat. Wij helpen u graag verder met uw verbouwplannen."
ctaButton={{
text: "Start uw Project",
href: "mailto:info@verbouwteam.nl",
text: "Start uw Project", href: "mailto:info@verbouwteam.nl"
}}
ctaIcon={Phone}
animationType="slide-up"
/>
</div>
@@ -259,12 +192,10 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Verbouwteam"
leftLink={{
text: "Privacybeleid",
href: "#",
text: "Privacybeleid", href: "#"
}}
rightLink={{
text: "Algemene Voorwaarden",
href: "#",
text: "Algemene Voorwaarden", href: "#"
}}
/>
</div>