diff --git a/src/app/page.tsx b/src/app/page.tsx index 3510854..ade760b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -37,7 +37,8 @@ export default function HomePage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Offerte Aanvragen", href: "contact"}} + text: "Offerte Aanvragen", href: "contact" + }} /> @@ -50,17 +51,22 @@ export default function HomePage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Professionele huisrenovatie"}, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg", imageAlt: "Professionele huisrenovatie" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageAlt: "Vaardige renovatieteam aan het werk"}, + imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageAlt: "Vaardige renovatieteam aan het werk" + }, ]} rating={5} ratingText="Vertrouwd door Nederlandse huiseigenaren" + mediaAnimation="none" buttons={[ { - text: "Offerte Aanvragen", href: "contact"}, + text: "Offerte Aanvragen", href: "contact" + }, { - text: "Meer Over Ons", href: "/about"}, + text: "Meer Over Ons", href: "/about" + }, ]} /> @@ -71,16 +77,20 @@ export default function HomePage() { metrics={[ { icon: Users, - label: "Familieleden In Bedrijf", value: "2"}, + label: "Familieleden In Bedrijf", value: "2" + }, { icon: Home, - label: "Huizen Succesvol Gerenoveerd", value: "500+"}, + label: "Huizen Succesvol Gerenoveerd", value: "500+" + }, { icon: Star, - label: "Klantentevredenheid", value: "5/5"}, + label: "Klantentevredenheid", value: "5/5" + }, { icon: Hammer, - label: "Jaren Vakmanschap", value: "25+"}, + label: "Jaren Vakmanschap", value: "25+" + }, ]} useInvertedBackground={false} metricsAnimation="slide-up" @@ -95,17 +105,23 @@ export default function HomePage() { textboxLayout="default" features={[ { - id: "01", title: "Dakrenovaties & Dakreparaties", description: "Deskundige dak- en dakreparatiewerkzaamheden met premium materialen en professionele installatie.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg", imageAlt: "Dakrenovatie"}, + id: "01", title: "Dakrenovaties & Dakreparaties", description: "Deskundige dak- en dakreparatiewerkzaamheden met premium materialen en professionele installatie.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg", imageAlt: "Dakrenovatie" + }, { - id: "02", title: "Interieurrenovaties", description: "Complete interieurmakeoversdienen met modern design en professionele afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741813.jpg", imageAlt: "Interieurmakeoverwerk"}, + id: "02", title: "Interieurrenovaties", description: "Complete interieurmakeoversdienen met modern design en professionele afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741813.jpg", imageAlt: "Interieurmakeoverwerk" + }, { - id: "03", title: "Badkamer Installaties", description: "Professionele installatie van toiletten, wastafel, douche en complete badkamers.", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg", imageAlt: "Badkamersanitair installatie"}, + id: "03", title: "Badkamer Installaties", description: "Professionele installatie van toiletten, wastafel, douche en complete badkamers.", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2868.jpg", imageAlt: "Badkamersanitair installatie" + }, { - id: "04", title: "Schilder Werk", description: "Muurverf en interieurbekledering met expert color selection en gladde afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg", imageAlt: "Professioneel schilderwerk"}, + id: "04", title: "Schilder Werk", description: "Muurverf en interieurbekledering met expert color selection en gladde afwerking.", imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg", imageAlt: "Professioneel schilderwerk" + }, { - id: "05", title: "Elektriciteitswerk", description: "Veilige en moderne elektriciteitsinstallatie en upgrades voor elke situatie.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-electricity_1398-1567.jpg", imageAlt: "Elektriciteitswerk installatie"}, + id: "05", title: "Elektriciteitswerk", description: "Veilige en moderne elektriciteitsinstallatie en upgrades voor elke situatie.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-electricity_1398-1567.jpg", imageAlt: "Elektriciteitswerk installatie" + }, { - id: "06", title: "Muurconstructie & Reparatie", description: "Professionele muurconstruction, herstel en bouwwerk voor structurele integriteit.", imageSrc: "http://img.b2bpic.net/free-photo/wall-surface-texture_23-2148862455.jpg", imageAlt: "Muurconstruction werk"}, + id: "06", title: "Muurconstructie & Reparatie", description: "Professionele muurconstruction, herstel en bouwwerk voor structurele integriteit.", imageSrc: "http://img.b2bpic.net/free-photo/wall-surface-texture_23-2148862455.jpg", imageAlt: "Muurconstruction werk" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -120,17 +136,23 @@ export default function HomePage() { tag="Galerij" products={[ { - id: "1", name: "Keukenrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/daughter-looking-weighing-father_23-2147807816.jpg", imageAlt: "Voor keukenrenovatie"}, + id: "1", name: "Keukenrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/daughter-looking-weighing-father_23-2147807816.jpg", imageAlt: "Voor keukenrenovatie" + }, { - id: "2", name: "Keukenrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/exposed-brick-wall-with-peeling-concrete-surface_23-2148399170.jpg", imageAlt: "Na keukenrenovatie"}, + id: "2", name: "Keukenrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/exposed-brick-wall-with-peeling-concrete-surface_23-2148399170.jpg", imageAlt: "Na keukenrenovatie" + }, { - id: "3", name: "Badkamerrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935975.jpg", imageAlt: "Voor badkamerrenovatie"}, + id: "3", name: "Badkamerrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935975.jpg", imageAlt: "Voor badkamerrenovatie" + }, { - id: "4", name: "Badkamerrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg", imageAlt: "Na badkamerrenovatie"}, + id: "4", name: "Badkamerrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378909.jpg", imageAlt: "Na badkamerrenovatie" + }, { - id: "5", name: "Dakrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/broken-windows-rusty-frame-chernobyl-disaster-ukraine_627829-11631.jpg", imageAlt: "Voor dakrenovatie"}, + id: "5", name: "Dakrenovatie", price: "Voor & Na", imageSrc: "http://img.b2bpic.net/free-photo/broken-windows-rusty-frame-chernobyl-disaster-ukraine_627829-11631.jpg", imageAlt: "Voor dakrenovatie" + }, { - id: "6", name: "Dakrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/view-city-house-with-windows_23-2148798637.jpg", imageAlt: "Na dakrenovatie"}, + id: "6", name: "Dakrenovatie - Na", price: "Resultaat", imageSrc: "http://img.b2bpic.net/free-photo/view-city-house-with-windows_23-2148798637.jpg", imageAlt: "Na dakrenovatie" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -147,11 +169,14 @@ export default function HomePage() { textboxLayout="default" features={[ { - id: "01", title: "Betrouwbaarheid", description: "Wij staan bekend om onze betrouwbaarheid. Wat wij beloven, leveren wij. Familie-eerste aanpak met persoonlijke aandacht.", imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg", imageAlt: "Betrouwbare service"}, + id: "01", title: "Betrouwbaarheid", description: "Wij staan bekend om onze betrouwbaarheid. Wat wij beloven, leveren wij. Familie-eerste aanpak met persoonlijke aandacht.", imageSrc: "http://img.b2bpic.net/free-photo/executives-talking-about-new-project_1098-4115.jpg", imageAlt: "Betrouwbare service" + }, { - id: "02", title: "Ervaring", description: "Met meer dan 25 jaar gecombineerde ervaring brengen vader en oom deskundigheid in elk project.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-getting-payed-by-owner_23-2149587635.jpg", imageAlt: "Ervaren vakmannen"}, + id: "02", title: "Ervaring", description: "Met meer dan 25 jaar gecombineerde ervaring brengen vader en oom deskundigheid in elk project.", imageSrc: "http://img.b2bpic.net/free-photo/man-servant-getting-payed-by-owner_23-2149587635.jpg", imageAlt: "Ervaren vakmannen" + }, { - id: "03", title: "Kwaliteit", description: "Wij gebruiken premium materialen en betrachten detail in elke afwerking. Kwaliteit is niet onderhandelbaar.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", imageAlt: "Kwaliteitswerkmanship"}, + id: "03", title: "Kwaliteit", description: "Wij gebruiken premium materialen en betrachten detail in elke afwerking. Kwaliteit is niet onderhandelbaar.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-hand-shake_23-2148480352.jpg", imageAlt: "Kwaliteitswerkmanship" + }, ]} gridVariant="three-columns-all-equal-width" animationType="blur-reveal" @@ -168,9 +193,11 @@ export default function HomePage() { animationType="slide-up" team={[ { - id: "1", name: "Vader", role: "Oprichter & Meester Vakman", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451056.jpg", imageAlt: "Portret van vader"}, + id: "1", name: "Vader", role: "Oprichter & Meester Vakman", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451056.jpg", imageAlt: "Portret van vader" + }, { - id: "2", name: "Oom", role: "Medeoprichter & Specialist", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", imageAlt: "Portret van oom"}, + id: "2", name: "Oom", role: "Medeoprichter & Specialist", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", imageAlt: "Portret van oom" + }, ]} useInvertedBackground={false} /> @@ -182,13 +209,17 @@ export default function HomePage() { description="Heeft u een renovatieproject in gedachten? Bel ons of vul het formulier in voor een gratis offerte." inputs={[ { - name: "name", type: "text", placeholder: "Uw Naam"}, + name: "name", type: "text", placeholder: "Uw Naam" + }, { - name: "email", type: "email", placeholder: "Uw E-mailadres"}, + name: "email", type: "email", placeholder: "Uw E-mailadres" + }, { - name: "phone", type: "tel", placeholder: "Uw Telefoonnummer"}, + name: "phone", type: "tel", placeholder: "Uw Telefoonnummer" + }, { - name: "address", type: "text", placeholder: "Adres Van Het Project"}, + name: "address", type: "text", placeholder: "Adres Van Het Project" + }, ]} textarea={{ name: "message", placeholder: "Beschrijf Uw Renovatieproject...", rows: 5, @@ -206,9 +237,11 @@ export default function HomePage() {