From a5b6ff5c8ca23d386a25fa7672c0141981a41dd8 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 28 Mar 2026 09:02:02 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 135 +++++++++++------------------------------------ 1 file changed, 32 insertions(+), 103 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9a7e21b..1c7b73c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -16,33 +16,30 @@ export default function LandingPage() { defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="rounded" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -52,31 +49,19 @@ export default function LandingPage() { description="Ervaar de ultieme zonnesessie in onze luxe zonnestudio. Geniet van een gezonde gloed in een serene omgeving." buttons={[ { - text: "Boek een sessie", - href: "#contact", - }, + text: "Boek een sessie", href: "#contact"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407640.jpg", - imageAlt: "Luxurious Zonnestudio interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407640.jpg", imageAlt: "elegant sunny studio interior"}, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sporty-top-leggings-sitting-lotus-pose-meditating-yoga-mat-home-with-big-window_574295-602.jpg", - imageAlt: "Modern tanning bed room", - }, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sporty-top-leggings-sitting-lotus-pose-meditating-yoga-mat-home-with-big-window_574295-602.jpg", imageAlt: "modern zonnestudio interior design"}, { - imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg?_wi=1", - imageAlt: "Professional wellness equipment", - }, + imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg", imageAlt: "modern tanning equipment technology"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg", - imageAlt: "Satisfied customer glowing skin", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg", imageAlt: "satisfied customer glowing skin"}, { - imageSrc: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg?_wi=1", - imageAlt: "Modern luxury reception", - }, + imageSrc: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg", imageAlt: "modern luxury reception studio"}, ]} /> @@ -86,13 +71,9 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Uw moment van ", - }, + type: "text", content: "Uw moment van "}, { - type: "text", - content: "ontspanning", - }, + type: "text", content: "ontspanning"}, ]} /> @@ -105,20 +86,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Hoogwaardige Zonnebanken", - description: "Moderne apparatuur voor een perfect resultaat.", - imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg?_wi=2", - }, + title: "Hoogwaardige Zonnebanken", description: "Moderne apparatuur voor een perfect resultaat.", imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-exercise-using-sports-equipment-with-therapist_1157-38273.jpg"}, { - title: "Huidverzorging", - description: "Producten om uw huid gezond en stralend te houden.", - imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-woman-with-yellow-flower_23-2148092939.jpg", - }, + title: "Huidverzorging", description: "Producten om uw huid gezond en stralend te houden.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-woman-with-yellow-flower_23-2148092939.jpg"}, { - title: "Persoonlijk Advies", - description: "Onze experts adviseren u voor het beste type sessie.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg", - }, + title: "Persoonlijk Advies", description: "Onze experts adviseren u voor het beste type sessie.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17082.jpg"}, ]} title="Onze Services" description="Wij bieden de beste apparatuur voor een veilige en egale bruining." @@ -131,50 +103,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Sophie V.", - date: "10-02-2025", - title: "Stralende huid", - quote: "Geweldige studio, erg schoon en vriendelijk personeel.", - tag: "Tevreden", - avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg", - }, + id: "1", name: "Sophie V.", date: "10-02-2025", title: "Stralende huid", quote: "Geweldige studio, erg schoon en vriendelijk personeel.", tag: "Tevreden", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-eye-patches_23-2148709323.jpg"}, { - id: "2", - name: "Mark D.", - date: "15-02-2025", - title: "Altijd fijn", - quote: "De beste zonnebanken die ik heb gebruikt.", - tag: "Regelmatig", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-wearing-swimsuit-beach-concept-happiness_181624-31811.jpg", - }, + id: "2", name: "Mark D.", date: "15-02-2025", title: "Altijd fijn", quote: "De beste zonnebanken die ik heb gebruikt.", tag: "Regelmatig", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-wearing-swimsuit-beach-concept-happiness_181624-31811.jpg"}, { - id: "3", - name: "Emma K.", - date: "20-02-2025", - title: "Top service", - quote: "Altijd een warm ontvangst en uitstekende adviezen.", - tag: "Nieuw", - avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing_23-2148994738.jpg", - }, + id: "3", name: "Emma K.", date: "20-02-2025", title: "Top service", quote: "Altijd een warm ontvangst en uitstekende adviezen.", tag: "Nieuw", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing_23-2148994738.jpg"}, { - id: "4", - name: "Lucas B.", - date: "25-02-2025", - title: "Perfecte kleur", - quote: "Krijg altijd een egale kleur zonder vlekken.", - tag: "Vast", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466381.jpg", - }, + id: "4", name: "Lucas B.", date: "25-02-2025", title: "Perfecte kleur", quote: "Krijg altijd een egale kleur zonder vlekken.", tag: "Vast", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-gold-body-painting_23-2150466381.jpg"}, { - id: "5", - name: "Sarah J.", - date: "01-03-2025", - title: "Heerlijk", - quote: "Een oase van rust en een prachtige bruine teint.", - tag: "Lid", - avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing_23-2148994738.jpg", - }, + id: "5", name: "Sarah J.", date: "01-03-2025", title: "Heerlijk", quote: "Een oase van rust en een prachtige bruine teint.", tag: "Lid", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-posing_23-2148994738.jpg"}, ]} title="Wat klanten zeggen" description="Ervaringen van onze trouwe bezoekers." @@ -188,24 +125,16 @@ export default function LandingPage() { description="Neem contact op om een tijdslot te reserveren." inputs={[ { - name: "name", - type: "text", - placeholder: "Naam", - required: true, + name: "name", type: "text", placeholder: "Naam", required: true, }, { - name: "email", - type: "email", - placeholder: "E-mailadres", - required: true, + name: "email", type: "email", placeholder: "E-mailadres", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Uw wensen of vragen", - rows: 4, + name: "message", placeholder: "Uw wensen of vragen", rows: 4, }} - imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg" mediaAnimation="slide-up" />