From 92158beae2efe04cb7ad812f4a0292682071d1be Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 20:43:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 268 +++++++++++++----------------------------------
 1 file changed, 74 insertions(+), 194 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dd4038c..1b71c58 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,40 +23,36 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Navigation",
-      items: [
-        { label: "Home", href: "/" },
-        { label: "About", href: "/about" },
+      title: "Navigation",      items: [
+        { label: "Startseite", href: "/" },
+        { label: "Über uns", href: "/about" },
         { label: "Services", href: "/services" },
-        { label: "Gallery", href: "/gallery" },
-        { label: "Contact", href: "/contact" },
+        { label: "Galerie", href: "/gallery" },
+        { label: "Kontakt", href: "/contact" },
       ],
     },
     {
-      title: "Services",
-      items: [
-        { label: "Women's Haircuts", href: "/services" },
-        { label: "Men's Haircuts", href: "/services" },
-        { label: "Hair Coloring", href: "/services" },
-        { label: "Hair Styling", href: "/services" },
-        { label: "Hair Treatments", href: "/services" },
+      title: "Services",      items: [
+        { label: "Damenhaarschnitt", href: "/services" },
+        { label: "Herrenhaarschnitt", href: "/services" },
+        { label: "Haarfärbung", href: "/services" },
+        { label: "Haarstyling", href: "/services" },
+        { label: "Haarbehandlung", href: "/services" },
       ],
     },
     {
-      title: "Contact",
-      items: [
-        { label: "Heidelberger Str. 47, 51065 Cologne", href: "#" },
+      title: "Kontakt",      items: [
+        { label: "Heidelberger Str. 47, 51065 Köln", href: "#" },
         { label: "+49 221 627480", href: "tel:+49221627480" },
-        { label: "Monday - Friday: 9:00 - 18:00", href: "#" },
-        { label: "Saturday: 9:00 - 16:00", href: "#" },
-        { label: "Sunday: Closed", href: "#" },
+        { label: "Montag - Freitag: 9:00 - 18:00", href: "#" },
+        { label: "Samstag: 9:00 - 16:00", href: "#" },
+        { label: "Sonntag: Geschlossen", href: "#" },
       ],
     },
     {
-      title: "Legal",
-      items: [
-        { label: "Privacy Policy", href: "#" },
-        { label: "Terms of Service", href: "#" },
+      title: "Rechtliches",      items: [
+        { label: "Datenschutzerklärung", href: "#" },
+        { label: "Allgemeine Geschäftsbedingungen", href: "#" },
         { label: "Impressum", href: "#" },
       ],
     },
@@ -80,116 +76,72 @@ export default function HomePage() {
           brandName="Alexandra Schwickerath Friseursalon"
           navItems={navItems}
           button={{
-            text: "Book Appointment",
-            href: "/contact",
-          }}
+            text: "Termin buchen",            href: "/contact"}}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
-          title="Your Hair. Your Style. Your Confidence."
-          description="Experience personalized hair care in Cologne. Expert stylists for women, men, and children. Wheelchair accessible. Professional service with a friendly touch."
+          title="Dein Haar. Dein Stil. Dein Selbstvertrauen."
+          description="Erleben Sie personalisierte Haarpflege in Köln. Expertenstylisten für Frauen, Männer und Kinder. Rollstuhlgerecht. Professionelle Dienstleistung mit freundlichem Anliegen."
           background={{ variant: "radial-gradient" }}
-          tag="Professional Hair Salon"
+          tag="Professioneller Friseursalon"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Book Appointment",
-              href: "/contact",
-            },
+              text: "Termin buchen",              href: "/contact"},
             {
-              text: "Explore Services",
-              href: "/services",
-            },
+              text: "Services erkunden",              href: "/services"},
           ]}
           buttonAnimation="slide-up"
           carouselItems={[
             {
-              id: "carousel-1",
-              imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1",
-              imageAlt: "Modern hair salon interior",
-            },
+              id: "carousel-1",              imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1",              imageAlt: "Moderner Friseursalon innen"},
             {
-              id: "carousel-2",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-studio-positive-blond-model-having-fun-going-crazy-cheerful-happy_158538-20466.jpg",
-              imageAlt: "Women's modern haircut",
-            },
+              id: "carousel-2",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-studio-positive-blond-model-having-fun-going-crazy-cheerful-happy_158538-20466.jpg",              imageAlt: "Moderner Damenhaarschnitt"},
             {
-              id: "carousel-3",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-male-t-shirt-touches-his-head-dark-background_613910-15985.jpg",
-              imageAlt: "Men's professional haircut",
-            },
+              id: "carousel-3",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-male-t-shirt-touches-his-head-dark-background_613910-15985.jpg",              imageAlt: "Professioneller Herrenhaarschnitt"},
             {
-              id: "carousel-4",
-              imageSrc: "http://img.b2bpic.net/free-photo/mother-curlers-applying-perfume-daughters-neck_23-2148070327.jpg",
-              imageAlt: "Children's hairstyle",
-            },
+              id: "carousel-4",              imageSrc: "http://img.b2bpic.net/free-photo/mother-curlers-applying-perfume-daughters-neck_23-2148070327.jpg",              imageAlt: "Kinderfrisur"},
             {
-              id: "carousel-5",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12852.jpg",
-              imageAlt: "Hair coloring service",
-            },
+              id: "carousel-5",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12852.jpg",              imageAlt: "Haarfärbungsservice"},
             {
-              id: "carousel-6",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg?_wi=1",
-              imageAlt: "Professional hair treatment",
-            },
+              id: "carousel-6",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg?_wi=1",              imageAlt: "Professionelle Haarbehandlung"},
           ]}
           autoPlay={true}
           autoPlayInterval={5000}
-          ariaLabel="Hero section carousel showcasing salon services"
+          ariaLabel="Karusellbereich der Startseite mit Salonservices"
         />
       </div>
 
       <div id="about" data-section="about">
         <TextAbout
-          tag="About Our Salon"
+          tag="Über unseren Salon"
           tagIcon={Heart}
           tagAnimation="slide-up"
-          title="Welcome to Alexandra Schwickerath Friseursalon"
+          title="Willkommen bei Alexandra Schwickerath Friseursalon"
           useInvertedBackground={false}
-          ariaLabel="About section describing the salon"
+          ariaLabel="Bereich Über uns mit Beschreibung des Salons"
         />
       </div>
 
       <div id="features" data-section="features">
         <FeatureCardThree
-          title="Why Choose Us"
-          description="We combine professional expertise with personal attention to deliver exceptional hair care services."
-          tag="Our Strengths"
+          title="Warum uns wählen"
+          description="Wir verbinden professionelle Expertise mit persönlicher Aufmerksamkeit, um außergewöhnliche Haarpflegeleistungen zu erbringen."
+          tag="Unsere Stärken"
           tagIcon={Award}
           tagAnimation="slide-up"
           features={[
             {
-              id: "feature-1",
-              title: "Expert Stylists",
-              description: "Highly trained professionals with years of experience in all hair types and styles.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-girl-salon_23-2147769838.jpg?_wi=1",
-              imageAlt: "Professional salon team",
-            },
+              id: "feature-1",              title: "Expertenstylisten",              description: "Hochqualifizierte Fachleute mit jahrelanger Erfahrung in allen Haartypen und Stilen.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-girl-salon_23-2147769838.jpg?_wi=1",              imageAlt: "Professionelles Salonteam"},
             {
-              id: "feature-2",
-              title: "Personalized Consultation",
-              description: "Each client receives individual attention to ensure their style matches their personality and needs.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-with-copy-space_23-2148353406.jpg?_wi=1",
-              imageAlt: "Personal hair consultation",
-            },
+              id: "feature-2",              title: "Persönliche Beratung",              description: "Jeder Kunde erhält individuelle Aufmerksamkeit, um sicherzustellen, dass der Stil seiner Persönlichkeit und seinen Bedürfnissen entspricht.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-with-copy-space_23-2148353406.jpg?_wi=1",              imageAlt: "Persönliche Haarberatung"},
             {
-              id: "feature-3",
-              title: "Wheelchair Accessible",
-              description: "Fully accessible entrance and facilities to welcome all guests comfortably.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=1",
-              imageAlt: "Accessible salon entrance",
-            },
+              id: "feature-3",              title: "Rollstuhlgerecht",              description: "Vollständig barrierefreier Eingang und Ausstattungen, um alle Gäste komfortabel willkommen zu heißen.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=1",              imageAlt: "Barrierefreier Saloneingang"},
             {
-              id: "feature-4",
-              title: "Quality Products",
-              description: "Premium hair care products used for all treatments and services.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=1",
-              imageAlt: "Professional hair care products",
-            },
+              id: "feature-4",              title: "Hochwertige Produkte",              description: "Premium-Haarpflegeprodukte, die für alle Behandlungen und Services verwendet werden.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=1",              imageAlt: "Professionelle Haarpflegeprodukte"},
           ]}
           gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
@@ -200,54 +152,24 @@ export default function HomePage() {
 
       <div id="services" data-section="services">
         <ProductCardOne
-          title="Our Services"
-          description="Comprehensive hair care services for women, men, and children."
-          tag="Services & Pricing"
+          title="Unsere Services"
+          description="Umfassende Haarpflegeleistungen für Frauen, Männer und Kinder."
+          tag="Services & Preise"
           tagIcon={Scissors}
           tagAnimation="slide-up"
           products={[
             {
-              id: "service-1",
-              name: "Women's Haircuts",
-              price: "From €45",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=2",
-              imageAlt: "Women's haircut service",
-            },
+              id: "service-1",              name: "Damenhaarschnitt",              price: "Ab 45 €",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=2",              imageAlt: "Damenhaarschnitt-Service"},
             {
-              id: "service-2",
-              name: "Hair Coloring",
-              price: "From €65",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-female_1301-1121.jpg?_wi=1",
-              imageAlt: "Hair coloring and highlights",
-            },
+              id: "service-2",              name: "Haarfärbung",              price: "Ab 65 €",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-female_1301-1121.jpg?_wi=1",              imageAlt: "Haarfärbung und Highlights"},
             {
-              id: "service-3",
-              name: "Hair Styling",
-              price: "From €50",
-              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg?_wi=1",
-              imageAlt: "Professional hair styling",
-            },
+              id: "service-3",              name: "Haarstyling",              price: "Ab 50 €",              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg?_wi=1",              imageAlt: "Professionelles Haarstyling"},
             {
-              id: "service-4",
-              name: "Men's Haircuts",
-              price: "From €35",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=1",
-              imageAlt: "Men's professional haircut",
-            },
+              id: "service-4",              name: "Herrenhaarschnitt",              price: "Ab 35 €",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=1",              imageAlt: "Professioneller Herrenhaarschnitt"},
             {
-              id: "service-5",
-              name: "Children's Haircuts",
-              price: "From €25",
-              imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=1",
-              imageAlt: "Children's hairstyle",
-            },
+              id: "service-5",              name: "Kinderhaarschnitt",              price: "Ab 25 €",              imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=1",              imageAlt: "Kinderfrisur"},
             {
-              id: "service-6",
-              name: "Hair Treatments",
-              price: "From €40",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=2",
-              imageAlt: "Professional hair treatment",
-            },
+              id: "service-6",              name: "Haarbehandlung",              price: "Ab 40 €",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=2",              imageAlt: "Professionelle Haarbehandlung"},
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -258,54 +180,24 @@ export default function HomePage() {
 
       <div id="gallery" data-section="gallery">
         <FeatureCardThree
-          title="Gallery"
-          description="Browse our portfolio of beautiful hairstyles and transformations."
-          tag="Our Work"
+          title="Galerie"
+          description="Blättern Sie durch unser Portfolio mit schönen Frisuren und Transformationen."
+          tag="Unsere Arbeiten"
           tagIcon={Camera}
           tagAnimation="slide-up"
           features={[
             {
-              id: "gallery-item-1",
-              title: "Modern Short Cuts",
-              description: "Contemporary and elegant short hairstyles.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=3",
-              imageAlt: "Modern short haircut",
-            },
+              id: "gallery-item-1",              title: "Moderne Kurzhaarschnitte",              description: "Zeitgenössische und elegante Kurzhaarfrisuren.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=3",              imageAlt: "Moderner Kurzhaarschnitt"},
             {
-              id: "gallery-item-2",
-              title: "Long Wave Styles",
-              description: "Beautiful long hair with voluminous waves.",
-              imageSrc: "http://img.b2bpic.net/free-photo/stunning-ling-haired-blinde-woman-resting-beach-cold-morning-pleased-stylish-female-model-posing-nature_197531-12436.jpg?_wi=1",
-              imageAlt: "Long wavy hairstyle",
-            },
+              id: "gallery-item-2",              title: "Lange gewellte Frisuren",              description: "Schöne lange Haare mit voluminösen Wellen.",              imageSrc: "http://img.b2bpic.net/free-photo/stunning-ling-haired-blinde-woman-resting-beach-cold-morning-pleased-stylish-female-model-posing-nature_197531-12436.jpg?_wi=1",              imageAlt: "Lange welliges Haar"},
             {
-              id: "gallery-item-3",
-              title: "Men's Fades",
-              description: "Sharp and clean men's haircuts.",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=2",
-              imageAlt: "Men's fade haircut",
-            },
+              id: "gallery-item-3",              title: "Herren-Fades",              description: "Scharfe und saubere Herrenhaarschnitte.",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=2",              imageAlt: "Herren-Fade-Haarschnitt"},
             {
-              id: "gallery-item-4",
-              title: "Kids' Styles",
-              description: "Fun and playful hairstyles for children.",
-              imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=2",
-              imageAlt: "Children's hairstyle",
-            },
+              id: "gallery-item-4",              title: "Kinderfrisuren",              description: "Spaßige und verspielte Frisuren für Kinder.",              imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=2",              imageAlt: "Kinderfrisur"},
             {
-              id: "gallery-item-5",
-              title: "Color Transformations",
-              description: "Stunning hair color and highlights.",
-              imageSrc: "http://img.b2bpic.net/free-photo/internet-message-businesswoman-using-looking-sunglasses_1303-2785.jpg?_wi=1",
-              imageAlt: "Hair coloring result",
-            },
+              id: "gallery-item-5",              title: "Farbveränderungen",              description: "Atemberaubende Haarfarb- und Highlight-Ergebnisse.",              imageSrc: "http://img.b2bpic.net/free-photo/internet-message-businesswoman-using-looking-sunglasses_1303-2785.jpg?_wi=1",              imageAlt: "Haarfärbungsergebnis"},
             {
-              id: "gallery-item-6",
-              title: "Special Occasions",
-              description: "Elegant updos for events.",
-              imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-posed-restaurant_627829-866.jpg?_wi=1",
-              imageAlt: "Formal occasion hairstyle",
-            },
+              id: "gallery-item-6",              title: "Besondere Anlässe",              description: "Elegante Hochsteckfrisuren für Veranstaltungen.",              imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-posed-restaurant_627829-866.jpg?_wi=1",              imageAlt: "Formale Anlass-Frisur"},
           ]}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -316,55 +208,43 @@ export default function HomePage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
-          testimonial="Alexandra and her team provide exceptional service. I've been a client for three years and I'm always impressed by the attention to detail and friendly atmosphere."
+          testimonial="Alexandra und ihr Team bieten außergewöhnliche Dienstleistungen. Ich bin seit drei Jahren Kundin und bin immer wieder begeistert von der Liebe zum Detail und der freundlichen Atmosphäre."
           rating={5}
           author="Petra Schmidt"
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",
-              alt: "Petra Schmidt",
-            },
+              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",              alt: "Petra Schmidt"},
             {
-              src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
-              alt: "Client",
-            },
+              src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",              alt: "Kunde"},
             {
-              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430870.jpg",
-              alt: "Client",
-            },
+              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430870.jpg",              alt: "Kunde"},
             {
-              src: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",
-              alt: "Client",
-            },
+              src: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",              alt: "Kunde"},
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
           useInvertedBackground={false}
-          ariaLabel="Customer testimonial"
+          ariaLabel="Kundenzeugnis"
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Get in Touch"
+          tag="Kontaktieren Sie uns"
           tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Ready to Book Your Appointment?"
-          description="Contact us today to schedule your personalized hair care experience."
+          title="Bereit, Ihren Termin zu buchen?"
+          description="Kontaktieren Sie uns noch heute, um Ihr personalisiertes Haarpflegeerlebnis zu vereinbaren."
           buttons={[
             {
-              text: "Call Us: +49 221 627480",
-              href: "tel:+49221627480",
-            },
+              text: "Rufen Sie uns an: +49 221 627480",              href: "tel:+49221627480"},
             {
-              text: "Send Email",
-              href: "mailto:info@alexandra-friseursalon.de",
-            },
+              text: "E-Mail senden",              href: "mailto:info@alexandra-friseursalon.de"},
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          ariaLabel="Contact section for booking appointments"
+          ariaLabel="Kontaktbereich zur Terminbuchung"
         />
       </div>
 
@@ -372,8 +252,8 @@ export default function HomePage() {
         <FooterBaseCard
           logoText="Alexandra Schwickerath Friseursalon"
           columns={footerColumns}
-          copyrightText="© 2025 Alexandra Schwickerath Friseursalon. All rights reserved."
-          ariaLabel="Site footer with navigation and contact information"
+          copyrightText="© 2025 Alexandra Schwickerath Friseursalon. Alle Rechte vorbehalten."
+          ariaLabel="Website-Fußzeile mit Navigation und Kontaktinformationen"
         />
       </div>
     </ThemeProvider>
-- 
2.49.1