Merge version_1 into main #2
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "#diensten",
|
||||
},
|
||||
name: "Diensten", id: "#diensten"},
|
||||
{
|
||||
name: "Realisaties",
|
||||
id: "#realisaties",
|
||||
},
|
||||
name: "Realisaties", id: "#realisaties"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Dakwerken Vanneuville"
|
||||
/>
|
||||
@@ -55,51 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Dakwerken Vanneuville Dennis BVBA"
|
||||
description="Uw lokale dakdekker in Nieuwpoort voor snelle herstellingen, renovaties en nieuwbouw. Vakmanschap en betrouwbaarheid op uw dak."
|
||||
buttons={[
|
||||
{
|
||||
text: "Gratis offerte aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Gratis offerte aanvragen", href: "#contact"},
|
||||
{
|
||||
text: "Bel nu",
|
||||
href: "tel:+32400000000",
|
||||
},
|
||||
text: "Bel nu", href: "tel:+32400000000"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg?_wi=1",
|
||||
imageAlt: "Dakwerken project 1",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "Dakwerken project 1"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
|
||||
imageAlt: "Dakwerken project 2",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "Dakwerken project 2"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
|
||||
imageAlt: "Dakwerken project 3",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg", imageAlt: "Dakwerken project 3"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "Dakwerken project 4",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "Dakwerken project 4"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
||||
imageAlt: "Dakwerken project 5",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Dakwerken project 5"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "Dakwerken project 6",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Dakwerken project 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,20 +78,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Uw lokale vakman in de regio",
|
||||
},
|
||||
type: "text", content: "Uw lokale vakman in de regio"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15613.jpg",
|
||||
alt: "Vakmanschap in Nieuwpoort",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15613.jpg", alt: "Vakmanschap in Nieuwpoort"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meer over ons",
|
||||
href: "#",
|
||||
},
|
||||
text: "Meer over ons", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,40 +96,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dakrenovatie",
|
||||
description: "Volledige vernieuwing van uw dak met kwaliteitsmaterialen.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg",
|
||||
},
|
||||
title: "Dakrenovatie", description: "Volledige vernieuwing van uw dak met kwaliteitsmaterialen.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg?_wi=2",
|
||||
imageAlt: "dakrenovatie woning modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Platte daken",
|
||||
description: "Expertise in EPDM en roofing voor een waterdicht resultaat.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg",
|
||||
},
|
||||
title: "Platte daken", description: "Expertise in EPDM en roofing voor een waterdicht resultaat.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-man-using-earphones_23-2148000251.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15613.jpg",
|
||||
imageAlt: "dakrenovatie woning modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-man-using-earphones_23-2148000251.jpg"}
|
||||
},
|
||||
{
|
||||
title: "Zink- & loodwerken",
|
||||
description: "Duurzame afwerking van goten, schouwen en dakaansluitingen.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg",
|
||||
},
|
||||
title: "Zink- & loodwerken", description: "Duurzame afwerking van goten, schouwen en dakaansluitingen.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702246.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg?_wi=1",
|
||||
imageAlt: "dakrenovatie woning modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702246.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -184,41 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hellend dak Nieuwpoort",
|
||||
price: "Renovatie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Hellend dak Nieuwpoort", price: "Renovatie", imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Plat dak EPDM",
|
||||
price: "Nieuwbouw",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-sat-inspected-building-plan_1150-24378.jpg",
|
||||
},
|
||||
id: "p2", name: "Plat dak EPDM", price: "Nieuwbouw", imageSrc: "http://img.b2bpic.net/free-photo/architect-sat-inspected-building-plan_1150-24378.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dakisolatie plaatsing",
|
||||
price: "Isolatie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
|
||||
},
|
||||
id: "p3", name: "Dakisolatie plaatsing", price: "Isolatie", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Zinken dakgoten",
|
||||
price: "Afwerking",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-traveling-camping_23-2149775850.jpg",
|
||||
},
|
||||
id: "p4", name: "Zinken dakgoten", price: "Afwerking", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-traveling-camping_23-2149775850.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dakkapel herstel",
|
||||
price: "Renovatie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-structure_181624-31076.jpg",
|
||||
},
|
||||
id: "p5", name: "Dakkapel herstel", price: "Renovatie", imageSrc: "http://img.b2bpic.net/free-photo/metal-structure_181624-31076.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Daklekkage herstel",
|
||||
price: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
},
|
||||
id: "p6", name: "Daklekkage herstel", price: "Service", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg"},
|
||||
]}
|
||||
title="Projecten en Realisaties"
|
||||
description="Bekijk een greep uit ons recent vakmanschap."
|
||||
@@ -232,31 +152,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Jaren ervaring",
|
||||
items: [
|
||||
"Lokale expertise",
|
||||
"Gediplomeerde vakmensen",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Jaren ervaring", items: [
|
||||
"Lokale expertise", "Gediplomeerde vakmensen"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Succesvolle daken",
|
||||
items: [
|
||||
"Tevreden klanten",
|
||||
"Hoge kwaliteitsnormen",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Succesvolle daken", items: [
|
||||
"Tevreden klanten", "Hoge kwaliteitsnormen"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Service bij lekkage",
|
||||
items: [
|
||||
"Snelle interventie",
|
||||
"No-nonsense hulp",
|
||||
],
|
||||
id: "m3", value: "24/7", title: "Service bij lekkage", items: [
|
||||
"Snelle interventie", "No-nonsense hulp"],
|
||||
},
|
||||
]}
|
||||
title="Onze Resultaten"
|
||||
@@ -271,59 +176,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jan Janssen",
|
||||
role: "Eigenaar",
|
||||
company: "Nieuwpoort",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-man-wearing-headband-wristbands-holding-ping-pong-rackets-head-looking-isolated-green-space_141793-44899.jpg",
|
||||
},
|
||||
id: "t1", name: "Jan Janssen", role: "Eigenaar", company: "Nieuwpoort", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-man-wearing-headband-wristbands-holding-ping-pong-rackets-head-looking-isolated-green-space_141793-44899.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marie Peeters",
|
||||
role: "Klant",
|
||||
company: "Koksijde",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg",
|
||||
},
|
||||
id: "t2", name: "Marie Peeters", role: "Klant", company: "Koksijde", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tom De Smet",
|
||||
role: "Eigenaar",
|
||||
company: "Nieuwpoort",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-her-girlfriend-showing-engagement-ring_23-2147891267.jpg",
|
||||
},
|
||||
id: "t3", name: "Tom De Smet", role: "Eigenaar", company: "Nieuwpoort", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-her-girlfriend-showing-engagement-ring_23-2147891267.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Els Vroman",
|
||||
role: "Klant",
|
||||
company: "West-Vlaanderen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talking_23-2148116315.jpg",
|
||||
},
|
||||
id: "t4", name: "Els Vroman", role: "Klant", company: "West-Vlaanderen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-talking_23-2148116315.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Peter Van den Broeck",
|
||||
role: "Klant",
|
||||
company: "Nieuwpoort",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg",
|
||||
},
|
||||
id: "t5", name: "Peter Van den Broeck", role: "Klant", company: "Nieuwpoort", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "4.9/5", label: "Google Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Kwaliteitsgarantie",
|
||||
},
|
||||
value: "100%", label: "Kwaliteitsgarantie"},
|
||||
{
|
||||
value: "Snelle",
|
||||
label: "Responstijd",
|
||||
},
|
||||
value: "Snelle", label: "Responstijd"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Ervaringen van onze klanten uit Nieuwpoort en omstreken."
|
||||
@@ -336,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is een offerte vrijblijvend?",
|
||||
content: "Ja, wij bieden steeds een gratis en vrijblijvende offerte na plaatsbezoek.",
|
||||
},
|
||||
id: "f1", title: "Is een offerte vrijblijvend?", content: "Ja, wij bieden steeds een gratis en vrijblijvende offerte na plaatsbezoek."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wat bij een daklekkage?",
|
||||
content: "Wij bieden snelle interventie bij dringende lekkages om verdere schade te voorkomen.",
|
||||
},
|
||||
id: "f2", title: "Wat bij een daklekkage?", content: "Wij bieden snelle interventie bij dringende lekkages om verdere schade te voorkomen."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "In welke regio werken jullie?",
|
||||
content: "Wij zijn voornamelijk actief in Nieuwpoort en de regio West-Vlaanderen.",
|
||||
},
|
||||
id: "f3", title: "In welke regio werken jullie?", content: "Wij zijn voornamelijk actief in Nieuwpoort en de regio West-Vlaanderen."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38430.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -366,22 +231,14 @@ export default function LandingPage() {
|
||||
description="Neem contact op voor een snelle service."
|
||||
inputs={[
|
||||
{
|
||||
name: "naam",
|
||||
type: "text",
|
||||
placeholder: "Naam",
|
||||
required: true,
|
||||
name: "naam", type: "text", placeholder: "Naam", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefoon",
|
||||
type: "tel",
|
||||
placeholder: "Telefoonnummer",
|
||||
required: true,
|
||||
name: "telefoon", type: "tel", placeholder: "Telefoonnummer", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "bericht",
|
||||
placeholder: "Vertel ons over uw dakproject",
|
||||
rows: 4,
|
||||
name: "bericht", placeholder: "Vertel ons over uw dakproject", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-pointing-mobile-phone-t-shirt-jacket-hat-front-view_176474-31382.jpg"
|
||||
@@ -394,41 +251,25 @@ export default function LandingPage() {
|
||||
logoText="Dakwerken Vanneuville Dennis BVBA"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
label: "Diensten", href: "#diensten"},
|
||||
{
|
||||
label: "Realisaties",
|
||||
href: "#realisaties",
|
||||
},
|
||||
label: "Realisaties", href: "#realisaties"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Diensten",
|
||||
items: [
|
||||
title: "Diensten", items: [
|
||||
{
|
||||
label: "Dakrenovatie",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dakrenovatie", href: "#"},
|
||||
{
|
||||
label: "Platte daken",
|
||||
href: "#",
|
||||
},
|
||||
label: "Platte daken", href: "#"},
|
||||
{
|
||||
label: "Zinkwerken",
|
||||
href: "#",
|
||||
},
|
||||
label: "Zinkwerken", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user