bender/c65190e3-ece6-4466-b58d-9706d067bf68
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-04 17:09:58 +00:00
parent 758039b610
commit 4a26a4748e
1 changed files with 63 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -33,40 +33,24 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Over Ons",
id: "#about",
},
name: "Over Ons", id: "#about"},
{
name: "Diensten",
id: "#features",
},
name: "Diensten", id: "#features"},
{
name: "Prijzen",
id: "#pricing",
},
name: "Prijzen", id: "#pricing"},
{
name: "Ervaringen",
id: "#testimonials",
},
name: "Ervaringen", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoAlt="Lash Extend Logo"
brandName="Lash Extend"
button={{
text: "Boek Nu",
href: "#contact",
}}
text: "Boek Nu", href: "#contact"}}
/>
</div>
@@ -76,35 +60,21 @@ export default function LandingPage() {
description="Ontdek de kunst van wimperextensions bij Lash Extend. Wij creëren betoverende blikken die blijven hangen."
buttons={[
{
text: "Bekijk Diensten",
href: "#features",
},
text: "Bekijk Diensten", href: "#features"},
{
text: "Afspraak Maken",
href: "#contact",
},
text: "Afspraak Maken", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-latin-woman-smiling-pink-background_633478-251.jpg",
alt: "Klanten avatar 1",
},
src: "http://img.b2bpic.net/free-photo/happy-latin-woman-smiling-pink-background_633478-251.jpg", alt: "Klanten avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/cute-lady-holding-idea-board-smiling-camera_114579-92473.jpg",
alt: "Klanten avatar 2",
},
src: "http://img.b2bpic.net/free-photo/cute-lady-holding-idea-board-smiling-camera_114579-92473.jpg", alt: "Klanten avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/fashion-girl-city_1157-16477.jpg",
alt: "Klanten avatar 3",
},
src: "http://img.b2bpic.net/free-photo/fashion-girl-city_1157-16477.jpg", alt: "Klanten avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg",
alt: "Klanten avatar 4",
},
src: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg", alt: "Klanten avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-gray-haired-mature-businesswoman-white-shirt-sitting-hotel-lobby_343059-3759.jpg",
alt: "Klanten avatar 5",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-gray-haired-mature-businesswoman-white-shirt-sitting-hotel-lobby_343059-3759.jpg", alt: "Klanten avatar 5"},
]}
avatarText="+ 5.000 tevreden klanten"
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-fashion-portrait-seductive-gorgeous-young-woman-enjoy-her-morning-wearing-white-lingerie-cozy-stylish-cardigan-relax-alone-white-bedroom_291049-932.jpg"
@@ -121,9 +91,7 @@ export default function LandingPage() {
title="Over Lash Extend: Jouw Schoonheid, Onze Passie"
buttons={[
{
text: "Meer Over Ons",
href: "#about",
},
text: "Meer Over Ons", href: "#about"},
]}
/>
</div>
@@ -135,26 +103,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f-1",
title: "Volume Lashes",
subtitle: "Creëer een volle, dramatische look met meerdere fijne extensions per wimper.",
category: "Behandeling",
value: "Diepte & Volheid",
},
id: "f-1", title: "Volume Lashes", subtitle: "Creëer een volle, dramatische look met meerdere fijne extensions per wimper.", category: "Behandeling", value: "Diepte & Volheid"},
{
id: "f-2",
title: "Classic Lashes",
subtitle: "Voor een natuurlijke verlenging, waarbij één extension op elke natuurlijke wimper wordt geplaatst.",
category: "Behandeling",
value: "Natuurlijke Elegantie",
},
id: "f-2", title: "Classic Lashes", subtitle: "Voor een natuurlijke verlenging, waarbij één extension op elke natuurlijke wimper wordt geplaatst.", category: "Behandeling", value: "Natuurlijke Elegantie"},
{
id: "f-3",
title: "Lash Lift & Tint",
subtitle: "Geef je natuurlijke wimpers een prachtige krul en intense kleur zonder extensions.",
category: "Behandeling",
value: "Natuurlijke Boost",
},
id: "f-3", title: "Lash Lift & Tint", subtitle: "Geef je natuurlijke wimpers een prachtige krul en intense kleur zonder extensions.", category: "Behandeling", value: "Natuurlijke Boost"},
]}
title="Onze Exclusieve Diensten voor Prachtige Wimpers"
description="Ontdek een breed scala aan wimperbehandelingen, vakkundig uitgevoerd voor een perfect resultaat."
@@ -166,49 +119,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "p-1",
name: "Natural Look Volume Set",
price: "€95",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-close-up_1121-25.jpg",
imageAlt: "Natural Look Volume Lash extensions",
},
id: "p-1", name: "Natural Look Volume Set", price: "€95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-close-up_1121-25.jpg", imageAlt: "Natural Look Volume Lash extensions"},
{
id: "p-2",
name: "Glamour Look Classic Set",
price: "€80",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-model-with-perfect-skin-professional-evening-makeup-wearing-sexy-black-white-striped-jacket-ove-bra-grey-background_132075-11935.jpg",
imageAlt: "Glamour Look Classic Lash extensions",
},
id: "p-2", name: "Glamour Look Classic Set", price: "€80", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-attractive-brunette-model-with-perfect-skin-professional-evening-makeup-wearing-sexy-black-white-striped-jacket-ove-bra-grey-background_132075-11935.jpg", imageAlt: "Glamour Look Classic Lash extensions"},
{
id: "p-3",
name: "Mega Volume Set",
price: "€120",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390894.jpg",
imageAlt: "Mega Volume Lash extensions",
},
id: "p-3", name: "Mega Volume Set", price: "€120", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390894.jpg", imageAlt: "Mega Volume Lash extensions"},
{
id: "p-4",
name: "Hybrid Lash Set",
price: "€105",
imageSrc: "http://img.b2bpic.net/free-photo/woman-before-after-eyelashes-extensions_23-2150039802.jpg",
imageAlt: "Hybrid Lash extensions",
},
id: "p-4", name: "Hybrid Lash Set", price: "€105", imageSrc: "http://img.b2bpic.net/free-photo/woman-before-after-eyelashes-extensions_23-2150039802.jpg", imageAlt: "Hybrid Lash extensions"},
{
id: "p-5",
name: "Lash Extend Onderhoudsset",
price: "€35",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-using-mascara-home_23-2148817245.jpg",
imageAlt: "Lash extension onderhoudsset",
},
id: "p-5", name: "Lash Extend Onderhoudsset", price: "€35", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-using-mascara-home_23-2148817245.jpg", imageAlt: "Lash extension onderhoudsset"},
{
id: "p-6",
name: "Wimperreinigingsschuim",
price: "€18",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-couple-field-wirh-sunflowers_1157-51447.jpg",
imageAlt: "Wimperreinigingsschuim",
},
id: "p-6", name: "Wimperreinigingsschuim", price: "€18", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-couple-field-wirh-sunflowers_1157-51447.jpg", imageAlt: "Wimperreinigingsschuim"},
]}
title="Ontdek Onze Wimperstijlen en Producten"
description="Van natuurlijke elegantie tot dramatische flair, vind de perfecte wimperlook die bij jou past, aangevuld met hoogwaardige verzorgingsproducten."
@@ -222,43 +146,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan-1",
badge: "Nieuwe Set",
badgeIcon: Sparkles,
price: "€80",
subtitle: "Classic Lash Set",
features: [
"Één op één techniek",
"Natuurlijke uitstraling",
"Duurzaam tot 3 weken",
"Inclusief verzorgingsadvies",
],
id: "plan-1", badge: "Nieuwe Set", badgeIcon: Sparkles,
price: "€80", subtitle: "Classic Lash Set", features: [
"Één op één techniek", "Natuurlijke uitstraling", "Duurzaam tot 3 weken", "Inclusief verzorgingsadvies"],
},
{
id: "plan-2",
badge: "Nieuwe Set",
badgeIcon: Sparkles,
price: "€95",
subtitle: "Volume Lash Set",
features: [
"Meerdere fijne extensions per wimper",
"Volle, dramatische look",
"Duurzaam tot 4 weken",
"Inclusief verzorgingsadvies",
],
id: "plan-2", badge: "Nieuwe Set", badgeIcon: Sparkles,
price: "€95", subtitle: "Volume Lash Set", features: [
"Meerdere fijne extensions per wimper", "Volle, dramatische look", "Duurzaam tot 4 weken", "Inclusief verzorgingsadvies"],
},
{
id: "plan-3",
badge: "Bijwerken",
badgeIcon: Edit,
price: "Vanaf €45",
subtitle: "Opvulbehandeling",
features: [
"Bijwerken van bestaande extensions",
"Binnen 2-3 weken",
"Herstelt de volheid",
"Verlengt de levensduur van je set",
],
id: "plan-3", badge: "Bijwerken", badgeIcon: Edit,
price: "Vanaf €45", subtitle: "Opvulbehandeling", features: [
"Bijwerken van bestaande extensions", "Binnen 2-3 weken", "Herstelt de volheid", "Verlengt de levensduur van je set"],
},
]}
title="Transparante Prijzen voor Elke Wens"
@@ -271,41 +171,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t-1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
imageAlt: "Klant Sarah J.",
},
id: "t-1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Klant Sarah J."},
{
id: "t-2",
name: "Linda S.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg",
imageAlt: "Klant Linda S.",
},
id: "t-2", name: "Linda S.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg", imageAlt: "Klant Linda S."},
{
id: "t-3",
name: "Fatima B.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-black-woman-with-afro-hair_150588-180.jpg",
imageAlt: "Klant Fatima B.",
},
id: "t-3", name: "Fatima B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-black-woman-with-afro-hair_150588-180.jpg", imageAlt: "Klant Fatima B."},
{
id: "t-4",
name: "Kim V.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-caucasian-woman-red-fitting-elegant-dress-outdoor-background-tropical-leafs_343596-3796.jpg",
imageAlt: "Klant Kim V.",
},
id: "t-4", name: "Kim V.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-caucasian-woman-red-fitting-elegant-dress-outdoor-background-tropical-leafs_343596-3796.jpg", imageAlt: "Klant Kim V."},
{
id: "t-5",
name: "Chantal P.",
imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-delighted-charming-cute-curlyhaired-caucasian-female-cropped-top-being-touche_1258-141474.jpg",
imageAlt: "Klant Chantal P.",
},
id: "t-5", name: "Chantal P.", imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-delighted-charming-cute-curlyhaired-caucasian-female-cropped-top-being-touche_1258-141474.jpg", imageAlt: "Klant Chantal P."},
{
id: "t-6",
name: "Melissa R.",
imageSrc: "http://img.b2bpic.net/free-photo/dress-adult-background-young-black_1303-573.jpg",
imageAlt: "Klant Melissa R.",
},
id: "t-6", name: "Melissa R.", imageSrc: "http://img.b2bpic.net/free-photo/dress-adult-background-young-black_1303-573.jpg", imageAlt: "Klant Melissa R."},
]}
cardTitle="Wat Onze Klanten Zeggen"
cardTag="Echte Ervaringen"
@@ -319,30 +195,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Wat zijn wimperextensions?",
content: "Wimperextensions zijn synthetische haartjes die één voor één met een speciale lijm aan je eigen natuurlijke wimpers worden bevestigd. Ze zorgen voor extra lengte, volume en een intense oogopslag.",
},
id: "faq-1", title: "Wat zijn wimperextensions?", content: "Wimperextensions zijn synthetische haartjes die één voor één met een speciale lijm aan je eigen natuurlijke wimpers worden bevestigd. Ze zorgen voor extra lengte, volume en een intense oogopslag."},
{
id: "faq-2",
title: "Hoe lang blijven wimperextensions zitten?",
content: "De levensduur van wimperextensions varieert, afhankelijk van je natuurlijke wimpergroeicyclus en hoe goed je ze verzorgt. Gemiddeld blijven ze 3 tot 5 weken mooi, waarna een opvulbehandeling wordt aangeraden.",
},
id: "faq-2", title: "Hoe lang blijven wimperextensions zitten?", content: "De levensduur van wimperextensions varieert, afhankelijk van je natuurlijke wimpergroeicyclus en hoe goed je ze verzorgt. Gemiddeld blijven ze 3 tot 5 weken mooi, waarna een opvulbehandeling wordt aangeraden."},
{
id: "faq-3",
title: "Zijn wimperextensions schadelijk voor mijn natuurlijke wimpers?",
content: "Nee, mits correct aangebracht door een gecertificeerde professional en met de juiste nazorg, zijn wimperextensions niet schadelijk. Het is belangrijk dat de juiste lengte en dikte van de extensions worden gekozen om je natuurlijke wimpers niet te belasten.",
},
id: "faq-3", title: "Zijn wimperextensions schadelijk voor mijn natuurlijke wimpers?", content: "Nee, mits correct aangebracht door een gecertificeerde professional en met de juiste nazorg, zijn wimperextensions niet schadelijk. Het is belangrijk dat de juiste lengte en dikte van de extensions worden gekozen om je natuurlijke wimpers niet te belasten."},
{
id: "faq-4",
title: "Hoe bereid ik me voor op een afspraak?",
content: "Kom met schone wimpers naar je afspraak, vrij van make-up, mascara en oliehoudende producten. Draag geen contactlenzen en vermijd cafeïne vlak voor de behandeling voor een ontspannen ervaring.",
},
id: "faq-4", title: "Hoe bereid ik me voor op een afspraak?", content: "Kom met schone wimpers naar je afspraak, vrij van make-up, mascara en oliehoudende producten. Draag geen contactlenzen en vermijd cafeïne vlak voor de behandeling voor een ontspannen ervaring."},
{
id: "faq-5",
title: "Hoe verzorg ik mijn wimperextensions thuis?",
content: "Vermijd oliehoudende producten rondom je ogen, wrijf niet in je ogen en reinig je wimpers dagelijks met een speciale lash cleanser. Borstel je wimpers voorzichtig met een wimperborsteltje.",
},
id: "faq-5", title: "Hoe verzorg ik mijn wimperextensions thuis?", content: "Vermijd oliehoudende producten rondom je ogen, wrijf niet in je ogen en reinig je wimpers dagelijks met een speciale lash cleanser. Borstel je wimpers voorzichtig met een wimperborsteltje."},
]}
title="Veelgestelde Vragen"
description="Heb je vragen over wimperextensions of onze diensten? Hier vind je antwoorden op de meest voorkomende vragen."
@@ -357,28 +218,17 @@ export default function LandingPage() {
description="Neem contact met ons op voor een afspraak of voor meer informatie over onze behandelingen. Wij staan klaar om je te helpen!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Jouw Naam",
required: true,
name: "name", type: "text", placeholder: "Jouw Naam", required: true,
},
{
name: "email",
type: "email",
placeholder: "Jouw E-mailadres",
required: true,
name: "email", type: "email", placeholder: "Jouw E-mailadres", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Jouw Telefoonnummer",
required: false,
name: "phone", type: "tel", placeholder: "Jouw Telefoonnummer", required: false,
},
]}
textarea={{
name: "message",
placeholder: "Jouw Bericht of Vraag",
rows: 5,
name: "message", placeholder: "Jouw Bericht of Vraag", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-holding-organic-vegetables_23-2148672860.jpg"
@@ -393,58 +243,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Informatie",
items: [
title: "Informatie", items: [
{
label: "Over Ons",
href: "#about",
},
label: "Over Ons", href: "#about"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Diensten",
items: [
title: "Diensten", items: [
{
label: "Volume Lashes",
href: "#features",
},
label: "Volume Lashes", href: "#features"},
{
label: "Classic Lashes",
href: "#features",
},
label: "Classic Lashes", href: "#features"},
{
label: "Lash Lift & Tint",
href: "#features",
},
label: "Lash Lift & Tint", href: "#features"},
{
label: "Prijzen",
href: "#pricing",
},
label: "Prijzen", href: "#pricing"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Boek Direct",
href: "#contact",
},
label: "Boek Direct", href: "#contact"},
{
label: "Email Ons",
href: "mailto:info@lashextend.nl",
},
label: "Email Ons", href: "mailto:info@lashextend.nl"},
{
label: "Bel Ons",
href: "tel:+31612345678",
},
label: "Bel Ons", href: "tel:+31612345678"},
],
},
]}