bender/49ea22aa-e317-42f4-be19-2a49aea9382a
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-15 12:27:49 +00:00
parent 10586d9b5d
commit 95e43c2547
1 changed files with 44 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -31,123 +31,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Over ons",
id: "about",
},
{
name: "Diensten",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Over ons", id: "about" },
{ name: "Diensten", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="JWbouw Zwolle"
button={{ text: "Offerte aanvragen", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Uw partner in vakmanschap en verbouw."
description="JWbouw Zwolle staat voor kwaliteit, betrouwbaarheid en een nette afwerking. Of het nu gaat om een complete zolderverbouwing, nieuwe trappen of vakkundig timmerwerk, wij realiseren uw woonwensen."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-middle-aged-carpenter-with-wood-plank-tools-standing-his-woodworking-workshop_342744-821.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-polishes-wooden-furniture-with-sander-workshop_23-2147944835.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-professional-precision-drilling-tool_169016-52896.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/worker-sticking-nail-into-wooden-plank_329181-15646.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-middle-aged-carpenter-with-wood-plank-tools-standing-his-woodworking-workshop_342744-821.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-polishes-wooden-furniture-with-sander-workshop_23-2147944835.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-professional-precision-drilling-tool_169016-52896.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-sticking-nail-into-wooden-plank_329181-15646.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" }
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283219.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-s-hand-making-measurement-wooden-block_23-2147944869.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451028.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15649.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-takes-picture-blue-window-her-phone_8353-1329.jpg",
imageAlt: "bouwbedrijf renovatie vakmanschap",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283219.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-s-hand-making-measurement-wooden-block_23-2147944869.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451028.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15649.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" },
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-takes-picture-blue-window-her-phone_8353-1329.jpg", imageAlt: "bouwbedrijf renovatie vakmanschap" }
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/creative-carpenter-checking-smoothness-wood-material_342744-805.jpg",
alt: "Creative carpenter checking smoothness of wood material",
},
{
src: "http://img.b2bpic.net/free-photo/male-carpenter-smoothing-wooden-surface-sand-paper_23-2147945060.jpg",
alt: "A male carpenter smoothing wooden surface on sand paper",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15656.jpg",
alt: "Close up on experienced carpenter and his younger employee",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898058.jpg",
alt: "Man working with wood in workshop",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15667.jpg",
alt: "Close up on experienced carpenter and his younger employee",
},
{ src: "http://img.b2bpic.net/free-photo/creative-carpenter-checking-smoothness-wood-material_342744-805.jpg", alt: "Creative carpenter checking smoothness of wood material" },
{ src: "http://img.b2bpic.net/free-photo/male-carpenter-smoothing-wooden-surface-sand-paper_23-2147945060.jpg", alt: "A male carpenter smoothing wooden surface on sand paper" },
{ src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15656.jpg", alt: "Close up on experienced carpenter and his younger employee" },
{ src: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898058.jpg", alt: "Man working with wood in workshop" },
{ src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15667.jpg", alt: "Close up on experienced carpenter and his younger employee" }
]}
avatarText="Ons team van vakmannen"
marqueeItems={[
{
type: "text",
text: "Kwaliteit",
},
{
type: "text",
text: "Vakmanschap",
},
{
type: "text",
text: "Betrouwbaar",
},
{
type: "text",
text: "Eerlijk advies",
},
{
type: "text",
text: "Zwolle",
},
]}
marqueeItems={[{ type: "text", text: "Kwaliteit" }, { type: "text", text: "Vakmanschap" }, { type: "text", text: "Betrouwbaar" }, { type: "text", text: "Eerlijk advies" }, { type: "text", text: "Zwolle" }]}
/>
</div>
@@ -159,18 +80,9 @@ export default function LandingPage() {
title="Eerlijk advies, topresultaat."
description="Met jarenlange ervaring in de bouw en renovatiesector staat JWbouw garant voor een zorgeloos proces. Wij denken met u mee, adviseren over de beste materialen en leveren elk project netjes en op tijd af."
bulletPoints={[
{
title: "Vakmanschap",
description: "Wij werken uitsluitend met de beste materialen en technieken.",
},
{
title: "Betrouwbaar",
description: "Afspraak is afspraak, geen verrassingen achteraf.",
},
{
title: "Betaalbaar",
description: "Topkwaliteit voor een eerlijke en concurrerende prijs.",
},
{ title: "Vakmanschap", description: "Wij werken uitsluitend met de beste materialen en technieken." },
{ title: "Betrouwbaar", description: "Afspraak is afspraak, geen verrassingen achteraf." },
{ title: "Betaalbaar", description: "Topkwaliteit voor een eerlijke en concurrerende prijs." }
]}
imageSrc="http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1723.jpg"
mediaAnimation="slide-up"
@@ -183,21 +95,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Dakkapellen",
description: "Vergroot uw ruimte en lichtinval vakkundig.",
icon: Home,
},
{
title: "Zolderverbouwing",
description: "Complete renovatie inclusief stuc- en schilderwerk.",
icon: Wrench,
},
{
title: "Traprenovatie",
description: "Prachtige trappen van de begane grond tot zolder.",
icon: ArrowUp,
},
{ title: "Dakkapellen", description: "Vergroot uw ruimte en lichtinval vakkundig.", icon: Home },
{ title: "Zolderverbouwing", description: "Complete renovatie inclusief stuc- en schilderwerk.", icon: Wrench },
{ title: "Traprenovatie", description: "Prachtige trappen van de begane grond tot zolder.", icon: ArrowUp }
]}
title="Onze Specialisaties"
description="Van dakkapellen tot volledige traprenovaties."
@@ -210,30 +110,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "4,9",
title: "Reviewscore",
items: [
"Gebaseerd op 7 reviews",
],
},
{
id: "2",
value: "100%",
title: "Tevreden klanten",
items: [
"Geen verrassingen",
],
},
{
id: "3",
value: "15+",
title: "Jaar ervaring",
items: [
"Vakmanschap gegarandeerd",
],
},
{ id: "1", value: "4,9", title: "Reviewscore", items: ["Gebaseerd op 7 reviews"] },
{ id: "2", value: "100%", title: "Tevreden klanten", items: ["Geen verrassingen"] },
{ id: "3", value: "15+", title: "Jaar ervaring", items: ["Vakmanschap gegarandeerd"] }
]}
title="Bouw in cijfers"
description="Onze ervaring en klanttevredenheid spreekt voor zich."
@@ -245,46 +124,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Dakkapel & Zolder",
quote: "Prima werk geleverd, op tijd en netjes afgewerkt voor een prima prijs.",
name: "Rogier Cappon",
role: "Klant",
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg",
},
{
id: "2",
title: "Trappen",
quote: "Jan heeft ons beter geholpen dan ik gewild zou hebben, een prachtige trap!",
name: "Jan Joost",
role: "Klant",
imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg",
},
{
id: "3",
title: "Professioneel",
quote: "Zeer professioneel voor betaalbare prijs. Tevens goed advies.",
name: "Suzanne Drees",
role: "Klant",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233783.jpg",
},
{
id: "4",
title: "Top service",
quote: "Ik zou Jan aan Jan en alleman adviseren top gozer!",
name: "Klant",
role: "Bouw",
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
},
{
id: "5",
title: "Samenwerking",
quote: "Een goede en gezellige samenwerking!!",
name: "Klant",
role: "Bouw",
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg",
},
{ id: "1", title: "Dakkapel & Zolder", quote: "Prima werk geleverd, op tijd en netjes afgewerkt voor een prima prijs.", name: "Rogier Cappon", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg" },
{ id: "2", title: "Trappen", quote: "Jan heeft ons beter geholpen dan ik gewild zou hebben, een prachtige trap!", name: "Jan Joost", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/male-coworkers-office-with-lunch_273609-6313.jpg" },
{ id: "3", title: "Professioneel", quote: "Zeer professioneel voor betaalbare prijs. Tevens goed advies.", name: "Suzanne Drees", role: "Klant", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233783.jpg" },
{ id: "4", title: "Top service", quote: "Ik zou Jan aan Jan en alleman adviseren top gozer!", name: "Klant", role: "Bouw", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
{ id: "5", title: "Samenwerking", quote: "Een goede en gezellige samenwerking!!", name: "Klant", role: "Bouw", imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg" }
]}
title="Wat klanten zeggen"
description="Lees de ervaringen van onze tevreden klanten."
@@ -296,21 +140,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Hoe kan ik contact opnemen?",
content: "U kunt ons bellen op 06 51069198 of een bericht sturen via onze website.",
},
{
id: "q2",
title: "Waar is JWbouw gevestigd?",
content: "Wij zijn gevestigd aan de Lichtmisweg 4 in Zwolle.",
},
{
id: "q3",
title: "Werken jullie ook buiten Zwolle?",
content: "Ja, wij werken in de regio Zwolle. Neem contact op voor de mogelijkheden.",
},
{ id: "q1", title: "Hoe kan ik contact opnemen?", content: "U kunt ons bellen op 06 51069198 of een bericht sturen via onze website." },
{ id: "q2", title: "Waar is JWbouw gevestigd?", content: "Wij zijn gevestigd aan de Lichtmisweg 4 in Zwolle." },
{ id: "q3", title: "Werken jullie ook buiten Zwolle?", content: "Ja, wij werken in de regio Zwolle. Neem contact op voor de mogelijkheden." }
]}
title="Veelgestelde vragen"
description="Hieronder vindt u de meest gestelde vragen."
@@ -321,40 +153,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Klaar om uw bouwplannen te realiseren? Neem vandaag nog contact met ons op voor een vrijblijvend adviesgesprek."
buttons={[
{
text: "Bel 06 51069198",
href: "tel:0651069198",
},
]}
buttons={[{ text: "Bel 06 51069198", href: "tel:0651069198" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Locatie",
items: [
{
label: "Lichtmisweg 4, 8035 PL Zwolle",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "06 51069198",
href: "tel:0651069198",
},
],
},
{ title: "Locatie", items: [{ label: "Lichtmisweg 4, 8035 PL Zwolle", href: "#" }] },
{ title: "Contact", items: [{ label: "06 51069198", href: "tel:0651069198" }] }
]}
logoText="JWbouw Zwolle"
copyrightText="© 2025 JWbouw Zwolle"
@@ -363,4 +172,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}