From 48e33889daf1f675cd8da24d768073599669bdc1 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 10:46:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 121 +++++++++++++++++++++++++++++++---------------- 1 file changed, 80 insertions(+), 41 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ad1a935..13ebe0e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -63,16 +63,18 @@ export default function HomePage() { background={{ variant: "plain" }} buttons={[ { - text: "📞 Bel direct", href: "tel:085-0607091"}, + text: "📞 Bel direct", href: "tel:085-0607091" + }, { - text: "📩 Gratis offerte", href: "#contact"}, + text: "📩 Gratis offerte", href: "#contact" + }, ]} layoutOrder="default" imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35351.jpg" imageAlt="Professionele dakdekker aan het werk" frameStyle="card" mediaAnimation="slide-up" - descriptionClassName="relative pb-4 after:content-['\2713_500+_tevreden_klanten_|_⭐_4.9/5_rating'] after:block after:text-sm after:text-gray-600 after:dark:text-gray-400 after:mt-2 after:font-normal" + descriptionClassName="relative pb-4 after:content-['500+_tevreden_klanten_•_4.9/5_⭐_rating'] after:block after:text-sm after:text-gray-600 after:dark:text-gray-400 after:mt-3 after:font-normal" /> @@ -88,10 +90,12 @@ export default function HomePage() { mediaItems: [ { imageSrc: - "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=1", imageAlt: "Daklekkage reparatie"}, + "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=1", imageAlt: "Daklekkage reparatie" + }, { imageSrc: - "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1", imageAlt: "Roof leak sealing"}, + "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=1", imageAlt: "Roof leak sealing" + }, ], }, { @@ -100,10 +104,12 @@ export default function HomePage() { mediaItems: [ { imageSrc: - "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2", imageAlt: "Dakrenovatie project"}, + "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=2", imageAlt: "Dakrenovatie project" + }, { imageSrc: - "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=1", imageAlt: "Roof renovation work"}, + "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=1", imageAlt: "Roof renovation work" + }, ], }, { @@ -112,10 +118,12 @@ export default function HomePage() { mediaItems: [ { imageSrc: - "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=1", imageAlt: "Dakisolatie installatie"}, + "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=1", imageAlt: "Dakisolatie installatie" + }, { imageSrc: - "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=2", imageAlt: "Insulation work"}, + "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=2", imageAlt: "Insulation work" + }, ], }, { @@ -124,10 +132,12 @@ export default function HomePage() { mediaItems: [ { imageSrc: - "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=2", imageAlt: "Platte dak installatie"}, + "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=2", imageAlt: "Platte dak installatie" + }, { imageSrc: - "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=2", imageAlt: "Flat roof maintenance"}, + "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=2", imageAlt: "Flat roof maintenance" + }, ], }, { @@ -136,10 +146,12 @@ export default function HomePage() { mediaItems: [ { imageSrc: - "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16096.jpg", imageAlt: "Zink- en loodwerk"}, + "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16096.jpg", imageAlt: "Zink- en loodwerk" + }, { imageSrc: - "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=3", imageAlt: "Metal roofing detail"}, + "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=3", imageAlt: "Metal roofing detail" + }, ], }, ]} @@ -155,16 +167,20 @@ export default function HomePage() { metrics={[ { icon: Users, - label: "Ervaren Vakmensen", value: "30+"}, + label: "Ervaren Vakmensen", value: "30+" + }, { icon: Zap, - label: "Snelle Service", value: "24u"}, + label: "Snelle Service", value: "24u" + }, { icon: FileText, - label: "Gratis Offerte", value: "100%"}, + label: "Gratis Offerte", value: "100%" + }, { icon: Shield, - label: "Garantie", value: "100%"}, + label: "Garantie", value: "100%" + }, ]} metricsAnimation="slide-up" useInvertedBackground={true} @@ -178,13 +194,16 @@ export default function HomePage() { metrics={[ { id: "1", value: "Stap 1", title: "Inspectie", description: "Grondige inspectie van uw dak", imageSrc: - "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=3", imageAlt: "Dak inspectie"}, + "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg?_wi=3", imageAlt: "Dak inspectie" + }, { id: "2", value: "Stap 2", title: "Offerte", description: "Gedetailleerde en bindende offerte", imageSrc: - "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=3", imageAlt: "Offerte presentatie"}, + "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg?_wi=3", imageAlt: "Offerte presentatie" + }, { id: "3", value: "Stap 3", title: "Uitvoering", description: "Professionele uitvoering met garantie", imageSrc: - "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=3", imageAlt: "Werkuitvoering"}, + "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg?_wi=3", imageAlt: "Werkuitvoering" + }, ]} animationType="slide-up" textboxLayout="default" @@ -197,22 +216,28 @@ export default function HomePage() { testimonials={[ { id: "1", name: "Jan de Vries", imageSrc: - "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Jan de Vries"}, + "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Jan de Vries" + }, { id: "2", name: "Maria Garcia", imageSrc: - "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg", imageAlt: "Maria Garcia"}, + "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg", imageAlt: "Maria Garcia" + }, { id: "3", name: "Peter Jansen", imageSrc: - "http://img.b2bpic.net/free-photo/ophthalmologist-patient-trying-new-glasses_23-2150923375.jpg", imageAlt: "Peter Jansen"}, + "http://img.b2bpic.net/free-photo/ophthalmologist-patient-trying-new-glasses_23-2150923375.jpg", imageAlt: "Peter Jansen" + }, { id: "4", name: "Sophie Klein", imageSrc: - "http://img.b2bpic.net/free-photo/smiling-brunette-girl-with-confetti_23-2148135990.jpg", imageAlt: "Sophie Klein"}, + "http://img.b2bpic.net/free-photo/smiling-brunette-girl-with-confetti_23-2148135990.jpg", imageAlt: "Sophie Klein" + }, { id: "5", name: "Ruben Voort", imageSrc: - "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg", imageAlt: "Ruben Voort"}, + "http://img.b2bpic.net/free-photo/portrait-blonde-woman-eyeglasses-black-dress-holding-tea-cup-documents_197531-18145.jpg", imageAlt: "Ruben Voort" + }, { id: "6", name: "Linda Vermeer", imageSrc: - "http://img.b2bpic.net/free-photo/mature-couple-with-insurance-agent_1398-4340.jpg", imageAlt: "Linda Vermeer"}, + "http://img.b2bpic.net/free-photo/mature-couple-with-insurance-agent_1398-4340.jpg", imageAlt: "Linda Vermeer" + }, ]} cardTitle="Over 500 tevreden klanten vertrouwen ons voor hun dakproblemen" cardTag="4.9/5 sterren" @@ -227,7 +252,8 @@ export default function HomePage() { description="Wij zijn actief in het hele Randstadgebied en omstreken" tag="Waar we werken" names={[ - "Rotterdam", "Breda", "Den Haag", "Utrecht", "Eindhoven", "Dordrecht", "Delft", "Zoetermeer"]} + "Rotterdam", "Breda", "Den Haag", "Utrecht", "Eindhoven", "Dordrecht", "Delft", "Zoetermeer" + ]} textboxLayout="default" useInvertedBackground={false} showCard={true} @@ -241,9 +267,11 @@ export default function HomePage() { background={{ variant: "plain" }} buttons={[ { - text: "📞 Bel Nu", href: "tel:085-0607091"}, + text: "📞 Bel Nu", href: "tel:085-0607091" + }, { - text: "📩 Offerte Aanvragen", href: "#contact"}, + text: "📩 Offerte Aanvragen", href: "#contact" + }, ]} useInvertedBackground={true} /> @@ -259,35 +287,46 @@ export default function HomePage() { { title: "Diensten", items: [ { - label: "Daklekkage Reparatie", href: "/#services"}, + label: "Daklekkage Reparatie", href: "/#services" + }, { - label: "Dakrenovatie", href: "/#services"}, + label: "Dakrenovatie", href: "/#services" + }, { - label: "Dakisolatie", href: "/#services"}, + label: "Dakisolatie", href: "/#services" + }, { - label: "Platte Daken", href: "/#services"}, + label: "Platte Daken", href: "/#services" + }, { - label: "Zink- en Loodwerk", href: "/#services"}, + label: "Zink- en Loodwerk", href: "/#services" + }, ], }, { title: "Bedrijf", items: [ { - label: "Over Ons", href: "/about"}, + label: "Over Ons", href: "/about" + }, { - label: "Reviews", href: "/#testimonials"}, + label: "Reviews", href: "/#testimonials" + }, { - label: "Werkgebied", href: "/#service-areas"}, + label: "Werkgebied", href: "/#service-areas" + }, ], }, { title: "Contact", items: [ { - label: "📞 085-0607091", href: "tel:085-0607091"}, + label: "📞 085-0607091", href: "tel:085-0607091" + }, { - label: "📧 dakenisolatiebv@gmail.com", href: "mailto:dakenisolatiebv@gmail.com"}, + label: "📧 dakenisolatiebv@gmail.com", href: "mailto:dakenisolatiebv@gmail.com" + }, { - label: "📍 Posthoornstraat 17, 3011 WD Rotterdam", href: "#contact"}, + label: "📍 Posthoornstraat 17, 3011 WD Rotterdam", href: "#contact" + }, ], }, ]} @@ -295,4 +334,4 @@ export default function HomePage() { ); -} \ No newline at end of file +}