bender/94752fe4-67f9-4a01-a0a8-518a23fc2f70
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-30 21:16:21 +00:00
parent 4f7152c182
commit 6f08196560
1 changed files with 53 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
src/app/page.tsx
View File

@@ -31,30 +31,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Diensten",
id: "diensten",
},
name: "Diensten", id: "diensten"},
{
name: "Waarom Paul",
id: "waarom-ons",
},
name: "Waarom Paul", id: "waarom-ons"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
topBarButton={{
text: "Bel nu: 0487 516 882",
href: "tel:0487516882",
}}
text: "Bel nu: 0487 516 882", href: "tel:0487516882"}}
brandName="Paul Arts Loodgietersbedrijf"
/>
</div>
@@ -62,70 +50,48 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Paul Arts Loodgietersbedrijf"
description="Uw loodgieter in Druten — snel en eerlijk"
description="Uw loodgieter in Druten"
buttons={[
{
text: "Bel nu: 0487 516 882",
href: "tel:0487516882",
},
text: "Bel nu: 0487 516 882", href: "tel:0487516882"},
]}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-composition_23-2149106867.jpg"
imageAlt="Professioneel loodgietersgereedschap en leidingen"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg",
alt: "Tevreden klant 1",
},
src: "http://img.b2bpic.net/free-photo/serious-young-business-man-looking-camera_1262-18625.jpg", alt: "Tevreden klant 1"},
{
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg",
alt: "Tevreden klant 2",
},
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "Tevreden klant 2"},
{
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
alt: "Tevreden klant 3",
},
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Tevreden klant 3"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
alt: "Tevreden klant 4",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg", alt: "Tevreden klant 4"},
{
src: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20271.jpg",
alt: "Tevreden klant 5",
},
src: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20271.jpg", alt: "Tevreden klant 5"},
]}
avatarText="Meer dan 100 tevreden klanten in Druten"
marqueeItems={[
{
type: "text-icon",
text: "Snelle service",
icon: Sparkles,
type: "text-icon", text: "Snelle service", icon: Sparkles,
},
{
type: "text-icon",
text: "Eerlijk advies",
icon: CheckCircle,
type: "text-icon", text: "Eerlijk advies", icon: CheckCircle,
},
{
type: "text-icon",
text: "Vakmanschap",
icon: Cog,
type: "text-icon", text: "Vakmanschap", icon: Cog,
},
{
type: "text-icon",
text: "Lokale loodgieter",
icon: MapPin,
type: "text-icon", text: "Lokale loodgieter", icon: MapPin,
},
{
type: "text-icon",
text: "Betrouwbaar",
icon: ShieldCheck,
type: "text-icon", text: "Betrouwbaar", icon: ShieldCheck,
},
]}
titleClassName="lg:text-6xl"
/>
</div>
@@ -137,54 +103,24 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "lekkages",
name: "Lekkages",
price: "Vraag offerte aan",
imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg",
imageAlt: "Lekkende kraan met gereedschap",
priceButtonProps: {
text: "Meer info",
},
id: "lekkages", name: "Lekkages", price: "Vraag offerte aan", imageSrc: "http://img.b2bpic.net/free-photo/water-tap-prevention-concentrated-man-leaning-water-faucet-touching-spout-pipe_259150-58276.jpg", imageAlt: "Lekkende kraan met gereedschap", priceButtonProps: {
text: "Meer info"},
},
{
id: "cv-installatie",
name: "CV-installatie",
price: "Vraag offerte aan",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-artisan-workshop-objects_23-2148970782.jpg",
imageAlt: "CV-ketel en leidingen",
priceButtonProps: {
text: "Meer info",
},
id: "cv-installatie", name: "CV-installatie", price: "Vraag offerte aan", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-artisan-workshop-objects_23-2148970782.jpg", imageAlt: "CV-ketel en leidingen", priceButtonProps: {
text: "Meer info"},
},
{
id: "badkamer",
name: "Badkamer",
price: "Vraag offerte aan",
imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",
imageAlt: "Badkamerkranen en douche",
priceButtonProps: {
text: "Meer info",
},
id: "badkamer", name: "Badkamer", price: "Vraag offerte aan", imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg", imageAlt: "Badkamerkranen en douche", priceButtonProps: {
text: "Meer info"},
},
{
id: "ontstopping",
name: "Ontstopping",
price: "Vraag offerte aan",
imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg",
imageAlt: "Ontstoppingsgereedschap",
priceButtonProps: {
text: "Meer info",
},
id: "ontstopping", name: "Ontstopping", price: "Vraag offerte aan", imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg", imageAlt: "Ontstoppingsgereedschap", priceButtonProps: {
text: "Meer info"},
},
{
id: "onderhoud",
name: "Onderhoud",
price: "Vraag offerte aan",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg",
imageAlt: "Onderhoud aan leidingen",
priceButtonProps: {
text: "Meer info",
},
id: "onderhoud", name: "Onderhoud", price: "Vraag offerte aan", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721534.jpg", imageAlt: "Onderhoud aan leidingen", priceButtonProps: {
text: "Meer info"},
},
]}
title="Onze Diensten"
@@ -200,21 +136,13 @@ export default function LandingPage() {
description="Wij staan garant voor kwaliteit, betrouwbaarheid en service die u verdient. Ontdek de voordelen van een lokale loodgieter."
bulletPoints={[
{
title: "Lokaal in Druten",
description: "Als uw lokale loodgieter zijn we snel ter plaatse en kennen we de omgeving.",
},
title: "Lokaal in Druten", description: "Als uw lokale loodgieter zijn we snel ter plaatse en kennen we de omgeving."},
{
title: "Eerlijk advies",
description: "U ontvangt altijd transparant en oprecht advies, zonder verborgen kosten.",
},
title: "Eerlijk advies", description: "U ontvangt altijd transparant en oprecht advies, zonder verborgen kosten."},
{
title: "Snel ter plaatse",
description: "Bij spoedgevallen zijn we er snel om problemen te verhelpen.",
},
title: "Snel ter plaatse", description: "Bij spoedgevallen zijn we er snel om problemen te verhelpen."},
{
title: "5 sterren op Google",
description: "Onze klanten waarderen ons met een gemiddelde van 5 sterren voor onze service.",
},
title: "5 sterren op Google", description: "Onze klanten waarderen ons met een gemiddelde van 5 sterren voor onze service."},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-with-plan_1368-4136.jpg"
imageAlt="Verschillende loodgietersgereedschappen"
@@ -229,45 +157,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Dhr. Janssen",
handle: "@Janssen123",
testimonial: "Paul Arts heeft fantastisch werk geleverd bij het repareren van onze lekkage. Snel, efficiënt en zeer vriendelijk!",
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
imageAlt: "Tevreden klant",
},
id: "t1", name: "Dhr. Janssen", handle: "@Janssen123", testimonial: "Paul Arts heeft fantastisch werk geleverd bij het repareren van onze lekkage. Snel, efficiënt en zeer vriendelijk!", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg", imageAlt: "Tevreden klant"},
{
id: "t2",
name: "Mevr. de Vries",
handle: "@DeVriesW",
testimonial: "De nieuwe CV-installatie werkt perfect. Paul heeft ons uitstekend geadviseerd en alles netjes geïnstalleerd.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-brown-concrete-buildings-cloudy-sky_181624-7395.jpg",
imageAlt: "Tevreden klant",
},
id: "t2", name: "Mevr. de Vries", handle: "@DeVriesW", testimonial: "De nieuwe CV-installatie werkt perfect. Paul heeft ons uitstekend geadviseerd en alles netjes geïnstalleerd.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-brown-concrete-buildings-cloudy-sky_181624-7395.jpg", imageAlt: "Tevreden klant"},
{
id: "t3",
name: "Familie Bakker",
handle: "@BakkerHome",
testimonial: "Onze badkamer is prachtig geworden dankzij Paul Arts. Zeer professioneel en oog voor detail.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg",
imageAlt: "Tevreden klant",
},
id: "t3", name: "Familie Bakker", handle: "@BakkerHome", testimonial: "Onze badkamer is prachtig geworden dankzij Paul Arts. Zeer professioneel en oog voor detail.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721535.jpg", imageAlt: "Tevreden klant"},
{
id: "t4",
name: "De heer Smit",
handle: "@Smit_Druten",
testimonial: "Snel ter plaatse bij een verstopping en heeft het probleem direct verholpen. Top service!",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-minimalist-style_169016-20010.jpg",
imageAlt: "Tevreden klant",
},
id: "t4", name: "De heer Smit", handle: "@Smit_Druten", testimonial: "Snel ter plaatse bij een verstopping en heeft het probleem direct verholpen. Top service!", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-minimalist-style_169016-20010.jpg", imageAlt: "Tevreden klant"},
{
id: "t5",
name: "Mw. Groen",
handle: "@GroenG",
testimonial: "Regelmatig onderhoud laten uitvoeren door Paul Arts. Altijd punctueel en betrouwbaar. Zeer aan te bevelen.",
imageSrc: "http://img.b2bpic.net/free-photo/bright-plasticfree-kitchen-fresh-vegetables-minimalist-interior_169016-68839.jpg",
imageAlt: "Tevreden klant",
},
id: "t5", name: "Mw. Groen", handle: "@GroenG", testimonial: "Regelmatig onderhoud laten uitvoeren door Paul Arts. Altijd punctueel en betrouwbaar. Zeer aan te bevelen.", imageSrc: "http://img.b2bpic.net/free-photo/bright-plasticfree-kitchen-fresh-vegetables-minimalist-interior_169016-68839.jpg", imageAlt: "Tevreden klant"},
]}
title="Wat Klanten Zeggen"
description="Lees de ervaringen van onze tevreden klanten."
@@ -280,25 +178,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Wat zijn uw werktijden?",
content: "Wij zijn bereikbaar op maandag, woensdag en vrijdag van 09:00 tot 17:00 uur. Op overige dagen zijn wij gesloten.",
},
id: "f1", title: "Wat zijn uw werktijden?", content: "Wij zijn bereikbaar op maandag, woensdag en vrijdag van 09:00 tot 17:00 uur. Op overige dagen zijn wij gesloten."},
{
id: "f2",
title: "Voor welke diensten kan ik u inschakelen?",
content: "U kunt ons inschakelen voor lekkages, CV-installatie en onderhoud, badkamer installaties, ontstoppingen en algemeen loodgietersonderhoud.",
},
id: "f2", title: "Voor welke diensten kan ik u inschakelen?", content: "U kunt ons inschakelen voor lekkages, CV-installatie en onderhoud, badkamer installaties, ontstoppingen en algemeen loodgietersonderhoud."},
{
id: "f3",
title: "Werkt u alleen in Druten?",
content: "Wij zijn lokaal gevestigd in Druten, maar bedienen ook de directe omgeving voor diverse loodgietersklussen.",
},
id: "f3", title: "Werkt u alleen in Druten?", content: "Wij zijn lokaal gevestigd in Druten, maar bedienen ook de directe omgeving voor diverse loodgietersklussen."},
{
id: "f4",
title: "Hoe snel kunt u ter plaatse zijn bij spoed?",
content: "Wij streven ernaar om bij spoedgevallen zo snel mogelijk ter plaatse te zijn. Neem direct contact met ons op via 0487 516 882.",
},
id: "f4", title: "Hoe snel kunt u ter plaatse zijn bij spoed?", content: "Wij streven ernaar om bij spoedgevallen zo snel mogelijk ter plaatse te zijn. Neem direct contact met ons op via 0487 516 882."},
]}
title="Veelgestelde Vragen"
description="Vind antwoorden op de meest gestelde vragen over onze loodgietersdiensten."
@@ -314,21 +200,13 @@ export default function LandingPage() {
description="Wij zijn beschikbaar op de volgende dagen en tijden voor al uw loodgieterswerk."
bulletPoints={[
{
title: "Maandag:",
description: "09:00 – 17:00",
},
title: "Maandag:", description: "09:00 – 17:00"},
{
title: "Woensdag:",
description: "09:00 – 17:00",
},
title: "Woensdag:", description: "09:00 – 17:00"},
{
title: "Vrijdag:",
description: "09:00 – 17:00",
},
title: "Vrijdag:", description: "09:00 – 17:00"},
{
title: "Overige dagen:",
description: "Gesloten",
},
title: "Overige dagen:", description: "Gesloten"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-open-sign_23-2149149716.jpg"
imageAlt="Klok die openingstijden weergeeft"
@@ -340,18 +218,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Contacteer Paul Arts Loodgietersbedrijf voor al uw loodgieterswerk in Druten en omgeving.\n\nAdres: Hooistraat 51, 6651 AC Druten\nTelefoon: 0487 516 882"
buttons={[
{
text: "Bel nu: 0487 516 882",
href: "tel:0487516882",
},
text: "Bel nu: 0487 516 882", href: "tel:0487516882"},
{
text: "Routebeschrijving",
href: "https://maps.google.com/?q=Hooistraat+51,+6651+AC+Druten",
},
text: "Routebeschrijving", href: "https://maps.google.com/?q=Hooistraat+51,+6651+AC+Druten"},
]}
/>
</div>
@@ -361,16 +234,11 @@ export default function LandingPage() {
logoText="Paul Arts Loodgietersbedrijf"
columns={[
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "0487 516 882",
href: "tel:0487516882",
},
label: "0487 516 882", href: "tel:0487516882"},
{
label: "Hooistraat 51, 6651 AC Druten",
href: "https://maps.google.com/?q=Hooistraat+51,+6651+AC+Druten",
},
label: "Hooistraat 51, 6651 AC Druten", href: "https://maps.google.com/?q=Hooistraat+51,+6651+AC+Druten"},
],
},
]}