Merge version_1 into main #2
141
src/app/page.tsx
141
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, AlertCircle } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hoppenbrouwers Techniek"
|
||||
/>
|
||||
@@ -56,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Uw Lokale Elektricien in Barendrecht"
|
||||
description="Snelle, betrouwbare en professionele elektrotechnische installaties voor woningen en bedrijven. Bel direct voor hulp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Service", href: "#contact"},
|
||||
{
|
||||
text: "Call Now: 0180-123456",
|
||||
href: "tel:0180123456",
|
||||
},
|
||||
text: "Call Now: 0180-123456", href: "tel:0180123456"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png?_wi=1",
|
||||
imageAlt: "Electrician working",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png", imageAlt: "Electrician working"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png?_wi=1",
|
||||
imageAlt: "Electrical maintenance",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png", imageAlt: "Electrical maintenance"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png?_wi=2",
|
||||
imageAlt: "Professional electrical work",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png", imageAlt: "Professional electrical work"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png?_wi=2",
|
||||
imageAlt: "Service quality",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png", imageAlt: "Service quality"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png?_wi=3",
|
||||
imageAlt: "Trusted Barendrecht electrician",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png", imageAlt: "Trusted Barendrecht electrician"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png?_wi=3",
|
||||
imageAlt: "Reliable installation",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png", imageAlt: "Reliable installation"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,14 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Uw Betrouwbare Partner voor Elektrotechniek",
|
||||
},
|
||||
type: "text", content: "Uw Betrouwbare Partner voor Elektrotechniek"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-team-of-electrical-technici-1774603606093-f53c3cbc.png",
|
||||
alt: "Onze Experts",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-team-of-electrical-technici-1774603606093-f53c3cbc.png", alt: "Onze Experts"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,22 +92,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Installatie",
|
||||
description: "Nieuwe elektra in uw woning of bedrijfspand.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png?_wi=4",
|
||||
buttonIcon: "Zap",
|
||||
title: "Installatie", description: "Nieuwe elektra in uw woning of bedrijfspand.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Onderhoud",
|
||||
description: "Preventief onderhoud voor maximale veiligheid.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png?_wi=4",
|
||||
buttonIcon: "Shield",
|
||||
title: "Onderhoud", description: "Preventief onderhoud voor maximale veiligheid.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-electrician-working-in-a-mo-1774603607599-04542ff2.png", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Spoedservice",
|
||||
description: "Wij staan klaar bij stroomstoringen of defecten.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png?_wi=5",
|
||||
buttonIcon: "AlertCircle",
|
||||
title: "Spoedservice", description: "Wij staan klaar bij stroomstoringen of defecten.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/close-up-of-electrical-installation-work-1774603607312-f710dc5f.png", buttonIcon: AlertCircle,
|
||||
},
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
@@ -153,33 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan de Vries",
|
||||
role: "Huiseigenaar",
|
||||
testimonial: "Super snelle service na een stroomstoring. Zeer vriendelijk en kundig!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-middle-aged-homeowner-smil-1774603607019-f9e18483.png",
|
||||
},
|
||||
id: "1", name: "Jan de Vries", role: "Huiseigenaar", testimonial: "Super snelle service na een stroomstoring. Zeer vriendelijk en kundig!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-middle-aged-homeowner-smil-1774603607019-f9e18483.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Jansen",
|
||||
role: "Ondernemer",
|
||||
testimonial: "Hoppenbrouwers heeft onze volledige bedrijfsinstallatie verzorgd. Absolute aanrader.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-small-business-owner-profe-1774603606388-2e55af60.png",
|
||||
},
|
||||
id: "2", name: "Maria Jansen", role: "Ondernemer", testimonial: "Hoppenbrouwers heeft onze volledige bedrijfsinstallatie verzorgd. Absolute aanrader.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-small-business-owner-profe-1774603606388-2e55af60.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Piet Klaassen",
|
||||
role: "Klant",
|
||||
testimonial: "Betrouwbaar en punctueel. Binnen een dag geholpen. Top!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-young-family-man-looking-h-1774603606201-f965bd58.png",
|
||||
},
|
||||
id: "3", name: "Piet Klaassen", role: "Klant", testimonial: "Betrouwbaar en punctueel. Binnen een dag geholpen. Top!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/portrait-of-a-young-family-man-looking-h-1774603606201-f965bd58.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Annelies Bakker",
|
||||
role: "Klant",
|
||||
testimonial: "Zeer tevreden over de installatie van onze zonnepanelen.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-portrait-of-a-local-busines-1774603605858-6c92ee38.png",
|
||||
},
|
||||
id: "4", name: "Annelies Bakker", role: "Klant", testimonial: "Zeer tevreden over de installatie van onze zonnepanelen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWSwkETVTcI1lKc8j3HlDg5Vet/professional-portrait-of-a-local-busines-1774603605858-6c92ee38.png"},
|
||||
]}
|
||||
title="Wat Onze Klanten Zeggen"
|
||||
description="Klanttevredenheid staat bij ons centraal. Lees hier de ervaringen uit Barendrecht."
|
||||
@@ -190,8 +130,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Vraag direct uw service aan"
|
||||
description="Vul het formulier in of bel ons direct voor spoedgevallen in Barendrecht."
|
||||
@@ -202,37 +141,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Barendrecht",
|
||||
href: "#",
|
||||
},
|
||||
label: "Barendrecht", href: "#"},
|
||||
{
|
||||
label: "0180-123456",
|
||||
href: "tel:0180123456",
|
||||
},
|
||||
label: "0180-123456", href: "tel:0180123456"},
|
||||
{
|
||||
label: "info@hoppenbrouwers.nl",
|
||||
href: "mailto:info@hoppenbrouwers.nl",
|
||||
},
|
||||
label: "info@hoppenbrouwers.nl", href: "mailto:info@hoppenbrouwers.nl"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigatie",
|
||||
items: [
|
||||
title: "Navigatie", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user