bender/062e067e-3954-4029-a11a-cdfa8007830d
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-03 20:49:45 +00:00
parent 01c6665f6d
commit e66cc128ee
1 changed files with 16 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/app/page.tsx
View File

@@ -22,72 +22,32 @@ export default function HomePage() {
const servicesFeatures = [
{
title: "Loodgieter Leiden",
description: "Lekdetectie, reparaties en installaties 24/7",
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg?_wi=1",
imageAlt: "Plumbing service",
button: { text: "Meer informatie", href: "/loodgieter-leiden" },
title: "Loodgieter Leiden", description: "Lekdetectie, reparaties en installaties 24/7", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Plumbing service", button: { text: "Meer informatie", href: "/loodgieter-leiden" },
},
{
title: "Riool Ontstoppen",
description: "Snelle oplossing voor verstopping en afvoerproblems",
imageSrc: "http://img.b2bpic.net/free-photo/watering-can_23-2148006090.jpg?_wi=1",
imageAlt: "Sewage clearing service",
button: { text: "Meer informatie", href: "/riool-ontstoppen-leiden" },
title: "Riool Ontstoppen", description: "Snelle oplossing voor verstopping en afvoerproblems", imageSrc: "http://img.b2bpic.net/free-photo/watering-can_23-2148006090.jpg", imageAlt: "Sewage clearing service", button: { text: "Meer informatie", href: "/riool-ontstoppen-leiden" },
},
{
title: "Lekdetectie",
description: "Gericht lek opsporen zonder onnodig breekwerk",
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
imageAlt: "Leak detection service",
button: { text: "Meer informatie", href: "/lekdetectie" },
title: "Lekdetectie", description: "Gericht lek opsporen zonder onnodig breekwerk", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Leak detection service", button: { text: "Meer informatie", href: "/lekdetectie" },
},
{
title: "CV-Ketel Onderhoud",
description: "Betrouwbare controle en onderhoud van CV-ketels",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg?_wi=1",
imageAlt: "Heating maintenance service",
button: { text: "Meer informatie", href: "/cv-ketel-onderhoud" },
title: "CV-Ketel Onderhoud", description: "Betrouwbare controle en onderhoud van CV-ketels", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "Heating maintenance service", button: { text: "Meer informatie", href: "/cv-ketel-onderhoud" },
},
];
const testimonials = [
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
imageAlt: "portrait professional woman smiling headshot",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "portrait professional woman smiling headshot"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "portrait professional man headshot business",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait professional man headshot business"},
{
id: "3",
name: "Emma Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",
imageAlt: "portrait customer happy satisfied professional",
},
id: "3", name: "Emma Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "portrait customer happy satisfied professional"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "portrait professional male headshot confident",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "portrait professional male headshot confident"},
{
id: "5",
name: "Lisa Mueller",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",
imageAlt: "portrait professional female smiling business",
},
id: "5", name: "Lisa Mueller", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "portrait professional female smiling business"},
{
id: "6",
name: "James Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1",
imageAlt: "portrait satisfied customer professional headshot",
},
id: "6", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "portrait satisfied customer professional headshot"},
];
const handleNavigation = (id: string) => {
@@ -110,7 +70,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="glass"
@@ -130,10 +90,10 @@ export default function HomePage() {
title="Loodgieter in Leiden – snel geholpen bij lekkage & verstopping"
description="24/7 bereikbaar voor spoed en gepland werk. Heldere communicatie, nette service en vooraf duidelijke afspraken."
tag="⭐ 5,0 (178 reviews)"
background={{ variant: "grid" }}
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Bel direct: 06 26144204", href: "tel:0626144204" },
{ text: "Offerte aanvragen", href: "#contact-section" },
{ text: "Offerte aanvragen", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/couple-fixing-kitchen-sink_53876-146184.jpg"
imageAlt="Professional plumber at work"
@@ -167,7 +127,7 @@ export default function HomePage() {
<div id="process" data-section="process">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Zo werken we" }]}
buttons={[{ text: "Bel of vul formulier in", href: "#contact-section" }]}
buttons={[{ text: "Bel of vul formulier in", href: "#contact" }]}
useInvertedBackground={false}
/>
</div>
@@ -201,14 +161,10 @@ export default function HomePage() {
socialLinks={[
{
icon: Phone,
href: "tel:0626144204",
ariaLabel: "Bel Rioolfix",
},
href: "tel:0626144204", ariaLabel: "Bel Rioolfix"},
{
icon: Mail,
href: "mailto:info@rioolfix.nl",
ariaLabel: "Email Rioolfix",
},
href: "mailto:info@rioolfix.nl", ariaLabel: "Email Rioolfix"},
]}
/>
</footer>