Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Over Ons", id: "about" },
|
||||
{ name: "Diensten", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdQ63ICci16Bw5pwe4DuCUWLZk/uploaded-1776714704823-3t5upo92.png"
|
||||
brandName="Kapsalon Viona"
|
||||
@@ -59,39 +44,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welkom bij Kapsalon Viona"
|
||||
description="Ervaar de persoonlijke aandacht en vakkundige zorg voor uw haar in hartje Noordwijk. Wij staan voor kwaliteit en een ontspannen moment voor uzelf."
|
||||
tag="Uw lokale kapper in Noordwijk"
|
||||
buttons={[
|
||||
{
|
||||
text: "Maak een afspraak",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Maak een afspraak", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1",
|
||||
imageAlt: "luxury salon interior natural light",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", imageAlt: "luxury salon interior natural light"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-hair-brushes-looking-up-puzzled_141793-37380.jpg?_wi=1",
|
||||
imageAlt: "happy client professional salon styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102193.jpg",
|
||||
imageAlt: "Still life with razor blade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166792.jpg",
|
||||
imageAlt: "Office desktop with a lipstick",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-cozy-workspace-with-natural-light-plants-neutral-colors_23-2151965514.jpg",
|
||||
imageAlt: "Serene and cozy workspace with natural light",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-hair-brushes-looking-up-puzzled_141793-37380.jpg", imageAlt: "happy client professional salon styling"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,10 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Een persoonlijke touch"
|
||||
description={[
|
||||
"Kapsalon Viona is geen massale keten, maar een sfeervolle salon waar u als persoon centraal staat. Wij geloven dat een goed kapsel begint bij aandacht voor wie u bent.",
|
||||
"Met jarenlange ervaring bieden wij vakmanschap en een luisterend oor. Of u nu komt voor een klassiek knipbeurt of een moderne kleurtechniek, wij zorgen voor een resultaat dat bij u past.",
|
||||
"Stap binnen in onze vertrouwde omgeving in Noordwijk en ervaar de rust en persoonlijke service die u van ons mag verwachten.",
|
||||
]}
|
||||
"Kapsalon Viona is geen massale keten, maar een sfeervolle salon waar u als persoon centraal staat. Wij geloven dat een goed kapsel begint bij aandacht voor wie u bent.", "Met jarenlange ervaring bieden wij vakmanschap en een luisterend oor. Of u nu komt voor een klassiek knipbeurt of een moderne kleurtechniek, wij zorgen voor een resultaat dat bij u past.", "Stap binnen in onze vertrouwde omgeving in Noordwijk en ervaar de rust en persoonlijke service die u van ons mag verwachten."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,38 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Knippen",
|
||||
title: "Precision Knippen",
|
||||
items: [
|
||||
"Damesknippen",
|
||||
"Herenknippen",
|
||||
"Kinderknippen",
|
||||
"Model föhnen",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Kleuren",
|
||||
title: "Creatieve Kleurtechnieken",
|
||||
items: [
|
||||
"Highlights",
|
||||
"Balayage",
|
||||
"Full Color",
|
||||
"Glossing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Verzorging",
|
||||
title: "Haarverzorging",
|
||||
items: [
|
||||
"Deep conditioning mask",
|
||||
"Hoofdhuidmassage",
|
||||
"Herstellende treatments",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Knippen", title: "Precision Knippen", items: ["Damesknippen", "Herenknippen", "Kinderknippen", "Model föhnen"] },
|
||||
{ id: "s2", label: "Kleuren", title: "Creatieve Kleurtechnieken", items: ["Highlights", "Balayage", "Full Color", "Glossing"] },
|
||||
{ id: "s3", label: "Verzorging", title: "Haarverzorging", items: ["Deep conditioning mask", "Hoofdhuidmassage", "Herstellende treatments"] },
|
||||
]}
|
||||
title="Onze Diensten"
|
||||
description="Van knippen tot kleurtechnieken en verzorgende behandelingen, wij zijn gespecialiseerd in alles wat uw haar gezond en mooi houdt."
|
||||
@@ -161,24 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Kwaliteit",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Heart,
|
||||
title: "Service",
|
||||
value: "Persoonlijk",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Ervaring",
|
||||
value: "Vakmanschap",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Kwaliteit", value: "100%" },
|
||||
{ id: "m2", icon: Heart, title: "Service", value: "Persoonlijk" },
|
||||
{ id: "m3", icon: Award, title: "Ervaring", value: "Vakmanschap" },
|
||||
]}
|
||||
title="Waarom kiezen voor Viona?"
|
||||
description="Kwaliteit, aandacht en betrouwbaarheid vormen de basis van onze salon."
|
||||
@@ -191,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna de Boer",
|
||||
handle: "@annab",
|
||||
testimonial: "Kom hier al jaren en altijd zeer tevreden over het resultaat!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg",
|
||||
imageAlt: "hairdresser with client smiling",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Janssen",
|
||||
handle: "@markj",
|
||||
testimonial: "Eindelijk een kapper die echt naar je wensen luistert. Top!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdQ63ICci16Bw5pwe4DuCUWLZk/uploaded-1776714704823-3t5upo92.png",
|
||||
imageAlt: "hairdresser with client smiling",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie Visser",
|
||||
handle: "@sophiev",
|
||||
testimonial: "De sfeer is heerlijk ontspannen en de koffie staat altijd klaar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
|
||||
imageAlt: "hairdresser with client smiling",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jan de Vries",
|
||||
handle: "@jandv",
|
||||
testimonial: "Vakwerk en een zeer vriendelijke persoonlijke service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-hair-brushes-looking-up-puzzled_141793-37380.jpg?_wi=2",
|
||||
imageAlt: "hairdresser with client smiling",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Smit",
|
||||
handle: "@lindas",
|
||||
testimonial: "Altijd vrolijk, professioneel en perfect geknipt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg?_wi=1",
|
||||
imageAlt: "hairdresser with client smiling",
|
||||
},
|
||||
{ id: "t1", name: "Anna de Boer", handle: "@annab", testimonial: "Kom hier al jaren en altijd zeer tevreden over het resultaat!", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94690.jpg", imageAlt: "hairdresser with client smiling" },
|
||||
{ id: "t2", name: "Mark Janssen", handle: "@markj", testimonial: "Eindelijk een kapper die echt naar je wensen luistert. Top!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdQ63ICci16Bw5pwe4DuCUWLZk/uploaded-1776714704823-3t5upo92.png", imageAlt: "hairdresser with client smiling" },
|
||||
{ id: "t3", name: "Sophie Visser", handle: "@sophiev", testimonial: "De sfeer is heerlijk ontspannen en de koffie staat altijd klaar.", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", imageAlt: "hairdresser with client smiling" },
|
||||
{ id: "t4", name: "Jan de Vries", handle: "@jandv", testimonial: "Vakwerk en een zeer vriendelijke persoonlijke service.", imageSrc: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-hair-brushes-looking-up-puzzled_141793-37380.jpg", imageAlt: "hairdresser with client smiling" },
|
||||
{ id: "t5", name: "Linda Smit", handle: "@lindas", testimonial: "Altijd vrolijk, professioneel en perfect geknipt.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg", imageAlt: "hairdresser with client smiling" },
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Trots op onze trouwe klantenkring in Noordwijk."
|
||||
@@ -244,21 +126,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Direct contact",
|
||||
price: "Bel ons",
|
||||
period: "voor afspraak",
|
||||
description: "Bel direct voor een afspraak of loop gezellig binnen in onze salon.",
|
||||
button: {
|
||||
text: "Bel nu: 071-1234567",
|
||||
href: "tel:+31711234567",
|
||||
},
|
||||
featuresTitle: "Wij zijn bereikbaar:",
|
||||
features: [
|
||||
"Persoonlijk advies",
|
||||
"Snelle planning",
|
||||
"Geen wachttijden",
|
||||
],
|
||||
id: "p1", tag: "Direct contact", price: "Bel ons", period: "voor afspraak", description: "Bel direct voor een afspraak of loop gezellig binnen in onze salon.", button: { text: "Bel nu: 071-1234567", href: "tel:+31711234567" },
|
||||
featuresTitle: "Wij zijn bereikbaar:", features: ["Persoonlijk advies", "Snelle planning", "Geen wachttijden"],
|
||||
},
|
||||
]}
|
||||
title="Klaar voor een nieuwe look?"
|
||||
@@ -272,32 +141,12 @@ export default function LandingPage() {
|
||||
title="Contact opnemen"
|
||||
description="Heeft u een vraag of wilt u liever dat wij contact met u opnemen? Vul het formulier in."
|
||||
inputs={[
|
||||
{
|
||||
name: "naam",
|
||||
type: "text",
|
||||
placeholder: "Uw naam",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Uw emailadres",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "telefoon",
|
||||
type: "tel",
|
||||
placeholder: "Uw telefoonnummer",
|
||||
required: true,
|
||||
},
|
||||
{ name: "naam", type: "text", placeholder: "Uw naam", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Uw emailadres", required: true },
|
||||
{ name: "telefoon", type: "tel", placeholder: "Uw telefoonnummer", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "bericht",
|
||||
placeholder: "Uw bericht of afspraakwens",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg?_wi=2"
|
||||
textarea={{ name: "bericht", placeholder: "Uw bericht of afspraakwens", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg"
|
||||
buttonText="Verstuur bericht"
|
||||
/>
|
||||
</div>
|
||||
@@ -308,34 +157,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Over ons",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Diensten",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Afspraak maken",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Over ons", href: "#about" },
|
||||
{ label: "Diensten", href: "#services" },
|
||||
{ label: "Afspraak maken", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Noordwijk, Nederland",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tel: 071-1234567",
|
||||
href: "tel:+31711234567",
|
||||
},
|
||||
{
|
||||
label: "Privacybeleid",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Noordwijk, Nederland", href: "#" },
|
||||
{ label: "Tel: 071-1234567", href: "tel:+31711234567" },
|
||||
{ label: "Privacybeleid", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +176,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user