Merge version_1 into main #1
208
src/app/page.tsx
208
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over ons", id: "about"},
|
||||
{
|
||||
name: "Projecten",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Projecten", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LIEFZIJN"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Natuurlijke moswanden met rust en karakter"
|
||||
description="Transformeer iedere ruimte tot een stijlvolle, groene omgeving. Onderhoudsvrij, geluiddempend en volledig op maat ontworpen door LIEFZIJN."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ontwerp aanvragen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Ontwerp aanvragen", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-frame_23-2150276377.jpg",
|
||||
imageAlt: "LIEFZIJN moswand woonkamer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-frame_23-2150276377.jpg", imageAlt: "LIEFZIJN moswand woonkamer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920968.jpg",
|
||||
imageAlt: "LIEFZIJN moswand kantoor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920968.jpg", imageAlt: "LIEFZIJN moswand kantoor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confetti_23-2149140067.jpg",
|
||||
imageAlt: "LIEFZIJN moswand wellness",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-confetti_23-2149140067.jpg", imageAlt: "LIEFZIJN moswand wellness"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lettuce_74190-4242.jpg",
|
||||
imageAlt: "LIEFZIJN moswand entree",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lettuce_74190-4242.jpg", imageAlt: "LIEFZIJN moswand entree"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cultivated-plant-with-colorful-leaves-pot_23-2148058793.jpg",
|
||||
imageAlt: "LIEFZIJN moswand detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cultivated-plant-with-colorful-leaves-pot_23-2148058793.jpg", imageAlt: "LIEFZIJN moswand detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-lakeside-sauna-geometric-heaters-scandinavian-style_169016-68879.jpg",
|
||||
imageAlt: "LIEFZIJN moswand abstract",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-lakeside-sauna-geometric-heaters-scandinavian-style_169016-68879.jpg", imageAlt: "LIEFZIJN moswand abstract"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Van betekenis naar beleving"
|
||||
description={[
|
||||
"LIEFZIJN staat voor aandacht, verbinding en bewust leven. Vanuit een persoonlijke ervaring met edelstenen ontstond LIEFZIJN met betekenis: handgemaakte sieraden voor rust en balans.",
|
||||
"Vandaag brengen we diezelfde visie naar jouw interieur met moswanden op maat. Natuurlijke eyecatchers die rust en warmte toevoegen aan elke ruimte.",
|
||||
]}
|
||||
"LIEFZIJN staat voor aandacht, verbinding en bewust leven. Vanuit een persoonlijke ervaring met edelstenen ontstond LIEFZIJN met betekenis: handgemaakte sieraden voor rust en balans.", "Vandaag brengen we diezelfde visie naar jouw interieur met moswanden op maat. Natuurlijke eyecatchers die rust en warmte toevoegen aan elke ruimte."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,25 +86,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Platmos",
|
||||
description: "Strak en modern met een rustige groene basis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angel-vine-plant-wooden-shelf_53876-110314.jpg",
|
||||
imageAlt: "Platmos wand",
|
||||
},
|
||||
title: "Platmos", description: "Strak en modern met een rustige groene basis.", imageSrc: "http://img.b2bpic.net/free-photo/angel-vine-plant-wooden-shelf_53876-110314.jpg", imageAlt: "Platmos wand"},
|
||||
{
|
||||
title: "Bolmos",
|
||||
description: "Diepte en luxe met een levendige 3D uitstraling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-personal-computer-with-workstation_23-2150713967.jpg",
|
||||
imageAlt: "Bolmos wand",
|
||||
},
|
||||
title: "Bolmos", description: "Diepte en luxe met een levendige 3D uitstraling.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-personal-computer-with-workstation_23-2150713967.jpg", imageAlt: "Bolmos wand"},
|
||||
{
|
||||
title: "Custom design",
|
||||
description: "Logo’s, patronen en unieke vormen op maat gemaakt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",
|
||||
imageAlt: "Custom moswand",
|
||||
},
|
||||
title: "Custom design", description: "Logo’s, patronen en unieke vormen op maat gemaakt.", imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg", imageAlt: "Custom moswand"},
|
||||
]}
|
||||
title="Onze moswanden"
|
||||
description="Ontdek de verschillende stijlen die we aanbieden."
|
||||
@@ -144,32 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1",
|
||||
title: "Advies",
|
||||
description: "Bespreken van jouw wensen en de ruimte.",
|
||||
icon: MessageSquare,
|
||||
id: "1", value: "1", title: "Advies", description: "Bespreken van jouw wensen en de ruimte.", icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2",
|
||||
title: "Ontwerp",
|
||||
description: "Visueel voorstel op maat.",
|
||||
icon: Palette,
|
||||
id: "2", value: "2", title: "Ontwerp", description: "Visueel voorstel op maat.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
title: "Productie",
|
||||
description: "Met zorg samengesteld.",
|
||||
icon: Leaf,
|
||||
id: "3", value: "3", title: "Productie", description: "Met zorg samengesteld.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4",
|
||||
title: "Plaatsing",
|
||||
description: "Montage op locatie.",
|
||||
icon: CheckCircle,
|
||||
id: "4", value: "4", title: "Plaatsing", description: "Montage op locatie.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Van idee naar installatie"
|
||||
@@ -185,47 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Wellness wand",
|
||||
price: "Maatwerk",
|
||||
variant: "Bolmos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/huge-potted-monster-plant-room_23-2149427957.jpg",
|
||||
},
|
||||
id: "p1", name: "Wellness wand", price: "Maatwerk", variant: "Bolmos", imageSrc: "http://img.b2bpic.net/free-photo/huge-potted-monster-plant-room_23-2149427957.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kantoor entree",
|
||||
price: "Maatwerk",
|
||||
variant: "Logo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-frame_23-2151195093.jpg",
|
||||
},
|
||||
id: "p2", name: "Kantoor entree", price: "Maatwerk", variant: "Logo", imageSrc: "http://img.b2bpic.net/free-photo/still-life-algae-moss-frame_23-2151195093.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Woonkamer eyecatcher",
|
||||
price: "Maatwerk",
|
||||
variant: "Platmos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-laptop-with-cocktail-glass-wooden-table-restaurant_23-2147936131.jpg",
|
||||
},
|
||||
id: "p3", name: "Woonkamer eyecatcher", price: "Maatwerk", variant: "Platmos", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-laptop-with-cocktail-glass-wooden-table-restaurant_23-2147936131.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Garderobe wand",
|
||||
price: "Maatwerk",
|
||||
variant: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200305.jpg",
|
||||
},
|
||||
id: "p4", name: "Garderobe wand", price: "Maatwerk", variant: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200305.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Restaurant accent",
|
||||
price: "Maatwerk",
|
||||
variant: "Mixed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-room-decor-with-potted-plants_23-2149427992.jpg",
|
||||
},
|
||||
id: "p5", name: "Restaurant accent", price: "Maatwerk", variant: "Mixed", imageSrc: "http://img.b2bpic.net/free-photo/interior-room-decor-with-potted-plants_23-2149427992.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Studio wand",
|
||||
price: "Maatwerk",
|
||||
variant: "Patroon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-sign-grass_23-2148576657.jpg",
|
||||
},
|
||||
id: "p6", name: "Studio wand", price: "Maatwerk", variant: "Patroon", imageSrc: "http://img.b2bpic.net/free-photo/eco-sign-grass_23-2148576657.jpg"},
|
||||
]}
|
||||
title="Recente projecten"
|
||||
description="Een selectie van ons maatwerk."
|
||||
@@ -240,25 +158,15 @@ export default function LandingPage() {
|
||||
author="Sarah de Vries"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-years-old-thinking-holding-smartphone-looking-thoughtful-sitting-cafe-d_1258-134268.jpg",
|
||||
alt: "Klant 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-years-old-thinking-holding-smartphone-looking-thoughtful-sitting-cafe-d_1258-134268.jpg", alt: "Klant 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg",
|
||||
alt: "Klant 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg", alt: "Klant 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg",
|
||||
alt: "Klant 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173710.jpg", alt: "Klant 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-watering-plant_23-2149007973.jpg",
|
||||
alt: "Klant 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-watering-plant_23-2149007973.jpg", alt: "Klant 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260829.jpg",
|
||||
alt: "Klant 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-chic-boho-dress-amongst-flowers_23-2150260829.jpg", alt: "Klant 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -271,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Moet ik de moswand bewateren?",
|
||||
content: "Nee, onze moswanden zijn volledig onderhoudsvrij.",
|
||||
},
|
||||
id: "f1", title: "Moet ik de moswand bewateren?", content: "Nee, onze moswanden zijn volledig onderhoudsvrij."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Heeft het daglicht nodig?",
|
||||
content: "Nee, moswanden gedijen goed op plekken zonder direct zonlicht.",
|
||||
},
|
||||
id: "f2", title: "Heeft het daglicht nodig?", content: "Nee, moswanden gedijen goed op plekken zonder direct zonlicht."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hoe wordt het bevestigd?",
|
||||
content: "Wij verzorgen de professionele montage op locatie.",
|
||||
},
|
||||
id: "f3", title: "Hoe wordt het bevestigd?", content: "Wij verzorgen de professionele montage op locatie."},
|
||||
]}
|
||||
title="Veelgestelde vragen"
|
||||
description="Alles wat je moet weten over moswanden."
|
||||
@@ -296,20 +195,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Persoonlijk contact met Karin"
|
||||
description="Heb je vragen of wil je een ontwerp aanvragen? Stuur een bericht, ik denk graag met je mee."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Karin",
|
||||
href: "https://wa.me/3161544117",
|
||||
},
|
||||
text: "WhatsApp Karin", href: "https://wa.me/3161544117"},
|
||||
{
|
||||
text: "Email sturen",
|
||||
href: "mailto:info@liefzijn.com",
|
||||
},
|
||||
text: "Email sturen", href: "mailto:info@liefzijn.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,33 +212,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over ons", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
label: "Algemene Voorwaarden", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user