Merge version_1 into main #2
170
src/app/page.tsx
170
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Award } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Dakkapellen",
|
||||
id: "products",
|
||||
},
|
||||
name: "Dakkapellen", id: "products"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hartog Dakkapellen"
|
||||
/>
|
||||
@@ -56,46 +47,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Uw Dakkapel, Vakkundig Geplaatst"
|
||||
description="Hartog Dakkapellen creëert meer ruimte en licht in uw woning met hoogwaardige dakkapellen. Stijlvol, duurzaam en perfect afgewerkt."
|
||||
tag="Expert in Dakkapellen"
|
||||
buttons={[
|
||||
{
|
||||
text: "Offerte Aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Offerte Aanvragen", href: "#contact"},
|
||||
{
|
||||
text: "Bel Ons Direct",
|
||||
href: "tel:0301234567",
|
||||
},
|
||||
text: "Bel Ons Direct", href: "tel:0301234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=1",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=2",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=3",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=4",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=5",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=6",
|
||||
imageAlt: "Dakkapel project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg", imageAlt: "Dakkapel project"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,17 +81,11 @@ export default function LandingPage() {
|
||||
description="Wij combineren jarenlange ervaring met de nieuwste bouwtechnieken om de perfecte dakkapel voor uw huis te realiseren. Kwaliteit staat bij ons op 1."
|
||||
metrics={[
|
||||
{
|
||||
value: "250+",
|
||||
title: "Projecten voltooid",
|
||||
},
|
||||
value: "250+", title: "Projecten voltooid"},
|
||||
{
|
||||
value: "4.9",
|
||||
title: "Google Rating",
|
||||
},
|
||||
value: "4.9", title: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Tevreden Klanten",
|
||||
},
|
||||
value: "100%", title: "Tevreden Klanten"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-coworkers-wearing-industrail-overall-helmet_482257-76937.jpg"
|
||||
imageAlt="Hartog vakmanschap"
|
||||
@@ -132,22 +100,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Houten Dakkapel",
|
||||
description: "Authentieke uitstraling met de modernste isolatiewaarden.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Houten Dakkapel", description: "Authentieke uitstraling met de modernste isolatiewaarden.", imageSrc: "http://img.b2bpic.net/free-photo/wood-roof_1162-123.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Kunststof Dakkapel",
|
||||
description: "Onderhoudsarm en verkrijgbaar in elke RAL-kleur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-windows_1353-109.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Kunststof Dakkapel", description: "Onderhoudsarm en verkrijgbaar in elke RAL-kleur.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-windows_1353-109.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Zinken Dakkapel",
|
||||
description: "Strak design voor een moderne en chique look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Zinken Dakkapel", description: "Strak design voor een moderne en chique look.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", buttonIcon: Award,
|
||||
},
|
||||
]}
|
||||
title="Onze Dakkapel Types"
|
||||
@@ -163,45 +122,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan de Vries",
|
||||
role: "Klant",
|
||||
company: "Utrecht",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Jan de Vries", role: "Klant", company: "Utrecht", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anja Bakker",
|
||||
role: "Klant",
|
||||
company: "Amersfoort",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15645.jpg",
|
||||
},
|
||||
id: "2", name: "Anja Bakker", role: "Klant", company: "Amersfoort", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15645.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Peter Jansen",
|
||||
role: "Klant",
|
||||
company: "Houten",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11631.jpg",
|
||||
},
|
||||
id: "3", name: "Peter Jansen", role: "Klant", company: "Houten", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sits-sofa-room-with-green-palm-plants-book-stands_613910-11631.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Klaassen",
|
||||
role: "Klant",
|
||||
company: "Zeist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
|
||||
},
|
||||
id: "4", name: "Sophie Klaassen", role: "Klant", company: "Zeist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark van Dijk",
|
||||
role: "Klant",
|
||||
company: "Bilthoven",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Mark van Dijk", role: "Klant", company: "Bilthoven", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg"},
|
||||
]}
|
||||
title="Klantbeoordelingen"
|
||||
description="Wat onze klanten zeggen over hun nieuwe dakkapel."
|
||||
@@ -212,8 +146,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Neem Contact Op"
|
||||
title="Vraag uw Gratis Offerte aan"
|
||||
description="Benieuwd naar de kosten voor uw dakkapel? Wij komen graag langs voor een gratis en vrijblijvend adviesgesprek."
|
||||
@@ -223,49 +156,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg?_wi=7"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-taking-measurements-plank-he-is-about-cut-woodworking-workshop_342744-833.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Hartog Dakkapellen",
|
||||
items: [
|
||||
title: "Hartog Dakkapellen", items: [
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over ons", href: "#about"},
|
||||
{
|
||||
label: "Vacatures",
|
||||
href: "#",
|
||||
},
|
||||
label: "Vacatures", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Diensten",
|
||||
items: [
|
||||
title: "Diensten", items: [
|
||||
{
|
||||
label: "Houten Dakkapellen",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Houten Dakkapellen", href: "#products"},
|
||||
{
|
||||
label: "Kunststof Dakkapellen",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Kunststof Dakkapellen", href: "#products"},
|
||||
{
|
||||
label: "Zinken Dakkapellen",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Zinken Dakkapellen", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Neem contact op",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Neem contact op", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user