Merge version_2 into main #1
167
src/app/page.tsx
167
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "features",
|
||||
},
|
||||
name: "Diensten", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AA dakwerken"
|
||||
/>
|
||||
@@ -55,66 +47,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="AA dakwerken - Uw expert in kwaliteitsvol dakwerk"
|
||||
description="Snelle service, professioneel advies en een perfect afgewerkt dak. Vraag vandaag nog uw gratis offerte aan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Gratis offerte aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Gratis offerte aanvragen", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg",
|
||||
alt: "Man holding a hammer drill and looking away",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg", alt: "Man holding a hammer drill and looking away"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
alt: "Man walking on the roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", alt: "Man walking on the roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
|
||||
alt: "Low view man working on roof with a drill",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg", alt: "Low view man working on roof with a drill"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
|
||||
alt: "Medium shot man working with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", alt: "Medium shot man working with helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
alt: "Full shot roofer working with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", alt: "Full shot roofer working with helmet"},
|
||||
]}
|
||||
avatarText="Gewaardeerd door 100+ klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "10 jaar garantie",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "10 jaar garantie", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Snelle interventie",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Snelle interventie", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gratis inspectie",
|
||||
icon: ListChecks,
|
||||
type: "text-icon", text: "Gratis inspectie", icon: ListChecks,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "VCA Gecertificeerd",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "VCA Gecertificeerd", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Duurzaam materiaal",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Duurzaam materiaal", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -137,26 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Snelle Service",
|
||||
description: "Lekkage of schade? Wij zijn snel ter plaatse voor een vakkundige oplossing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
buttonText: "Bel direct",
|
||||
},
|
||||
title: "Snelle Service", description: "Lekkage of schade? Wij zijn snel ter plaatse voor een vakkundige oplossing.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", buttonText: "Bel direct"},
|
||||
{
|
||||
title: "Vrijblijvend Advies",
|
||||
description: "Geen verrassingen achteraf. Wij inspecteren uw dak en adviseren u eerlijk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/consultant-utilizing-financial-planning-software-tablet-help-family_482257-116063.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/business-team-meeting-laptop-discussing-content-sharing-ideas_74855-8825.jpg",
|
||||
buttonText: "Plan inspectie",
|
||||
},
|
||||
title: "Vrijblijvend Advies", description: "Geen verrassingen achteraf. Wij inspecteren uw dak en adviseren u eerlijk.", imageSrc: "http://img.b2bpic.net/free-photo/consultant-utilizing-financial-planning-software-tablet-help-family_482257-116063.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/business-team-meeting-laptop-discussing-content-sharing-ideas_74855-8825.jpg", buttonText: "Plan inspectie"},
|
||||
{
|
||||
title: "Duurzaam Kwaliteitswerk",
|
||||
description: "Wij werken uitsluitend met hoogwaardige materialen voor een dak dat jaren meegaat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
buttonText: "Bekijk projecten",
|
||||
},
|
||||
title: "Duurzaam Kwaliteitswerk", description: "Wij werken uitsluitend met hoogwaardige materialen voor een dak dat jaren meegaat.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", buttonText: "Bekijk projecten"},
|
||||
]}
|
||||
title="Onze Dakdiensten"
|
||||
description="Wij bieden totaaloplossingen voor elk type dak."
|
||||
@@ -168,14 +122,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"VCA gecertificeerd",
|
||||
"Dakgarantie Nederland",
|
||||
"Bouwkwaliteit Plus",
|
||||
"ServicePartner",
|
||||
"Certificaat Veilig Dak",
|
||||
"Duurzaam Bouwbedrijf",
|
||||
"Regionaal Erkend",
|
||||
]}
|
||||
"VCA gecertificeerd", "Dakgarantie Nederland", "Bouwkwaliteit Plus", "ServicePartner", "Certificaat Veilig Dak", "Duurzaam Bouwbedrijf", "Regionaal Erkend"]}
|
||||
title="Wij werken volgens de hoogste kwaliteitsnormen"
|
||||
description="Gecertificeerd en erkend vakmanschap in de regio."
|
||||
/>
|
||||
@@ -187,47 +134,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
ratingClassName="text-yellow-500"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kevin C.",
|
||||
role: "Huisbezitter",
|
||||
company: "Vrijstaand huis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/embraced-mother-son-with-father-holding-suitcases_23-2148414917.jpg",
|
||||
},
|
||||
id: "1", name: "Kevin C.", role: "Huisbezitter", company: "Vrijstaand huis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/embraced-mother-son-with-father-holding-suitcases_23-2148414917.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marloes V.",
|
||||
role: "Huisbezitter",
|
||||
company: "Rijtjeshuis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-holding-arrow-looking-camera-smiling-cheerfully-showing-thumbs-up-standing-orange-background_141793-110809.jpg",
|
||||
},
|
||||
id: "2", name: "Marloes V.", role: "Huisbezitter", company: "Rijtjeshuis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-holding-arrow-looking-camera-smiling-cheerfully-showing-thumbs-up-standing-orange-background_141793-110809.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jan de Boer",
|
||||
role: "Huisbezitter",
|
||||
company: "Dakrenovatie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-mature-smiling-happy-handsome_1194-7866.jpg",
|
||||
},
|
||||
id: "3", name: "Jan de Boer", role: "Huisbezitter", company: "Dakrenovatie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-mature-smiling-happy-handsome_1194-7866.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sandra B.",
|
||||
role: "Huisbezitter",
|
||||
company: "Lekkage herstel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-up-looking-hopeful-front-view_176474-30837.jpg",
|
||||
},
|
||||
id: "4", name: "Sandra B.", role: "Huisbezitter", company: "Lekkage herstel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-up-looking-hopeful-front-view_176474-30837.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Sanders",
|
||||
role: "Huisbezitter",
|
||||
company: "Nieuw plat dak",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2904.jpg",
|
||||
},
|
||||
id: "5", name: "Tom Sanders", role: "Huisbezitter", company: "Nieuw plat dak", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2904.jpg"},
|
||||
]}
|
||||
title="Wat klanten zeggen over AA dakwerken"
|
||||
description="Meer dan 100 tevreden klanten gingen u voor."
|
||||
@@ -239,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieden jullie garantie?",
|
||||
content: "Ja, wij bieden standaard 10 jaar garantie op al onze dakwerkzaamheden.",
|
||||
},
|
||||
id: "f1", title: "Bieden jullie garantie?", content: "Ja, wij bieden standaard 10 jaar garantie op al onze dakwerkzaamheden."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Hoe snel kunnen jullie komen?",
|
||||
content: "Bij acute lekkages zijn wij in de regel binnen 24 uur ter plaatse voor een noodreparatie.",
|
||||
},
|
||||
id: "f2", title: "Hoe snel kunnen jullie komen?", content: "Bij acute lekkages zijn wij in de regel binnen 24 uur ter plaatse voor een noodreparatie."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is een offerte gratis?",
|
||||
content: "Elke offerte en inspectie is bij ons altijd 100% vrijblijvend en gratis.",
|
||||
},
|
||||
id: "f3", title: "Is een offerte gratis?", content: "Elke offerte en inspectie is bij ons altijd 100% vrijblijvend en gratis."},
|
||||
]}
|
||||
sideTitle="Veelgestelde vragen"
|
||||
sideDescription="Alles wat u moet weten over onze werkwijze."
|
||||
@@ -264,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Vraag direct uw gratis offerte aan"
|
||||
description="Laat uw contactgegevens achter en wij nemen vandaag nog contact met u op."
|
||||
@@ -276,16 +189,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="AA dakwerken"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact opnemen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact opnemen", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user