Merge version_1 into main #2
216
src/app/page.tsx
216
src/app/page.tsx
@@ -30,49 +30,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "diensten",
|
||||
},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "waarom-kendeco",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Diensten", id: "diensten" },
|
||||
{ name: "Over ons", id: "waarom-kendeco" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kendeco"
|
||||
button={{
|
||||
text: "Offerte Aanvragen",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Offerte Aanvragen", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Vakmanschap in elke kleur."
|
||||
description="Kendeco levert netjes, stipt op tijd en met een prachtig eindresultaat. Geef uw woning de uitstraling die het verdient."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-renovation-indoor-paint_53876-42894.jpg?_wi=1"
|
||||
buttons={[{ text: "Bekijk Diensten", href: "#diensten" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-renovation-indoor-paint_53876-42894.jpg"
|
||||
imageAlt="Luxueus interieur schilderwerk"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,24 +58,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Ervaring",
|
||||
value: "10+ Jaar",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Projecten",
|
||||
value: "500+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Klanttevredenheid",
|
||||
value: "5★",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", title: "Ervaring", value: "10+ Jaar", icon: Clock },
|
||||
{ id: "m2", title: "Projecten", value: "500+", icon: CheckCircle },
|
||||
{ id: "m3", title: "Klanttevredenheid", value: "5★", icon: Star },
|
||||
]}
|
||||
title="Resultaten die spreken"
|
||||
description="Kwaliteit en betrouwbaarheid in elk project dat wij aanpakken."
|
||||
@@ -114,76 +74,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Binnenschilderwerk",
|
||||
description: "Wij transformeren uw interieur met precisie en de beste verfmerken.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-blue-accent-wall_23-2151995376.jpg?_wi=1",
|
||||
imageAlt: "Binnenschilderwerk",
|
||||
},
|
||||
title: "Binnenschilderwerk", description: "Wij transformeren uw interieur met precisie en de beste verfmerken.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-blue-accent-wall_23-2151995376.jpg", imageAlt: "Binnenschilderwerk" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-renovation-indoor-paint_53876-42894.jpg?_wi=2",
|
||||
imageAlt: "luxury dark living room paint",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Buitenschilderwerk",
|
||||
description: "Bescherming en verfraaiing voor uw gevel met oog voor de juiste kleuren.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guy-holding-boxes_23-2148593085.jpg?_wi=1",
|
||||
imageAlt: "Buitenschilderwerk",
|
||||
},
|
||||
title: "Buitenschilderwerk", description: "Bescherming en verfraaiing voor uw gevel met oog voor de juiste kleuren.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guy-holding-boxes_23-2148593085.jpg", imageAlt: "Buitenschilderwerk" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-blue-accent-wall_23-2151995376.jpg?_wi=2",
|
||||
imageAlt: "binnen schilderwerken interieur",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Behangwerken",
|
||||
description: "Naadloos behangwerk voor een luxueuze uitstraling in elke ruimte.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home-concept-repair-shopping_169016-4586.jpg?_wi=1",
|
||||
imageAlt: "Behangwerken",
|
||||
},
|
||||
title: "Behangwerken", description: "Naadloos behangwerk voor een luxueuze uitstraling in elke ruimte.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home-concept-repair-shopping_169016-4586.jpg", imageAlt: "Behangwerken" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-guy-holding-boxes_23-2148593085.jpg?_wi=2",
|
||||
imageAlt: "buiten schilderwerken gevel",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Lakwerk",
|
||||
description: "Kwaliteitsvol lakwerk voor al uw houten deuren, ramen en meubels.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture_23-2151896458.jpg?_wi=1",
|
||||
imageAlt: "Lakwerk",
|
||||
},
|
||||
title: "Lakwerk", description: "Kwaliteitsvol lakwerk voor al uw houten deuren, ramen en meubels.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture_23-2151896458.jpg", imageAlt: "Lakwerk" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home-concept-repair-shopping_169016-4586.jpg?_wi=2",
|
||||
imageAlt: "behangwerken modern interieur",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Kleuradvies",
|
||||
description: "Deskundig advies om de perfecte sfeer in uw woning te creëren.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721887.jpg?_wi=1",
|
||||
imageAlt: "Kleuradvies",
|
||||
},
|
||||
title: "Kleuradvies", description: "Deskundig advies om de perfecte sfeer in uw woning te creëren.", media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721887.jpg", imageAlt: "Kleuradvies" },
|
||||
items: [],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture_23-2151896458.jpg?_wi=2",
|
||||
imageAlt: "lakwerk houtwerk interieur",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Totaalrenovatie",
|
||||
description: "Volledige ontzorging van uw schilderproject van start tot finish.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-wall-painting-tools-brushes-paints-tape_181624-28226.jpg",
|
||||
imageAlt: "Totaalrenovatie",
|
||||
},
|
||||
title: "Totaalrenovatie", description: "Volledige ontzorging van uw schilderproject van start tot finish.", media: { imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-wall-painting-tools-brushes-paints-tape_181624-28226.jpg", imageAlt: "Totaalrenovatie" },
|
||||
items: [],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721887.jpg?_wi=2",
|
||||
imageAlt: "kleuradvies interieur design",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Onze Premium Diensten"
|
||||
@@ -195,14 +113,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Waarom kiezen voor Kendeco?",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Wij zijn netjes, stipt en leveren prachtig resultaat. Zoals een tevreden klant zei: 'Het eindresultaat overtrof al onze verwachtingen, Kendeco is een echte vakman'.",
|
||||
},
|
||||
{ type: "text", content: "Waarom kiezen voor Kendeco?" },
|
||||
{ type: "text", content: "Wij zijn netjes, stipt en leveren prachtig resultaat. Zoals een tevreden klant zei: 'Het eindresultaat overtrof al onze verwachtingen, Kendeco is een echte vakman'." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,41 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sara Pedrosa",
|
||||
role: "Klant",
|
||||
testimonial: "Zeer netjes, stipt op tijd en een prachtig eindresultaat. Absolute aanrader.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-paint-roller-looking-camera_23-2147758677.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jan Janssen",
|
||||
role: "Klant",
|
||||
testimonial: "Professioneel team dat meedenkt. Onze woning is volledig getransformeerd.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-with-black-wavy-hair-enjoying-online-communication-using-high-speed-wireless-internet-connection-smart-phone_343059-1978.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marieke De Vries",
|
||||
role: "Klant",
|
||||
testimonial: "Eindelijk een schilder die zijn afspraken nakomt en kwaliteit levert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346550.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pieter Smit",
|
||||
role: "Klant",
|
||||
testimonial: "De communicatie was top en het werk is tot in de puntjes verzorgd.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-dad-their-daughter-covered-with-colorful-paints-lie-green-lawn_8353-7534.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Visser",
|
||||
role: "Klant",
|
||||
testimonial: "Prachtig werk geleverd aan onze gevel. Zeer tevreden met het resultaat.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sara Pedrosa", role: "Klant", testimonial: "Zeer netjes, stipt op tijd en een prachtig eindresultaat. Absolute aanrader.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-paint-roller-looking-camera_23-2147758677.jpg" },
|
||||
{ id: "2", name: "Jan Janssen", role: "Klant", testimonial: "Professioneel team dat meedenkt. Onze woning is volledig getransformeerd.", imageSrc: "http://img.b2bpic.net/happy-young-male-with-black-wavy-hair-enjoying-online-communication-using-high-speed-wireless-internet-connection-smart-phone_343059-1978.jpg" },
|
||||
{ id: "3", name: "Marieke De Vries", role: "Klant", testimonial: "Eindelijk een schilder die zijn afspraken nakomt en kwaliteit levert.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346550.jpg" },
|
||||
{ id: "4", name: "Pieter Smit", role: "Klant", testimonial: "De communicatie was top en het werk is tot in de puntjes verzorgd.", imageSrc: "http://img.b2bpic.net/free-photo/mom-dad-their-daughter-covered-with-colorful-paints-lie-green-lawn_8353-7534.jpg" },
|
||||
{ id: "5", name: "Elena Visser", role: "Klant", testimonial: "Prachtig werk geleverd aan onze gevel. Zeer tevreden met het resultaat.", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg" },
|
||||
]}
|
||||
title="Wat onze klanten zeggen"
|
||||
description="Ervaringen van tevreden klanten die kozen voor Kendeco."
|
||||
@@ -257,13 +139,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Offerte aanvragen"
|
||||
title="Klaar voor een verandering?"
|
||||
description="Vraag vandaag nog uw vrijblijvende offerte aan."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-renovation-indoor-paint_53876-42894.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-renovation-indoor-paint_53876-42894.jpg"
|
||||
imageAlt="Contact met Kendeco"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -272,32 +152,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kendeco",
|
||||
items: [
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#waarom-kendeco",
|
||||
},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#diensten",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "info@kendeco.be",
|
||||
href: "mailto:info@kendeco.be",
|
||||
},
|
||||
{
|
||||
label: "+32 123 45 67 89",
|
||||
href: "tel:+32123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kendeco", items: [{ label: "Over ons", href: "#waarom-kendeco" }, { label: "Diensten", href: "#diensten" }] },
|
||||
{ title: "Contact", items: [{ label: "info@kendeco.be", href: "mailto:info@kendeco.be" }, { label: "+32 123 45 67 89", href: "tel:+32123456789" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Kendeco Schilderwerken"
|
||||
bottomRightText="Alle rechten voorbehouden"
|
||||
@@ -306,4 +162,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user