Update src/app/page.tsx
This commit is contained in:
135
src/app/page.tsx
135
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"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Summertimes"
|
||||
button={{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Session", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user