From 4e90c75e6a7863bc3488993fa03e752475e95b9e Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 25 Mar 2026 16:12:46 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 246 ++++++++++++++--------------------------------- 1 file changed, 71 insertions(+), 175 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a9dfd7c..d10ac32 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,39 +31,26 @@ export default function LandingPage() { @@ -76,9 +63,8 @@ export default function LandingPage() { tagAnimation="none" buttons={[ { - text: "Maak nu een afspraak", - href: "#contact", - }, + text: "Maak nu een afspraak", href: "#contact" + } ]} buttonAnimation="none" imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg" @@ -97,9 +83,8 @@ export default function LandingPage() { title="Waarom kiezen voor Kapsalon Carine?" buttons={[ { - text: "Onze Missie", - href: "#services", - }, + text: "Onze Missie", href: "#services" + } ]} buttonAnimation="none" /> @@ -112,56 +97,35 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "cutting", - label: "Knippen & Stylen", - title: "Precisie Knippen", - items: [ - "Dames, heren & kinderen", - "Trendy coupes", - "Was, knip & brushen", - "Haarverzorging op maat", + id: "cutting", label: "Knippen & Stylen", title: "Precisie Knippen", items: [ + "Dames, heren & kinderen", "Trendy coupes", "Was, knip & brushen", "Haarverzorging op maat" ], buttons: [ { - text: "Meer Info", - href: "#contact", - }, - ], + text: "Meer Info", href: "#contact" + } + ] }, { - id: "coloring", - label: "Kleuren Expert", - title: "Levendige Kleuringen", - items: [ - "Permanente kleuring", - "Highlights & balayage", - "Toners & glansbehandelingen", - "Kleuradvies op maat", + id: "coloring", label: "Kleuren Expert", title: "Levendige Kleuringen", items: [ + "Permanente kleuring", "Highlights & balayage", "Toners & glansbehandelingen", "Kleuradvies op maat" ], buttons: [ { - text: "Meer Info", - href: "#contact", - }, - ], + text: "Meer Info", href: "#contact" + } + ] }, { - id: "treatments", - label: "Verzorging & Welzijn", - title: "Luxe Haarbehandelingen", - items: [ - "Hydraterende maskers", - "Hoofdhuidmassages", - "Herstellende kuren", - "Volume & glans boosters", + id: "treatments", label: "Verzorging & Welzijn", title: "Luxe Haarbehandelingen", items: [ + "Hydraterende maskers", "Hoofdhuidmassages", "Herstellende kuren", "Volume & glans boosters" ], buttons: [ { - text: "Meer Info", - href: "#contact", - }, - ], - }, + text: "Meer Info", href: "#contact" + } + ] + } ]} title="Vakmanschap en Service op Maat" description="Bij Kapsalon Carine bieden we een uitgebreid scala aan diensten, afgestemd op jouw unieke stijl en wensen. Van een frisse knipbeurt tot een complete transformatie—wij zorgen voor een kapsel waar je blij mee bent." @@ -179,41 +143,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Lange Golven", - imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-pink-lips-with-perfect-clean-skin-white-summer-dress-city_158538-14067.jpg", - imageAlt: "Vrouw met elegant lange golvende blonde haren", + id: "p1", name: "Lange Golven", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-young-woman-model-with-bright-makeup-pink-lips-with-perfect-clean-skin-white-summer-dress-city_158538-14067.jpg", imageAlt: "Vrouw met elegant lange golvende blonde haren" }, { - id: "p2", - name: "Chique Bob", - imageSrc: "http://img.b2bpic.net/free-photo/long-haired-blonde-woman-with-glasses-posing-gray-wall_114579-55376.jpg", - imageAlt: "Vrouw met een stijlvolle korte boblijn", + id: "p2", name: "Chique Bob", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/long-haired-blonde-woman-with-glasses-posing-gray-wall_114579-55376.jpg", imageAlt: "Vrouw met een stijlvolle korte boblijn" }, { - id: "p3", - name: "Levendig Rood", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-person-wearing-makeup-wig_23-2149256366.jpg", - imageAlt: "Vrouw met een sprekende rode haarkleuring", + id: "p3", name: "Levendig Rood", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-person-wearing-makeup-wig_23-2149256366.jpg", imageAlt: "Vrouw met een sprekende rode haarkleuring" }, { - id: "p4", - name: "Trendy Heren", - imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11230.jpg", - imageAlt: "Man met een modern herenkapsel", + id: "p4", name: "Trendy Heren", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11230.jpg", imageAlt: "Man met een modern herenkapsel" }, { - id: "p5", - name: "Bruidskapsel", - imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-brunette-bride-with-barrette-hair-flower-bouquet-background_8353-6146.jpg", - imageAlt: "Elegant opgestoken bruidskapsel", + id: "p5", name: "Bruidskapsel", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-brunette-bride-with-barrette-hair-flower-bouquet-background_8353-6146.jpg", imageAlt: "Elegant opgestoken bruidskapsel" }, { - id: "p6", - name: "Natuurlijke Krullen", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pleasant-looking-african-american-female-has-delighted-look-healthy-dark-skin-poses-indoor-sofa-has-happy-expression_273609-3209.jpg", - imageAlt: "Vrouw met volle, natuurlijke krullen", - }, + id: "p6", name: "Natuurlijke Krullen", price: "Op aanvraag", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pleasant-looking-african-american-female-has-delighted-look-healthy-dark-skin-poses-indoor-sofa-has-happy-expression_273609-3209.jpg", imageAlt: "Vrouw met volle, natuurlijke krullen" + } ]} title="Jouw Stijl, Onze Passie" description="Laat je inspireren door een greep uit onze recente creaties. Elk kapsel is het resultaat van vakmanschap en aandacht voor detail, perfect afgestemd op de persoonlijkheid van onze klanten." @@ -229,41 +175,17 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Altijd een warm welkom!", - quote: "Bij Kapsalon Carine voel ik me altijd direct op mijn gemak. De sfeer is huiselijk, de service is top en ik loop altijd stralend de deur uit met een perfect kapsel. Echt een aanrader!", - name: "Anja V.", - role: "Trouwe Klant", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-number-five_1187-4065.jpg", - imageAlt: "Portret van Anja V.", + id: "1", title: "Altijd een warm welkom!", quote: "Bij Kapsalon Carine voel ik me altijd direct op mijn gemak. De sfeer is huiselijk, de service is top en ik loop altijd stralend de deur uit met een perfect kapsel. Echt een aanrader!", name: "Anja V.", role: "Trouwe Klant", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-number-five_1187-4065.jpg", imageAlt: "Portret van Anja V." }, { - id: "2", - title: "Professioneel en vriendelijk", - quote: "De stylisten bij Carine zijn ontzettend professioneel en vriendelijk. Ze luisteren goed naar wat je wilt en geven eerlijk advies. De prijs-kwaliteitverhouding is uitstekend.", - name: "Sofie D.", - role: "Tevreden Klant", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-olive-green-t-shirt-showing-thumbs-up-isolated-yellow-wall_141793-82619.jpg", - imageAlt: "Portret van Sofie D.", + id: "2", title: "Professioneel en vriendelijk", quote: "De stylisten bij Carine zijn ontzettend professioneel en vriendelijk. Ze luisteren goed naar wat je wilt en geven eerlijk advies. De prijs-kwaliteitverhouding is uitstekend.", name: "Sofie D.", role: "Tevreden Klant", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-olive-green-t-shirt-showing-thumbs-up-isolated-yellow-wall_141793-82619.jpg", imageAlt: "Portret van Sofie D." }, { - id: "3", - title: "Mijn favoriete salon!", - quote: "Na vele salons geprobeerd te hebben, heb ik bij Kapsalon Carine mijn vaste plek gevonden. De expertise is duidelijk en de resultaten zijn altijd prachtig. De koffie is ook heerlijk!", - name: "Els V.", - role: "Lokale Bewoner", - imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg", - imageAlt: "Portret van Els V.", + id: "3", title: "Mijn favoriete salon!", quote: "Na vele salons geprobeerd te hebben, heb ik bij Kapsalon Carine mijn vaste plek gevonden. De expertise is duidelijk en de resultaten zijn altijd prachtig. De koffie is ook heerlijk!", name: "Els V.", role: "Lokale Bewoner", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213587.jpg", imageAlt: "Portret van Els V." }, { - id: "4", - title: "Snelle service van topkwaliteit", - quote: "Als drukke professional waardeer ik de efficiëntie en de kwaliteit bij Kapsalon Carine. Ik krijg snel een afspraak en mijn haar zit altijd perfect. Nooit meer zoeken naar een kapper!", - name: "Kim L.", - role: "Ondernemer", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shirt-shorts-clenching-teeth_176474-13821.jpg", - imageAlt: "Portret van Kim L.", - }, + id: "4", title: "Snelle service van topkwaliteit", quote: "Als drukke professional waardeer ik de efficiëntie en de kwaliteit bij Kapsalon Carine. Ik krijg snel een afspraak en mijn haar zit altijd perfect. Nooit meer zoeken naar een kapper!", name: "Kim L.", role: "Ondernemer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shirt-shorts-clenching-teeth_176474-13821.jpg", imageAlt: "Portret van Kim L." + } ]} title="Onze 5-sterren Ervaring" description="Wij zijn trots op de lof die we van onze klanten ontvangen. Hun tevredenheid is onze grootste drijfveer en bewijs van onze toewijding aan kwaliteit en service." @@ -278,30 +200,20 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Hoe maak ik een afspraak?", - content: "Je kunt eenvoudig online een afspraak maken via onze website, telefonisch contact opnemen tijdens openingstijden, of langskomen in de salon voor een persoonlijke boeking.", + id: "q1", title: "Hoe maak ik een afspraak?", content: "Je kunt eenvoudig online een afspraak maken via onze website, telefonisch contact opnemen tijdens openingstijden, of langskomen in de salon voor een persoonlijke boeking." }, { - id: "q2", - title: "Wat zijn de prijzen voor een knipbeurt?", - content: "Onze prijzen variëren afhankelijk van de lengte en type behandeling van je haar. Voor een gedetailleerd prijsoverzicht nodigen we je graag uit in de salon, of neem telefonisch contact op.", + id: "q2", title: "Wat zijn de prijzen voor een knipbeurt?", content: "Onze prijzen variëren afhankelijk van de lengte en type behandeling van je haar. Voor een gedetailleerd prijsoverzicht nodigen we je graag uit in de salon, of neem telefonisch contact op." }, { - id: "q3", - title: "Gebruiken jullie milieuvriendelijke producten?", - content: "Ja, wij streven ernaar om zoveel mogelijk met duurzame en haarvriendelijke producten te werken. We selecteren onze merken zorgvuldig op kwaliteit en respect voor het milieu.", + id: "q3", title: "Gebruiken jullie milieuvriendelijke producten?", content: "Ja, wij streven ernaar om zoveel mogelijk met duurzame en haarvriendelijke producten te werken. We selecteren onze merken zorgvuldig op kwaliteit en respect voor het milieu." }, { - id: "q4", - title: "Kan ik parkeren bij de salon?", - content: "Er is voldoende gratis parkeergelegenheid in de nabije omgeving van onze kapsalon, zodat je zonder zorgen kunt parkeren.", + id: "q4", title: "Kan ik parkeren bij de salon?", content: "Er is voldoende gratis parkeergelegenheid in de nabije omgeving van onze kapsalon, zodat je zonder zorgen kunt parkeren." }, { - id: "q5", - title: "Bieden jullie ook kleuradvies?", - content: "Jazeker! Onze ervaren stylisten geven graag persoonlijk kleuradvies, afgestemd op jouw huidtint, oogkleur en persoonlijke stijl. Kom langs voor een vrijblijvend adviesgesprek.", - }, + id: "q5", title: "Bieden jullie ook kleuradvies?", content: "Jazeker! Onze ervaren stylisten geven graag persoonlijk kleuradvies, afgestemd op jouw huidtint, oogkleur en persoonlijke stijl. Kom langs voor een vrijblijvend adviesgesprek." + } ]} sideTitle="Veelgestelde Vragen" sideDescription="Heb je nog vragen over onze diensten, prijzen of hoe je een afspraak maakt? Hier vind je de antwoorden op de meest voorkomende vragen." @@ -315,7 +227,7 @@ export default function LandingPage() { @@ -340,64 +250,50 @@ export default function LandingPage() { logoText="Kapsalon Carine" columns={[ { - title: "Navigatie", - items: [ + title: "Navigatie", items: [ { - label: "Home", - href: "#home", + label: "Home", href: "#home" }, { - label: "Over Ons", - href: "#about", + label: "Over Ons", href: "#about" }, { - label: "Diensten", - href: "#services", + label: "Diensten", href: "#services" }, { - label: "Galerij", - href: "#gallery", - }, - ], + label: "Galerij", href: "#gallery" + } + ] }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "FAQ", - href: "#faq", + label: "FAQ", href: "#faq" }, { - label: "Contact", - href: "#contact", + label: "Contact", href: "#contact" }, { - label: "Afspraak Maken", - href: "#contact", - }, - ], + label: "Afspraak Maken", href: "#contact" + } + ] }, { - title: "Adres & Info", - items: [ + title: "Adres & Info", items: [ { - label: "Diestsesteenweg 123", - href: "#", + label: "Diestsesteenweg 123", href: "#" }, { - label: "3270 Scherpenheuvel-Zichem", - href: "#", + label: "3270 Scherpenheuvel-Zichem", href: "#" }, { - label: "Telefoon: +32-xxxx-xxxx", - href: "tel:+32-xxxx-xxxx", + label: "Telefoon: +32-xxxx-xxxx", href: "tel:+32-xxxx-xxxx" }, { - label: "Email: info@kapsaloncarine.be", - href: "mailto:info@kapsaloncarine.be", - }, - ], - }, + label: "Email: info@kapsaloncarine.be", href: "mailto:info@kapsaloncarine.be" + } + ] + } ]} copyrightText="© 2024 Kapsalon Carine | Alle rechten voorbehouden." />