From 7b5815aac82b0ad2b7ae0bfe990f404ac1f55fba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 19:22:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 192 +++++++++++------------------------------------
 1 file changed, 44 insertions(+), 148 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8652c97..5395348 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1