diff --git a/src/app/page.tsx b/src/app/page.tsx index 961bf64..a12bc5e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() {