From 11d4cbb0bf3635b6188d6807f543d1d323453113 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 2 May 2026 22:04:18 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 208 ++++++++++------------------------------------- 1 file changed, 45 insertions(+), 163 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 65eed89..e2fb363 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,41 +48,26 @@ export default function LandingPage() {
@@ -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."]} /> @@ -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() { @@ -318,33 +212,21 @@ export default function LandingPage() {