Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Over Ons", id: "#about"},
|
||||
{
|
||||
name: "Diensten",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Diensten", id: "#features"},
|
||||
{
|
||||
name: "Tarieven",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Tarieven", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/quality-logo-sets_53876-77140.jpg"
|
||||
logoAlt="Kapp.-aan-Huis-Serv. Sandra Logo"
|
||||
@@ -63,9 +53,7 @@ export default function LandingPage() {
|
||||
description="Geniet van professionele kappersdiensten in het comfort van uw eigen huis in Ridderkerk en omstreken. Flexibel, vakkundig en altijd met een glimlach."
|
||||
buttons={[
|
||||
{
|
||||
text: "Afspraak Maken",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Afspraak Maken", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg"
|
||||
imageAlt="Sandra, de mobiele kapper, aan het werk bij een klant thuis"
|
||||
@@ -74,25 +62,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-human-emotions-life-peception-beautiful-charming-gray-haired-woman-retirement-expressing-sincere-reaction-having-happy-look-fascinated-with-good-news-holding-hands-her-face_343059-2688.jpg",
|
||||
alt: "Tevreden oudere klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-human-emotions-life-peception-beautiful-charming-gray-haired-woman-retirement-expressing-sincere-reaction-having-happy-look-fascinated-with-good-news-holding-hands-her-face_343059-2688.jpg", alt: "Tevreden oudere klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-cheerful-caucasian-female-pensioner-with-short-pixie-hairstyle-smiling-broadly-dressed-stylish-knitted-burgundy-pullover-people-age-style-knitwear-fashion-concept_343059-2680.jpg",
|
||||
alt: "Blije klant met nieuw kapsel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-cheerful-caucasian-female-pensioner-with-short-pixie-hairstyle-smiling-broadly-dressed-stylish-knitted-burgundy-pullover-people-age-style-knitwear-fashion-concept_343059-2680.jpg", alt: "Blije klant met nieuw kapsel"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg",
|
||||
alt: "Zorgeloze klantervaring",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-happy-retired-woman-wearing-cozy-sweater-short-hairdo_343059-1210.jpg", alt: "Zorgeloze klantervaring"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg",
|
||||
alt: "Expressieve klant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1294.jpg", alt: "Expressieve klant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-bun-hairstyle-keeps-pams-near-face-smiles-toothily-applies-blue-eyeliner-wears-green-jumper-poses-outdoors-against-blurred-background-has-playful-mood_273609-59182.jpg",
|
||||
alt: "Jonge vrouw blij met haar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-bun-hairstyle-keeps-pams-near-face-smiles-toothily-applies-blue-eyeliner-wears-green-jumper-poses-outdoors-against-blurred-background-has-playful-mood_273609-59182.jpg", alt: "Jonge vrouw blij met haar"},
|
||||
]}
|
||||
avatarText="Tevreden klanten"
|
||||
/>
|
||||
@@ -103,12 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="Over Ons"
|
||||
title="Sandra: Uw Ervaren Mobiele Haarstyliste"
|
||||
description="Met jarenlange ervaring en een diepe passie voor haar, brengt Sandra de professionele kapsalonervaring direct naar u thuis. Of u nu op zoek bent naar een frisse knipbeurt, een levendige nieuwe kleur, of een elegante feestlook, Sandra staat voor u klaar met persoonlijke aandacht en vakkundigheid. Comfort, gemak en kwaliteit staan bij Kapp.-aan-Huis-Serv. Sandra centraal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Meer over Sandra",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Meer over Sandra", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,40 +95,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feature-1",
|
||||
title: "Kappersdienst aan Huis",
|
||||
subtitle: "Geen reistijd, geen wachttijden. Geniet van een professionele behandeling in uw eigen vertrouwde omgeving, op een moment dat het u uitkomt.",
|
||||
category: "Comfort",
|
||||
value: "Thuisgemak",
|
||||
},
|
||||
id: "feature-1", title: "Kappersdienst aan Huis", subtitle: "Geen reistijd, geen wachttijden. Geniet van een professionele behandeling in uw eigen vertrouwde omgeving, op een moment dat het u uitkomt.", category: "Comfort", value: "Thuisgemak"},
|
||||
{
|
||||
id: "feature-2",
|
||||
title: "Rolstoeltoegankelijk",
|
||||
subtitle: "Wij zorgen ervoor dat onze service voor iedereen toegankelijk is. Rolstoeltoegankelijke parking is beschikbaar, zodat iedereen kan genieten van een frisse look.",
|
||||
category: "Toegankelijkheid",
|
||||
value: "Inclusief",
|
||||
},
|
||||
id: "feature-2", title: "Rolstoeltoegankelijk", subtitle: "Wij zorgen ervoor dat onze service voor iedereen toegankelijk is. Rolstoeltoegankelijke parking is beschikbaar, zodat iedereen kan genieten van een frisse look.", category: "Toegankelijkheid", value: "Inclusief"},
|
||||
{
|
||||
id: "feature-3",
|
||||
title: "Kindvriendelijke Service",
|
||||
subtitle: "Sandra is ervaren in het knippen van kinderen. Wij creëren een leuke en ontspannen sfeer, zodat ook de jongsten zich op hun gemak voelen tijdens de knipbeurt.",
|
||||
category: "Familie",
|
||||
value: "Geschikt voor kinderen",
|
||||
},
|
||||
id: "feature-3", title: "Kindvriendelijke Service", subtitle: "Sandra is ervaren in het knippen van kinderen. Wij creëren een leuke en ontspannen sfeer, zodat ook de jongsten zich op hun gemak voelen tijdens de knipbeurt.", category: "Familie", value: "Geschikt voor kinderen"},
|
||||
{
|
||||
id: "feature-4",
|
||||
title: "Flexibele Betaalmethoden",
|
||||
subtitle: "Betaal eenvoudig en veilig met contactloos mobiel betalen, pinpassen, of creditcards. Gemak staat voorop, van afspraak tot betaling.",
|
||||
category: "Betaling",
|
||||
value: "Diverse opties",
|
||||
},
|
||||
id: "feature-4", title: "Flexibele Betaalmethoden", subtitle: "Betaal eenvoudig en veilig met contactloos mobiel betalen, pinpassen, of creditcards. Gemak staat voorop, van afspraak tot betaling.", category: "Betaling", value: "Diverse opties"},
|
||||
{
|
||||
id: "feature-5",
|
||||
title: "Afspraak Aanbevolen",
|
||||
subtitle: "Om u de beste service te garanderen en wachttijden te voorkomen, werkt Sandra uitsluitend op afspraak. Plan uw bezoek eenvoudig via telefoon of het contactformulier.",
|
||||
category: "Planning",
|
||||
value: "Efficiënt",
|
||||
},
|
||||
id: "feature-5", title: "Afspraak Aanbevolen", subtitle: "Om u de beste service te garanderen en wachttijden te voorkomen, werkt Sandra uitsluitend op afspraak. Plan uw bezoek eenvoudig via telefoon of het contactformulier.", category: "Planning", value: "Efficiënt"},
|
||||
]}
|
||||
title="Service op Maat, Comfort aan Huis"
|
||||
description="Kapp.-aan-Huis-Serv. Sandra is ontworpen om u de meest comfortabele en toegankelijke kapperservaring te bieden, aangepast aan uw wensen."
|
||||
@@ -168,71 +118,37 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
name: "Dames Knippen & Stylen",
|
||||
price: "€35",
|
||||
buttons: [
|
||||
id: "plan-1", name: "Dames Knippen & Stylen", price: "€35", buttons: [
|
||||
{
|
||||
text: "Afspraak Maken",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Afspraak Maken", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Wassen, knippen & drogen",
|
||||
"Persoonlijk advies",
|
||||
"Inclusief stylingsproducten",
|
||||
"Wassen, knippen & drogen", "Persoonlijk advies", "Inclusief stylingsproducten"],
|
||||
badge: "Populair"},
|
||||
{
|
||||
id: "plan-2", name: "Heren Knippen", price: "€25", buttons: [
|
||||
{
|
||||
text: "Afspraak Maken", href: "#contact"},
|
||||
],
|
||||
badge: "Populair",
|
||||
features: [
|
||||
"Knippen & stylen", "Nek uitgeschoren", "Frisse afwerking"],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
name: "Heren Knippen",
|
||||
price: "€25",
|
||||
buttons: [
|
||||
id: "plan-3", name: "Kinder Knippen (t/m 12 jaar)", price: "€20", buttons: [
|
||||
{
|
||||
text: "Afspraak Maken",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Afspraak Maken", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Knippen & stylen",
|
||||
"Nek uitgeschoren",
|
||||
"Frisse afwerking",
|
||||
],
|
||||
"Knippen & stylen", "Speelse aanpak", "Geschikt voor alle leeftijden"],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
name: "Kinder Knippen (t/m 12 jaar)",
|
||||
price: "€20",
|
||||
buttons: [
|
||||
id: "plan-4", name: "Kleuren & Knippen", price: "Vanaf €70", buttons: [
|
||||
{
|
||||
text: "Afspraak Maken",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Afspraak Maken", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Knippen & stylen",
|
||||
"Speelse aanpak",
|
||||
"Geschikt voor alle leeftijden",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-4",
|
||||
name: "Kleuren & Knippen",
|
||||
price: "Vanaf €70",
|
||||
buttons: [
|
||||
{
|
||||
text: "Afspraak Maken",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Volledige kleuring of highlights",
|
||||
"Knippen & stylen inbegrepen",
|
||||
"Vakkundig kleuradvies",
|
||||
],
|
||||
badge: "Speciaal",
|
||||
},
|
||||
"Volledige kleuring of highlights", "Knippen & stylen inbegrepen", "Vakkundig kleuradvies"],
|
||||
badge: "Speciaal"},
|
||||
]}
|
||||
title="Transparante Prijzen voor Kwaliteit"
|
||||
description="Ontdek onze concurrerende prijzen voor professionele kappersdiensten, gewoon bij u thuis. Voor specifieke behandelingen of maatwerk kunt u altijd contact opnemen."
|
||||
@@ -246,50 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test-1",
|
||||
name: "Mevr. de Vries",
|
||||
role: "Thuisklant",
|
||||
title: "Geweldige service aan huis!",
|
||||
quote: "Sandra is een fantastische kapster! Ze neemt de tijd, luistert goed en levert altijd een prachtig resultaat. Het gemak van thuis geknipt worden is onbetaalbaar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34969.jpg",
|
||||
imageAlt: "Foto van Mevr. de Vries",
|
||||
},
|
||||
id: "test-1", name: "Mevr. de Vries", role: "Thuisklant", title: "Geweldige service aan huis!", quote: "Sandra is een fantastische kapster! Ze neemt de tijd, luistert goed en levert altijd een prachtig resultaat. Het gemak van thuis geknipt worden is onbetaalbaar.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34969.jpg", imageAlt: "Foto van Mevr. de Vries"},
|
||||
{
|
||||
id: "test-2",
|
||||
name: "Dhr. Jansen",
|
||||
role: "Regelmatige Klant",
|
||||
title: "Altijd een perfect kapsel",
|
||||
quote: "Al jaren laat ik mijn haar door Sandra doen. Ze is zeer professioneel, punctueel en het resultaat is altijd perfect. Ze weet precies wat ik wil.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optimistic-lady-with-short-hairstyle-light-outfit-laughing-street-cheerful-brunette-woman-denim-pink-jacket-posing-outside_197531-29335.jpg",
|
||||
imageAlt: "Foto van Dhr. Jansen",
|
||||
},
|
||||
id: "test-2", name: "Dhr. Jansen", role: "Regelmatige Klant", title: "Altijd een perfect kapsel", quote: "Al jaren laat ik mijn haar door Sandra doen. Ze is zeer professioneel, punctueel en het resultaat is altijd perfect. Ze weet precies wat ik wil.", imageSrc: "http://img.b2bpic.net/free-photo/optimistic-lady-with-short-hairstyle-light-outfit-laughing-street-cheerful-brunette-woman-denim-pink-jacket-posing-outside_197531-29335.jpg", imageAlt: "Foto van Dhr. Jansen"},
|
||||
{
|
||||
id: "test-3",
|
||||
name: "Familie Bakker",
|
||||
role: "Tevreden Familie",
|
||||
title: "Top voor het hele gezin!",
|
||||
quote: "Sandra knipt niet alleen mijn haar, maar ook dat van mijn man en kinderen. Ze is geduldig met de kleintjes en de sfeer is altijd gezellig. Een echte aanrader!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
imageAlt: "Foto van Familie Bakker",
|
||||
},
|
||||
id: "test-3", name: "Familie Bakker", role: "Tevreden Familie", title: "Top voor het hele gezin!", quote: "Sandra knipt niet alleen mijn haar, maar ook dat van mijn man en kinderen. Ze is geduldig met de kleintjes en de sfeer is altijd gezellig. Een echte aanrader!", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", imageAlt: "Foto van Familie Bakker"},
|
||||
{
|
||||
id: "test-4",
|
||||
name: "Mevr. Smit",
|
||||
role: "Nieuwe Klant",
|
||||
title: "Eerste keer, zeker niet de laatste!",
|
||||
quote: "Ik heb voor het eerst gebruik gemaakt van Sandra's service en ben super tevreden. Mijn haar zit fantastisch en het was zo ontspannen. Ik hoef nooit meer de deur uit voor de kapper!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-3876.jpg",
|
||||
imageAlt: "Foto van Mevr. Smit",
|
||||
},
|
||||
id: "test-4", name: "Mevr. Smit", role: "Nieuwe Klant", title: "Eerste keer, zeker niet de laatste!", quote: "Ik heb voor het eerst gebruik gemaakt van Sandra's service en ben super tevreden. Mijn haar zit fantastisch en het was zo ontspannen. Ik hoef nooit meer de deur uit voor de kapper!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-3876.jpg", imageAlt: "Foto van Mevr. Smit"},
|
||||
{
|
||||
id: "test-5",
|
||||
name: "Joris (8 jaar)",
|
||||
role: "Jonge Klant",
|
||||
title: "Mijn haar is supercool!",
|
||||
quote: "Sandra is lief en mijn haar is nu supercool! Ik vind het niet eng als zij mijn haar knipt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hands-hair-checked-shirt-looking-frisky-front-view_176474-34905.jpg",
|
||||
imageAlt: "Foto van Joris",
|
||||
},
|
||||
id: "test-5", name: "Joris (8 jaar)", role: "Jonge Klant", title: "Mijn haar is supercool!", quote: "Sandra is lief en mijn haar is nu supercool! Ik vind het niet eng als zij mijn haar knipt.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-hands-hair-checked-shirt-looking-frisky-front-view_176474-34905.jpg", imageAlt: "Foto van Joris"},
|
||||
]}
|
||||
title="Wat Klanten Zeggen over Sandra"
|
||||
description="De tevredenheid van onze klanten is onze grootste beloning. Lees hier enkele van hun ervaringen met Kapp.-aan-Huis-Serv. Sandra."
|
||||
@@ -303,30 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Hoe maak ik een afspraak met Sandra?",
|
||||
content: "U kunt eenvoudig een afspraak maken door te bellen naar ons mobiele nummer: 0180424839. Wij raden aan tijdig te reserveren om teleurstelling te voorkomen.",
|
||||
},
|
||||
id: "faq-1", title: "Hoe maak ik een afspraak met Sandra?", content: "U kunt eenvoudig een afspraak maken door te bellen naar ons mobiele nummer: 0180424839. Wij raden aan tijdig te reserveren om teleurstelling te voorkomen."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Welke betaalmethoden worden geaccepteerd?",
|
||||
content: "Bij Kapp.-aan-Huis-Serv. Sandra kunt u contactloos mobiel betalen, met pinpassen en met creditcards. Gemakkelijk en veilig aan huis.",
|
||||
},
|
||||
id: "faq-2", title: "Welke betaalmethoden worden geaccepteerd?", content: "Bij Kapp.-aan-Huis-Serv. Sandra kunt u contactloos mobiel betalen, met pinpassen en met creditcards. Gemakkelijk en veilig aan huis."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Werk je ook buiten Ridderkerk?",
|
||||
content: "Onze primaire werkgebied is Ridderkerk. Voor afspraken buiten Ridderkerk, neem contact op om de mogelijkheden en eventuele reiskosten te bespreken.",
|
||||
},
|
||||
id: "faq-3", title: "Werk je ook buiten Ridderkerk?", content: "Onze primaire werkgebied is Ridderkerk. Voor afspraken buiten Ridderkerk, neem contact op om de mogelijkheden en eventuele reiskosten te bespreken."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Zijn er extra kosten voor een huisbezoek?",
|
||||
content: "De prijzen voor onze diensten zijn inclusief het huisbezoek binnen Ridderkerk. Buiten Ridderkerk kunnen er reiskosten in rekening worden gebracht, dit wordt vooraf met u besproken.",
|
||||
},
|
||||
id: "faq-4", title: "Zijn er extra kosten voor een huisbezoek?", content: "De prijzen voor onze diensten zijn inclusief het huisbezoek binnen Ridderkerk. Buiten Ridderkerk kunnen er reiskosten in rekening worden gebracht, dit wordt vooraf met u besproken."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Moet ik iets voorbereiden voor de afspraak?",
|
||||
content: "Het is handig als u een plek heeft waar Sandra comfortabel kan werken met voldoende licht en ruimte. Wij nemen zelf alle benodigde kappersmaterialen mee.",
|
||||
},
|
||||
id: "faq-5", title: "Moet ik iets voorbereiden voor de afspraak?", content: "Het is handig als u een plek heeft waar Sandra comfortabel kan werken met voldoende licht en ruimte. Wij nemen zelf alle benodigde kappersmaterialen mee."},
|
||||
]}
|
||||
title="Veelgestelde Vragen"
|
||||
description="Hier vindt u antwoorden op de meest voorkomende vragen over onze mobiele kappersservice en werkwijze."
|
||||
@@ -339,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Afspraak & Contact"
|
||||
title="Klaar voor een Nieuwe Look? Neem Contact Op!"
|
||||
description="Voor vragen, afspraken of meer informatie kunt u altijd contact opnemen met Sandra. Wij helpen u graag verder."
|
||||
|
||||
Reference in New Issue
Block a user