Merge version_1 into main #2
192
src/app/page.tsx
192
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Behandelingen",
|
||||
id: "#treatments",
|
||||
},
|
||||
name: "Behandelingen", id: "#treatments"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Dordan Kappers"
|
||||
/>
|
||||
@@ -54,105 +46,57 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Jouw kapsel, onze passie"
|
||||
description="Ervaar persoonlijke aandacht en professioneel advies bij de meest vertrouwde kapsalon in Maastricht (Winkelcentrum Brusselsepoort)."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria S.",
|
||||
handle: "@marias",
|
||||
testimonial: "Geweldige ervaring, eindelijk een kapper die echt naar mijn wensen luistert!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1",
|
||||
imageAlt: "luxury hair salon interior clean",
|
||||
},
|
||||
name: "Maria S.", handle: "@marias", testimonial: "Geweldige ervaring, eindelijk een kapper die echt naar mijn wensen luistert!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", imageAlt: "luxury hair salon interior clean"},
|
||||
{
|
||||
name: "Jan V.",
|
||||
handle: "@janv",
|
||||
testimonial: "Topservice en altijd een zeer professioneel resultaat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=1",
|
||||
imageAlt: "professional hairdressing team portrait",
|
||||
},
|
||||
name: "Jan V.", handle: "@janv", testimonial: "Topservice en altijd een zeer professioneel resultaat.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", imageAlt: "professional hairdressing team portrait"},
|
||||
{
|
||||
name: "Sophie L.",
|
||||
handle: "@sophiel",
|
||||
testimonial: "Supervriendelijk team en perfecte styling elke keer weer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-white-flowers-curls-is-touching-her-hair-woman-yellow-top-is-smiling-background-wooden-white-doors_197531-14832.jpg?_wi=1",
|
||||
imageAlt: "beautiful healthy hair style",
|
||||
},
|
||||
name: "Sophie L.", handle: "@sophiel", testimonial: "Supervriendelijk team en perfecte styling elke keer weer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-white-flowers-curls-is-touching-her-hair-woman-yellow-top-is-smiling-background-wooden-white-doors_197531-14832.jpg", imageAlt: "beautiful healthy hair style"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Vaste klant sinds jaren, altijd top!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
|
||||
imageAlt: "luxury hair salon interior clean",
|
||||
},
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Vaste klant sinds jaren, altijd top!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", imageAlt: "luxury hair salon interior clean"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Mijn haar ziet er fantastisch uit na elk bezoek.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=2",
|
||||
imageAlt: "professional hairdressing team portrait",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisak", testimonial: "Mijn haar ziet er fantastisch uit na elk bezoek.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", imageAlt: "professional hairdressing team portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Maak een afspraak",
|
||||
href: "tel:0430000000",
|
||||
},
|
||||
text: "Maak een afspraak", href: "tel:0430000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg"
|
||||
imageAlt="Dordan Kappers Salon"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Klant 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Klant 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Klant 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Klant 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Klant 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Klant 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Klant 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Klant 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
alt: "Klant 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", alt: "Klant 5"},
|
||||
]}
|
||||
avatarText="Bekend bij 1000+ klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Knippen",
|
||||
},
|
||||
type: "text", text: "Knippen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kleurtechnieken",
|
||||
},
|
||||
type: "text", text: "Kleurtechnieken"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Extensions",
|
||||
},
|
||||
type: "text", text: "Extensions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Styling",
|
||||
},
|
||||
type: "text", text: "Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verzorging",
|
||||
},
|
||||
type: "text", text: "Verzorging"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,19 +107,13 @@ export default function LandingPage() {
|
||||
title="Dordan Kappers: Uw Kapper in Maastricht"
|
||||
metrics={[
|
||||
{
|
||||
label: "Ervaren kapsters",
|
||||
value: "8",
|
||||
icon: Users,
|
||||
label: "Ervaren kapsters", value: "8", icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Tevreden klanten",
|
||||
value: "1000+",
|
||||
icon: Award,
|
||||
label: "Tevreden klanten", value: "1000+", icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Jaar ervaring",
|
||||
value: "20+",
|
||||
icon: Clock,
|
||||
label: "Jaar ervaring", value: "20+", icon: Clock,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -189,34 +127,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Styling",
|
||||
title: "Knippen & Styling",
|
||||
items: [
|
||||
"Damesknippen",
|
||||
"Herenknippen",
|
||||
"Professionele styling",
|
||||
],
|
||||
id: "1", label: "Styling", title: "Knippen & Styling", items: [
|
||||
"Damesknippen", "Herenknippen", "Professionele styling"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Kleur",
|
||||
title: "Kleurtechnieken",
|
||||
items: [
|
||||
"Highlights",
|
||||
"Balayage",
|
||||
"Full color",
|
||||
],
|
||||
id: "2", label: "Kleur", title: "Kleurtechnieken", items: [
|
||||
"Highlights", "Balayage", "Full color"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Extensions",
|
||||
title: "Hair Extensions",
|
||||
items: [
|
||||
"Hairtalk",
|
||||
"Great Lengths",
|
||||
"Volume advies",
|
||||
],
|
||||
id: "3", label: "Extensions", title: "Hair Extensions", items: [
|
||||
"Hairtalk", "Great Lengths", "Volume advies"],
|
||||
},
|
||||
]}
|
||||
title="Onze Behandelingen"
|
||||
@@ -231,33 +151,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "staff",
|
||||
groupTitle: "Dordan Kappers Styling Team",
|
||||
members: [
|
||||
id: "staff", groupTitle: "Dordan Kappers Styling Team", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Dorothé",
|
||||
subtitle: "Eigenaresse",
|
||||
detail: "Master stylist met passie voor het vak.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=3",
|
||||
},
|
||||
id: "1", title: "Dorothé", subtitle: "Eigenaresse", detail: "Master stylist met passie voor het vak.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Brigit",
|
||||
subtitle: "Stylist",
|
||||
detail: "Specialist in kleurtechnieken.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=4",
|
||||
},
|
||||
id: "2", title: "Brigit", subtitle: "Stylist", detail: "Specialist in kleurtechnieken.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Michelle",
|
||||
subtitle: "Stylist",
|
||||
detail: "Expert in styling en extensions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=5",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-white-flowers-curls-is-touching-her-hair-woman-yellow-top-is-smiling-background-wooden-white-doors_197531-14832.jpg?_wi=2",
|
||||
imageAlt: "beautiful healthy hair style",
|
||||
id: "3", title: "Michelle", subtitle: "Stylist", detail: "Expert in styling en extensions.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Ons Team"
|
||||
@@ -269,16 +170,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Maak direct een afspraak"
|
||||
description="Wilt u er goed uitzien? Bel ons direct voor een afspraak in Winkelcentrum Brusselsepoort of stuur ons een bericht."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bel direct: 043-0000000",
|
||||
href: "tel:0430000000",
|
||||
},
|
||||
text: "Bel direct: 043-0000000", href: "tel:0430000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,9 +188,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user