Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 48e33889da | |||
| fb40331517 |
121
src/app/page.tsx
121
src/app/page.tsx
@@ -63,16 +63,18 @@ export default function HomePage() {
|
|||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
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"
|
layoutOrder="default"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35351.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35351.jpg"
|
||||||
imageAlt="Professionele dakdekker aan het werk"
|
imageAlt="Professionele dakdekker aan het werk"
|
||||||
frameStyle="card"
|
frameStyle="card"
|
||||||
mediaAnimation="slide-up"
|
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"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -88,10 +90,12 @@ export default function HomePage() {
|
|||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc:
|
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:
|
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: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc:
|
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:
|
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: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc:
|
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:
|
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: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc:
|
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:
|
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: [
|
mediaItems: [
|
||||||
{
|
{
|
||||||
imageSrc:
|
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:
|
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={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Users,
|
icon: Users,
|
||||||
label: "Ervaren Vakmensen", value: "30+"},
|
label: "Ervaren Vakmensen", value: "30+"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
label: "Snelle Service", value: "24u"},
|
label: "Snelle Service", value: "24u"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: FileText,
|
icon: FileText,
|
||||||
label: "Gratis Offerte", value: "100%"},
|
label: "Gratis Offerte", value: "100%"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: Shield,
|
icon: Shield,
|
||||||
label: "Garantie", value: "100%"},
|
label: "Garantie", value: "100%"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
@@ -178,13 +194,16 @@ export default function HomePage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1", value: "Stap 1", title: "Inspectie", description: "Grondige inspectie van uw dak", imageSrc:
|
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:
|
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:
|
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"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -197,22 +216,28 @@ export default function HomePage() {
|
|||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Jan de Vries", imageSrc:
|
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:
|
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:
|
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:
|
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:
|
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:
|
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"
|
cardTitle="Over 500 tevreden klanten vertrouwen ons voor hun dakproblemen"
|
||||||
cardTag="4.9/5 sterren"
|
cardTag="4.9/5 sterren"
|
||||||
@@ -227,7 +252,8 @@ export default function HomePage() {
|
|||||||
description="Wij zijn actief in het hele Randstadgebied en omstreken"
|
description="Wij zijn actief in het hele Randstadgebied en omstreken"
|
||||||
tag="Waar we werken"
|
tag="Waar we werken"
|
||||||
names={[
|
names={[
|
||||||
"Rotterdam", "Breda", "Den Haag", "Utrecht", "Eindhoven", "Dordrecht", "Delft", "Zoetermeer"]}
|
"Rotterdam", "Breda", "Den Haag", "Utrecht", "Eindhoven", "Dordrecht", "Delft", "Zoetermeer"
|
||||||
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
@@ -241,9 +267,11 @@ export default function HomePage() {
|
|||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
buttons={[
|
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}
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
@@ -259,35 +287,46 @@ export default function HomePage() {
|
|||||||
{
|
{
|
||||||
title: "Diensten", items: [
|
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: [
|
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: [
|
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() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user