From 790d0723e2bde5515de8ce2286f5c6eed88276da Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 22:36:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 ++++++++---------------------------------------
 1 file changed, 28 insertions(+), 154 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6a31549..adfdd77 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Leistungen",
-          id: "services",
-        },
-        {
-          name: "Preise",
-          id: "pricing",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Start", id: "hero" },
+        { name: "Leistungen", id: "services" },
+        { name: "Preise", id: "pricing" },
+        { name: "Kontakt", id: "contact" }
       ]}
       brandName="MDC HAIR"
     />
@@ -54,41 +42,21 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background="circleGradient"
+      background={{ variant: "radial-gradient" }}
       title="Dein Look. Dein Style. In Düsseldorf."
       description="Willkommen bei MDC Hair – Dein Experte für modernen Haarschnitt, Balayage und individuelle Beratung in Grafenberg."
       tag="Friseur in Düsseldorf"
       buttons={[
-        {
-          text: "Jetzt Termin buchen",
-          href: "https://buchung.treatwell.de/ort/436927/menue/",
-        },
-        {
-          text: "Anrufen",
-          href: "tel:0211681728",
-        },
+        { text: "Jetzt Termin buchen", href: "https://buchung.treatwell.de/ort/436927/menue/" },
+        { text: "Anrufen", href: "tel:0211681728" }
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg",
-          imageAlt: "Moderner Salon MDC Hair",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186519.jpg",          imageAlt: "Moderner Salon MDC Hair"
         },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
-          imageAlt: "Einladendes Ambiente bei MDC Hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg",
-          imageAlt: "Barber tools on wooden background table",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
-          imageAlt: "Barber shop tools arrangement",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg",
-          imageAlt: "Young man getting his beard styled at the barber",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",          imageAlt: "Einladendes Ambiente bei MDC Hair"
+        }
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -102,21 +70,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Balayage & Highlights",
-          description: "Individuelle Farbtechniken für einen natürlichen, strahlenden Look.",
-          icon: Sparkles,
-        },
-        {
-          title: "Bart & Herrenpflege",
-          description: "Präzise Haarschnitte und Bartpflege für moderne Männer.",
-          icon: Scissors,
-        },
-        {
-          title: "Styling & Beratung",
-          description: "Ob Hochsteckfrisur oder Locken – wir finden das richtige Styling für dich.",
-          icon: Star,
-        },
+        { title: "Balayage & Highlights", description: "Individuelle Farbtechniken für einen natürlichen, strahlenden Look.", icon: Sparkles },
+        { title: "Bart & Herrenpflege", description: "Präzise Haarschnitte und Bartpflege für moderne Männer.", icon: Scissors },
+        { title: "Styling & Beratung", description: "Ob Hochsteckfrisur oder Locken – wir finden das richtige Styling für dich.", icon: Star }
       ]}
       title="Unsere Dienstleistungen"
       description="Von klassischem Haarschnitt bis zur modernen Balayage-Technik. Wir sorgen für deinen perfekten Look."
@@ -130,18 +86,9 @@ export default function LandingPage() {
       title="Über MDC Hair"
       description="MDC Hair in Düsseldorf Grafenberg steht für höchste Qualität, professionelle Beratung und ein Wohlfühlerlebnis. Unser erfahrenes Team nimmt sich Zeit für deine Wünsche, um deinen individuellen Stil zu unterstreichen."
       bulletPoints={[
-        {
-          title: "Erfahrene Stylisten",
-          description: "Regelmäßige Weiterbildung in den neuesten Trends.",
-        },
-        {
-          title: "Hochwertige Produkte",
-          description: "Nur das Beste für dein Haar.",
-        },
-        {
-          title: "Zentrale Lage",
-          description: "Mitten in Düsseldorf Grafenberg.",
-        },
+        { title: "Erfahrene Stylisten", description: "Regelmäßige Weiterbildung in den neuesten Trends." },
+        { title: "Hochwertige Produkte", description: "Nur das Beste für dein Haar." },
+        { title: "Zentrale Lage", description: "Mitten in Düsseldorf Grafenberg." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/make-up-products_23-2148553409.jpg"
       imageAlt="Das MDC Hair Team"
@@ -155,38 +102,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",
-          badge: "Basis",
-          price: "ab 15 €",
-          subtitle: "Damen & Herren Basis",
-          features: [
-            "Haarschnitt",
-            "Waschen",
-            "Föhnen",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Premium",
-          price: "ab 35 €",
-          subtitle: "Colorationen & Spezial",
-          features: [
-            "Balayage",
-            "Highlights",
-            "Farbauffrischung",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Pflege",
-          price: "ab 25 €",
-          subtitle: "Augenbrauen & Wimpern",
-          features: [
-            "Augenbrauen zupfen",
-            "Wimpernbehandlung",
-          ],
-        },
+        { id: "p1", badge: "Basis", price: "ab 15 €", subtitle: "Damen & Herren Basis", features: ["Haarschnitt", "Waschen", "Föhnen"] },
+        { id: "p2", badge: "Premium", price: "ab 35 €", subtitle: "Colorationen & Spezial", features: ["Balayage", "Highlights", "Farbauffrischung"] },
+        { id: "p3", badge: "Pflege", price: "ab 25 €", subtitle: "Augenbrauen & Wimpern", features: ["Augenbrauen zupfen", "Wimpernbehandlung"] }
       ]}
       title="Unsere Preise"
       description="Transparente Preisgestaltung für unsere Premium-Services."
@@ -199,41 +117,11 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Müller",
-          handle: "@sarah.m",
-          testimonial: "Super Beratung und tolles Ergebnis bei meiner Balayage. Ich komme wieder!",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg",
-        },
-        {
-          id: "2",
-          name: "Markus Weber",
-          handle: "@markus.w",
-          testimonial: "Der beste Haarschnitt in Düsseldorf. Sehr entspannte Atmosphäre.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
-        },
-        {
-          id: "3",
-          name: "Julia Schneider",
-          handle: "@julia.sch",
-          testimonial: "Ich bin begeistert von meinem neuen Look! Sehr professionelles Team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
-        },
-        {
-          id: "4",
-          name: "Thomas Wagner",
-          handle: "@tom.wag",
-          testimonial: "Schnell, präzise und freundlich. Absolute Empfehlung.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-posing-confidently_114579-21727.jpg",
-        },
-        {
-          id: "5",
-          name: "Lisa Schmidt",
-          handle: "@lisa.s",
-          testimonial: "Toller Service und sehr sauberer Salon. Hier fühlt man sich wohl.",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg",
-        },
+        { id: "1", name: "Sarah Müller", handle: "@sarah.m", testimonial: "Super Beratung und tolles Ergebnis bei meiner Balayage. Ich komme wieder!", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg" },
+        { id: "2", name: "Markus Weber", handle: "@markus.w", testimonial: "Der beste Haarschnitt in Düsseldorf. Sehr entspannte Atmosphäre.", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg" },
+        { id: "3", name: "Julia Schneider", handle: "@julia.sch", testimonial: "Ich bin begeistert von meinem neuen Look! Sehr professionelles Team.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg" },
+        { id: "4", name: "Thomas Wagner", handle: "@tom.wag", testimonial: "Schnell, präzise und freundlich. Absolute Empfehlung.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-posing-confidently_114579-21727.jpg" },
+        { id: "5", name: "Lisa Schmidt", handle: "@lisa.s", testimonial: "Toller Service und sehr sauberer Salon. Hier fühlt man sich wohl.", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg" }
       ]}
       title="Kundenstimmen"
       description="Was unsere Kunden über MDC Hair sagen."
@@ -245,21 +133,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Wie kann ich einen Termin buchen?",
-          content: "Du kannst jederzeit bequem über unseren Treatwell-Link online buchen.",
-        },
-        {
-          id: "f2",
-          title: "Wo befindet sich der Salon?",
-          content: "Wir finden dich in der Geibelstraße 71, 40235 Düsseldorf.",
-        },
-        {
-          id: "f3",
-          title: "Wie sind die Öffnungszeiten?",
-          content: "Dienstag bis Freitag von 09:30 bis 18:30 Uhr und Samstag von 09:00 bis 15:00 Uhr.",
-        },
+        { id: "f1", title: "Wie kann ich einen Termin buchen?", content: "Du kannst jederzeit bequem über unseren Treatwell-Link online buchen." },
+        { id: "f2", title: "Wo befindet sich der Salon?", content: "Wir finden dich in der Geibelstraße 71, 40235 Düsseldorf." },
+        { id: "f3", title: "Wie sind die Öffnungszeiten?", content: "Dienstag bis Freitag von 09:30 bis 18:30 Uhr und Samstag von 09:00 bis 15:00 Uhr." }
       ]}
       title="Häufige Fragen"
       description="Alles was du vor deinem Besuch wissen musst."
@@ -270,9 +146,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Kontaktiere uns"
       description="Besuche uns in Düsseldorf Grafenberg oder ruf uns direkt an."
       imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"
-- 
2.49.1