Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -33,123 +33,78 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Over Ons", id: "#about"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "#diensten",
|
||||
},
|
||||
name: "Diensten", id: "#diensten"},
|
||||
{
|
||||
name: "Projecten",
|
||||
id: "#projecten",
|
||||
},
|
||||
name: "Projecten", id: "#projecten"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Marcel Snoek"
|
||||
bottomLeftText="Lokaal Vakmanschap"
|
||||
bottomRightText="info@marcelsnoek.nl"
|
||||
button={{
|
||||
text: "Offerte Aanvragen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Offerte Aanvragen", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Vakkundig Voegwerk en Klussen voor Uw Thuis"
|
||||
description="Marcel Snoek levert vakmanschap en betrouwbaarheid voor al uw bouw- en onderhoudswerkzaamheden. Van voegherstellingen tot complete klusjes—wij zorgen voor kwaliteit."
|
||||
kpis={[
|
||||
{
|
||||
value: "25+",
|
||||
label: "Jaar Ervaring",
|
||||
},
|
||||
value: "25+", label: "Jaar Ervaring"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projecten Afgerond",
|
||||
},
|
||||
value: "500+", label: "Projecten Afgerond"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Klanttevredenheid",
|
||||
},
|
||||
value: "98%", label: "Klanttevredenheid"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Offerte Aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Offerte Aanvragen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg"
|
||||
imageAlt="Professionele metselaar aan het werk"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5759.jpg",
|
||||
alt: "Tevreden klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-european-woman-casual-knitted-sweater-pink-wall_343596-5759.jpg", alt: "Tevreden klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
|
||||
alt: "Blijde opdrachtgever",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", alt: "Blijde opdrachtgever"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-glad-caucasian-woman-looks-happily-aside_273609-44809.jpg",
|
||||
alt: "Positieve recensent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-glad-caucasian-woman-looks-happily-aside_273609-44809.jpg", alt: "Positieve recensent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg",
|
||||
alt: "Erkende partner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-tennis-player-court_329181-14408.jpg", alt: "Erkende partner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg",
|
||||
alt: "Gewaardeerde klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg", alt: "Gewaardeerde klant"},
|
||||
]}
|
||||
avatarText="Meer dan 100 tevreden klanten!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kwaliteit & Duurzaamheid",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Kwaliteit & Duurzaamheid", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ervaren Vakmensen",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Ervaren Vakmensen", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Transparante Offertes",
|
||||
icon: FileText,
|
||||
type: "text-icon", text: "Transparante Offertes", icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Klantgerichte Aanpak",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Klantgerichte Aanpak", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Snelle Service",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Snelle Service", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,17 +118,11 @@ export default function LandingPage() {
|
||||
description="Met jarenlange ervaring in de bouwsector is Marcel Snoek uw betrouwbare partner voor al uw metsel- en kluswerkzaamheden. We zijn trots op onze aandacht voor detail, duurzame oplossingen en het leveren van resultaten die de verwachtingen overtreffen. Uw project is onze prioriteit."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Vakmanschap Gegerandeerd",
|
||||
description: "Elk project wordt met uiterste precisie en vakkundigheid uitgevoerd.",
|
||||
},
|
||||
title: "Vakmanschap Gegerandeerd", description: "Elk project wordt met uiterste precisie en vakkundigheid uitgevoerd."},
|
||||
{
|
||||
title: "Betrouwbaar en Transparant",
|
||||
description: "Duidelijke communicatie en eerlijke prijzen zijn de kern van onze service.",
|
||||
},
|
||||
title: "Betrouwbaar en Transparant", description: "Duidelijke communicatie en eerlijke prijzen zijn de kern van onze service."},
|
||||
{
|
||||
title: "Duurzame Oplossingen",
|
||||
description: "We gebruiken hoogwaardige materialen voor langdurige resultaten.",
|
||||
},
|
||||
title: "Duurzame Oplossingen", description: "We gebruiken hoogwaardige materialen voor langdurige resultaten."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15647.jpg"
|
||||
imageAlt="Marcel Snoek met gereedschap"
|
||||
@@ -188,30 +137,15 @@ export default function LandingPage() {
|
||||
description="Wij bieden een breed scala aan diensten, van gespecialiseerd voegwerk tot algemene klusjes, allemaal uitgevoerd met dezelfde toewijding aan kwaliteit."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "voegherstel",
|
||||
title: "Voegherstel & Renovatie",
|
||||
content: "Deskundig herstel en renovatie van alle soorten voegwerk voor een frisse en duurzame uitstraling van uw gevel.",
|
||||
},
|
||||
id: "voegherstel", title: "Voegherstel & Renovatie", content: "Deskundig herstel en renovatie van alle soorten voegwerk voor een frisse en duurzame uitstraling van uw gevel."},
|
||||
{
|
||||
id: "gevelreiniging",
|
||||
title: "Gevelreiniging & Impregneren",
|
||||
content: "Grondige reiniging en bescherming van uw gevel tegen weersinvloeden, vuil en vocht.",
|
||||
},
|
||||
id: "gevelreiniging", title: "Gevelreiniging & Impregneren", content: "Grondige reiniging en bescherming van uw gevel tegen weersinvloeden, vuil en vocht."},
|
||||
{
|
||||
id: "metselwerk",
|
||||
title: "Metselwerkzaamheden",
|
||||
content: "Nieuwbouw, reparatie en restauratie van metselwerk, met oog voor traditionele technieken en moderne standaarden.",
|
||||
},
|
||||
id: "metselwerk", title: "Metselwerkzaamheden", content: "Nieuwbouw, reparatie en restauratie van metselwerk, met oog voor traditionele technieken en moderne standaarden."},
|
||||
{
|
||||
id: "klussen",
|
||||
title: "Algemene Klusjes in en om het Huis",
|
||||
content: "Van kleine reparaties tot grotere onderhoudsklussen, wij nemen het werk uit handen.",
|
||||
},
|
||||
id: "klussen", title: "Algemene Klusjes in en om het Huis", content: "Van kleine reparaties tot grotere onderhoudsklussen, wij nemen het werk uit handen."},
|
||||
{
|
||||
id: "tegelwerk",
|
||||
title: "Tegelwerk & Stukadoorswerk",
|
||||
content: "Professionele afwerking van badkamers, keukens en andere ruimtes met perfect tegel- en stukadoorswerk.",
|
||||
},
|
||||
id: "tegelwerk", title: "Tegelwerk & Stukadoorswerk", content: "Professionele afwerking van badkamers, keukens en andere ruimtes met perfect tegel- en stukadoorswerk."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-painting-wall_53876-13993.jpg"
|
||||
imageAlt="Diverse gereedschappen voor bouw en onderhoud"
|
||||
@@ -227,32 +161,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "ervaring",
|
||||
value: "25+",
|
||||
title: "Jaren Ervaring",
|
||||
description: "Meer dan twee decennia expertise in de bouw.",
|
||||
icon: Cog,
|
||||
id: "ervaring", value: "25+", title: "Jaren Ervaring", description: "Meer dan twee decennia expertise in de bouw.", icon: Cog,
|
||||
},
|
||||
{
|
||||
id: "projecten",
|
||||
value: "500+",
|
||||
title: "Projecten Succesvol Afgerond",
|
||||
description: "Een bewezen trackrecord van succesvolle projecten.",
|
||||
icon: Building,
|
||||
id: "projecten", value: "500+", title: "Projecten Succesvol Afgerond", description: "Een bewezen trackrecord van succesvolle projecten.", icon: Building,
|
||||
},
|
||||
{
|
||||
id: "tevredenheid",
|
||||
value: "98%",
|
||||
title: "Klanttevredenheid",
|
||||
description: "Onze klanten zijn onze beste ambassadeurs.",
|
||||
icon: Smile,
|
||||
id: "tevredenheid", value: "98%", title: "Klanttevredenheid", description: "Onze klanten zijn onze beste ambassadeurs.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "medewerkers",
|
||||
value: "Vakbekwaam",
|
||||
title: "Medewerkers",
|
||||
description: "Gecertificeerde en ervaren vakmensen.",
|
||||
icon: UserCheck,
|
||||
id: "medewerkers", value: "Vakbekwaam", title: "Medewerkers", description: "Gecertificeerde en ervaren vakmensen.", icon: UserCheck,
|
||||
},
|
||||
]}
|
||||
title="Feiten en Cijfers die Spreken"
|
||||
@@ -265,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bouwmarkt Jansen",
|
||||
"Zuid-Holland Woningbeheer",
|
||||
"Steigerbouw De Vries",
|
||||
"Vereniging van Eigenaren Rotterdam",
|
||||
"Materialenhandel Smit",
|
||||
"Vastgoedbeheer BV",
|
||||
"Klusbedrijf Expert",
|
||||
]}
|
||||
"Bouwmarkt Jansen", "Zuid-Holland Woningbeheer", "Steigerbouw De Vries", "Vereniging van Eigenaren Rotterdam", "Materialenhandel Smit", "Vastgoedbeheer BV", "Klusbedrijf Expert"]}
|
||||
title="Betrouwbare Partner in de Regio"
|
||||
description="Wij werken samen met diverse lokale bedrijven en leveranciers om de beste service en materialen te garanderen."
|
||||
/>
|
||||
@@ -286,25 +197,15 @@ export default function LandingPage() {
|
||||
author="Familie de Jong"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13309.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153813.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153813.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-stands-with-laptop-suit-glasses-outside-office-building-day_78492-3941.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-stands-with-laptop-suit-glasses-outside-office-building-day_78492-3941.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-near-glass-building-looking-camera_23-2148308621.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-near-glass-building-looking-camera_23-2148308621.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Linda Bakker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Linda Bakker"},
|
||||
]}
|
||||
ratingAnimation="none"
|
||||
avatarsAnimation="none"
|
||||
@@ -316,30 +217,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "vraag1",
|
||||
title: "Hoe vraag ik een offerte aan?",
|
||||
content: "U kunt eenvoudig een offerte aanvragen via ons contactformulier op de website of telefonisch contact opnemen. We reageren snel!",
|
||||
},
|
||||
id: "vraag1", title: "Hoe vraag ik een offerte aan?", content: "U kunt eenvoudig een offerte aanvragen via ons contactformulier op de website of telefonisch contact opnemen. We reageren snel!"},
|
||||
{
|
||||
id: "vraag2",
|
||||
title: "Wat zijn de gemiddelde kosten?",
|
||||
content: "De kosten variëren per project. Na een inspectie en bespreking van uw wensen, ontvangt u een vrijblijvende en gedetailleerde offerte op maat.",
|
||||
},
|
||||
id: "vraag2", title: "Wat zijn de gemiddelde kosten?", content: "De kosten variëren per project. Na een inspectie en bespreking van uw wensen, ontvangt u een vrijblijvende en gedetailleerde offerte op maat."},
|
||||
{
|
||||
id: "vraag3",
|
||||
title: "Werken jullie ook buiten de regio?",
|
||||
content: "Primair bedienen we de regio Zuid-Holland, maar voor grotere projecten zijn we bereid verder te reizen. Neem contact op om de mogelijkheden te bespreken.",
|
||||
},
|
||||
id: "vraag3", title: "Werken jullie ook buiten de regio?", content: "Primair bedienen we de regio Zuid-Holland, maar voor grotere projecten zijn we bereid verder te reizen. Neem contact op om de mogelijkheden te bespreken."},
|
||||
{
|
||||
id: "vraag4",
|
||||
title: "Hoe lang duurt een project gemiddeld?",
|
||||
content: "De duur is afhankelijk van de aard en omvang van het werk. We stellen altijd een realistische planning op en houden u op de hoogte van de voortgang.",
|
||||
},
|
||||
id: "vraag4", title: "Hoe lang duurt een project gemiddeld?", content: "De duur is afhankelijk van de aard en omvang van het werk. We stellen altijd een realistische planning op en houden u op de hoogte van de voortgang."},
|
||||
{
|
||||
id: "vraag5",
|
||||
title: "Zijn jullie verzekerd?",
|
||||
content: "Ja, wij zijn volledig verzekerd voor alle werkzaamheden die wij uitvoeren, wat u extra gemoedsrust geeft tijdens het project.",
|
||||
},
|
||||
id: "vraag5", title: "Zijn jullie verzekerd?", content: "Ja, wij zijn volledig verzekerd voor alle werkzaamheden die wij uitvoeren, wat u extra gemoedsrust geeft tijdens het project."},
|
||||
]}
|
||||
sideTitle="Veelgestelde Vragen"
|
||||
sideDescription="Heeft u vragen over onze diensten, prijzen of werkwijze? Hier vindt u antwoorden op de meest voorkomende vragen."
|
||||
@@ -352,8 +238,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Neem Contact Op"
|
||||
title="Klaar voor een Vrijblijvende Offerte?"
|
||||
description="Wij helpen u graag met uw volgende project. Vul het formulier in of bel ons direct voor advies en een op maat gemaakte prijsopgave."
|
||||
@@ -365,65 +250,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/painting-red_1385-599.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/painting-red_1385-599.jpg"
|
||||
videoAriaLabel="Voetervideo van bouwactiviteiten"
|
||||
logoText="Marcel Snoek Voegwerken"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over Ons", href: "#about"},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
label: "Diensten", href: "#diensten"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Meer Info",
|
||||
items: [
|
||||
title: "Meer Info", items: [
|
||||
{
|
||||
label: "Projecten",
|
||||
href: "#projecten",
|
||||
},
|
||||
label: "Projecten", href: "#projecten"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Offerte Aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Offerte Aanvragen", href: "#contact"},
|
||||
{
|
||||
label: "info@marcelsnoek.nl",
|
||||
href: "mailto:info@marcelsnoek.nl",
|
||||
},
|
||||
label: "info@marcelsnoek.nl", href: "mailto:info@marcelsnoek.nl"},
|
||||
{
|
||||
label: "+31 6 12345678",
|
||||
href: "tel:+31612345678",
|
||||
},
|
||||
label: "+31 6 12345678", href: "tel:+31612345678"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Marcel Snoek Voegwerken en Klussenbedrijf. Alle rechten voorbehouden."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/painting-red_1385-599.jpg?_wi=2"
|
||||
imageAlt="time-lapse construction work exterior"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user