Merge version_1 into main #2
179
src/app/page.tsx
179
src/app/page.tsx
@@ -29,27 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "services",
|
||||
},
|
||||
name: "Diensten", id: "services"},
|
||||
{
|
||||
name: "Werkwijze",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "Werkwijze", id: "how-it-works"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OV Ontstoppingsdienst"
|
||||
button={{
|
||||
text: "Bel Nu: 06 83515898",
|
||||
href: "tel:0683515898",
|
||||
}}
|
||||
text: "Bel Nu: 06 83515898", href: "tel:0683515898"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,13 +49,9 @@ export default function LandingPage() {
|
||||
description="Uw betrouwbare partner bij verstoppingen. 24/7 inzetbaar, professioneel materiaal en altijd een vaste prijs vooraf. Laat uw probleem vandaag nog vakkundig oplossen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel Direct voor Hulp",
|
||||
href: "tel:0683515898",
|
||||
},
|
||||
text: "Bel Direct voor Hulp", href: "tel:0683515898"},
|
||||
{
|
||||
text: "Bekijk Diensten",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Bekijk Diensten", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
|
||||
@@ -81,41 +67,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Rioolontstopping",
|
||||
description: "Professionele reiniging van uw riool met hogedrukapparatuur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-plumber-with-his-tools_1368-957.jpg",
|
||||
},
|
||||
id: "s1", title: "Rioolontstopping", description: "Professionele reiniging van uw riool met hogedrukapparatuur.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-plumber-with-his-tools_1368-957.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Afvoer ontstoppen",
|
||||
description: "Verstopte gootsteen, douche of toilet? Wij maken het vrij.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg",
|
||||
},
|
||||
id: "s2", title: "Afvoer ontstoppen", description: "Verstopte gootsteen, douche of toilet? Wij maken het vrij.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721549.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Camera Inspectie",
|
||||
description: "Detecteer precies waar het probleem zich bevindt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=1",
|
||||
},
|
||||
id: "s3", title: "Camera Inspectie", description: "Detecteer precies waar het probleem zich bevindt.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Stankdetectie",
|
||||
description: "Wij sporen de bron van uw rioollucht effectief op.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-putting-protective-gloves_23-2148773452.jpg",
|
||||
},
|
||||
id: "s4", title: "Stankdetectie", description: "Wij sporen de bron van uw rioollucht effectief op.", imageSrc: "http://img.b2bpic.net/free-photo/worker-putting-protective-gloves_23-2148773452.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Dakgoot reiniging",
|
||||
description: "Voorkom lekkages met onze preventieve dakgoot-service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg",
|
||||
},
|
||||
id: "s5", title: "Dakgoot reiniging", description: "Voorkom lekkages met onze preventieve dakgoot-service.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6580.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
title: "24/7 Spoedservice",
|
||||
description: "Directe hulp bij acute wateroverlast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-pointing-alarm-clock-orange-t-shirt-cap-looking-confident-front-view_176474-91784.jpg",
|
||||
},
|
||||
id: "s6", title: "24/7 Spoedservice", description: "Directe hulp bij acute wateroverlast.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-pointing-alarm-clock-orange-t-shirt-cap-looking-confident-front-view_176474-91784.jpg"},
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
description="Snel en effectief verstoppingen verhelpen in elke situatie."
|
||||
@@ -124,44 +86,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jan de Vries",
|
||||
handle: "Amsterdam",
|
||||
testimonial: "Supersnelle hulp en alles weer perfect doorgelopen. Aanrader!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",
|
||||
},
|
||||
id: "t1", name: "Jan de Vries", handle: "Amsterdam", testimonial: "Supersnelle hulp en alles weer perfect doorgelopen. Aanrader!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mevr. Jansen",
|
||||
handle: "Utrecht",
|
||||
testimonial: "Zeer professioneel en alles netjes achtergelaten. Erg tevreden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg",
|
||||
},
|
||||
id: "t2", name: "Mevr. Jansen", handle: "Utrecht", testimonial: "Zeer professioneel en alles netjes achtergelaten. Erg tevreden.", imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-checking-her-shopping-bags_23-2148804689.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Peter Klaassen",
|
||||
handle: "Rotterdam",
|
||||
testimonial: "Binnen een uur ter plaatse. Probleem was in no-time opgelost.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",
|
||||
},
|
||||
id: "t3", name: "Peter Klaassen", handle: "Rotterdam", testimonial: "Binnen een uur ter plaatse. Probleem was in no-time opgelost.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anja Bakker",
|
||||
handle: "Den Haag",
|
||||
testimonial: "Duidelijke prijs vooraf, geen verrassingen. Top service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
|
||||
},
|
||||
id: "t4", name: "Anja Bakker", handle: "Den Haag", testimonial: "Duidelijke prijs vooraf, geen verrassingen. Top service!", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kees Meijer",
|
||||
handle: "Eindhoven",
|
||||
testimonial: "Goede uitleg gekregen over hoe ik dit in de toekomst voorkom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "t5", name: "Kees Meijer", handle: "Eindhoven", testimonial: "Goede uitleg gekregen over hoe ik dit in de toekomst voorkom.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Betrouwbaar, snel en altijd een perfect resultaat."
|
||||
@@ -174,35 +112,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Veelgestelde vragen"
|
||||
description="Antwoorden op de meest gestelde vragen over onze ontstoppingsservice."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131728.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hoe snel kunnen jullie ter plaatse zijn?",
|
||||
content: "Bij spoedgevallen streven we ernaar om binnen 1 uur op locatie te zijn, 24/7.",
|
||||
},
|
||||
id: "f1", title: "Hoe snel kunnen jullie ter plaatse zijn?", content: "Bij spoedgevallen streven we ernaar om binnen 1 uur op locatie te zijn, 24/7."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wat kost een ontstoppingsbeurt?",
|
||||
content: "Wij werken altijd met vaste prijzen vooraf, zodat u nooit voor verrassingen komt te staan.",
|
||||
},
|
||||
id: "f2", title: "Wat kost een ontstoppingsbeurt?", content: "Wij werken altijd met vaste prijzen vooraf, zodat u nooit voor verrassingen komt te staan."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bieden jullie garantie?",
|
||||
content: "Ja, wij bieden garantie op onze uitgevoerde werkzaamheden voor uw gemoedsrust.",
|
||||
},
|
||||
id: "f3", title: "Bieden jullie garantie?", content: "Ja, wij bieden garantie op onze uitgevoerde werkzaamheden voor uw gemoedsrust."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Welke methodes gebruiken jullie?",
|
||||
content: "We gebruiken professionele verenmachines en hogedrukreiniging, afhankelijk van de aard van de verstopping.",
|
||||
},
|
||||
id: "f4", title: "Welke methodes gebruiken jullie?", content: "We gebruiken professionele verenmachines en hogedrukreiniging, afhankelijk van de aard van de verstopping."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Moet ik zelf nog iets voorbereiden?",
|
||||
content: "Nee, onze technici zijn volledig uitgerust en nemen alles mee wat nodig is voor een vakkundige oplossing.",
|
||||
},
|
||||
id: "f5", title: "Moet ik zelf nog iets voorbereiden?", content: "Nee, onze technici zijn volledig uitgerust en nemen alles mee wat nodig is voor een vakkundige oplossing."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -211,18 +134,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Direct hulp nodig? Wij staan 24/7 voor u klaar. Bel nu voor een afspraak of stuur ons een bericht."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel Nu: 06 83515898",
|
||||
href: "tel:0683515898",
|
||||
},
|
||||
text: "Bel Nu: 06 83515898", href: "tel:0683515898"},
|
||||
{
|
||||
text: "Stuur E-mail",
|
||||
href: "mailto:info@ov-ontstoppingsdienst.nl",
|
||||
},
|
||||
text: "Stuur E-mail", href: "mailto:info@ov-ontstoppingsdienst.nl"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -231,50 +149,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Diensten",
|
||||
items: [
|
||||
title: "Diensten", items: [
|
||||
{
|
||||
label: "Rioolontstopping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rioolontstopping", href: "#services"},
|
||||
{
|
||||
label: "Afvoer reiniging",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Afvoer reiniging", href: "#services"},
|
||||
{
|
||||
label: "Camera Inspectie",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Camera Inspectie", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Over",
|
||||
items: [
|
||||
title: "Over", items: [
|
||||
{
|
||||
label: "Werkwijze",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
label: "Werkwijze", href: "#how-it-works"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Tel: 06 83515898",
|
||||
href: "tel:0683515898",
|
||||
},
|
||||
label: "Tel: 06 83515898", href: "tel:0683515898"},
|
||||
{
|
||||
label: "info@ov-ontstoppingsdienst.nl",
|
||||
href: "mailto:info@ov-ontstoppingsdienst.nl",
|
||||
},
|
||||
label: "info@ov-ontstoppingsdienst.nl", href: "mailto:info@ov-ontstoppingsdienst.nl"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user