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

---
 src/app/page.tsx | 241 +++++++----------------------------------------
 1 file changed, 34 insertions(+), 207 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86e2f5d..f07b0c6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Galerie",
-          id: "gallery",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Start", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Über uns", id: "about" },
+        { name: "Galerie", id: "gallery" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Goldener Friseur"
     />
@@ -56,46 +41,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Dein Friseur in Ingolstadt für perfekte Schnitte & Styling"
       description="Über 150 zufriedene Kunden • 4.8★ Bewertung"
-      buttons={[
-        {
-          text: "Termin buchen",
-          href: "#contact",
-        },
-        {
-          text: "Jetzt anrufen",
-          href: "tel:+4984179442632",
-        },
-      ]}
+      buttons={[{ text: "Termin buchen", href: "#contact" }, { text: "Jetzt anrufen", href: "tel:+4984179442632" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=1",
-          imageAlt: "Luxuriöses Salon-Ambiente",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=2",
-          imageAlt: "Professionelles Styling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=3",
-          imageAlt: "Hochwertiges Interieur",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=4",
-          imageAlt: "Dein Friseur in Ingolstadt",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=5",
-          imageAlt: "Premium Haarpflege",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg?_wi=6",
-          imageAlt: "Exklusiver Service",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Luxuriöses Salon-Ambiente" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Professionelles Styling" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Hochwertiges Interieur" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Dein Friseur in Ingolstadt" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Premium Haarpflege" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-protecting-client-with-plastic-cape_23-2147769746.jpg", imageAlt: "Exklusiver Service" }
       ]}
     />
   </div>
@@ -106,42 +62,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "s1",
-          title: "Damen",
-          author: "Style & Care",
-          description: "Individuelle Schnitte, Farbbehandlungen und Styling-Konzepte.",
-          tags: [
-            "Schnitt",
-            "Farbe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/from-barber-combing-drying-hair-client_23-2147778798.jpg",
-          imageAlt: "Damen Styling",
-        },
-        {
-          id: "s2",
-          title: "Herren",
-          author: "Modern Barber",
-          description: "Moderne Cuts, Bartpflege und präzises Styling für den perfekten Look.",
-          tags: [
-            "Barber",
-            "Cut",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg",
-          imageAlt: "Herren Cut",
-        },
-        {
-          id: "s3",
-          title: "Beauty",
-          author: "Luxury Beauty",
-          description: "Brows, Lashes und Makeup-Services für besondere Anlässe.",
-          tags: [
-            "Brows",
-            "Lashes",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238677.jpg",
-          imageAlt: "Beauty Services",
-        },
+        { id: "s1", title: "Damen", author: "Style & Care", description: "Individuelle Schnitte, Farbbehandlungen und Styling-Konzepte.", tags: ["Schnitt", "Farbe"], imageSrc: "http://img.b2bpic.net/free-photo/from-barber-combing-drying-hair-client_23-2147778798.jpg", imageAlt: "Damen Styling" },
+        { id: "s2", title: "Herren", author: "Modern Barber", description: "Moderne Cuts, Bartpflege und präzises Styling für den perfekten Look.", tags: ["Barber", "Cut"], imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg", imageAlt: "Herren Cut" },
+        { id: "s3", title: "Beauty", author: "Luxury Beauty", description: "Brows, Lashes und Makeup-Services für besondere Anlässe.", tags: ["Brows", "Lashes"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238677.jpg", imageAlt: "Beauty Services" }
       ]}
       title="Unsere Services"
       description="Exzellenz in Schnitt, Farbe und Beauty."
@@ -152,12 +75,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Dein Wohlfühlerlebnis in Ingolstadt"
-      buttons={[
-        {
-          text: "Mehr erfahren",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Mehr erfahren", href: "#contact" }]}
     />
   </div>
 
@@ -165,44 +83,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
+      animationType="slide-up"
       useInvertedBackground={true}
       products={[
-        {
-          id: "g1",
-          name: "Balayage Look",
-          price: "Styling",
-          imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunet-with-short-haircut-evening-makeup_633478-341.jpg",
-        },
-        {
-          id: "g2",
-          name: "Gentleman Cut",
-          price: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg",
-        },
-        {
-          id: "g3",
-          name: "Bridal Updo",
-          price: "Event",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-brunette-model-casual-summer-clothes-with-no-makeup_158538-10655.jpg",
-        },
-        {
-          id: "g4",
-          name: "Copper Finish",
-          price: "Color",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-yellow-top-ruffles-her-curly-hair-smiles-sweetly-against-white-doors_197531-26453.jpg",
-        },
-        {
-          id: "g5",
-          name: "Lash Perfection",
-          price: "Beauty",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26027.jpg",
-        },
-        {
-          id: "g6",
-          name: "Modern Bob",
-          price: "Cut",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332455.jpg",
-        },
+        { id: "g1", name: "Balayage Look", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunet-with-short-haircut-evening-makeup_633478-341.jpg" },
+        { id: "g2", name: "Gentleman Cut", price: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-brush_1157-43552.jpg" },
+        { id: "g3", name: "Bridal Updo", price: "Event", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cute-brunette-model-casual-summer-clothes-with-no-makeup_158538-10655.jpg" },
+        { id: "g4", name: "Copper Finish", price: "Color", imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-yellow-top-ruffles-her-curly-hair-smiles-sweetly-against-white-doors_197531-26453.jpg" },
+        { id: "g5", name: "Lash Perfection", price: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26027.jpg" },
+        { id: "g6", name: "Modern Bob", price: "Cut", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332455.jpg" }
       ]}
       title="Unsere Arbeiten"
       description="Lass dich inspirieren von unseren Ergebnissen."
@@ -213,31 +102,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Anna M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg",
-        },
-        {
-          id: "t2",
-          name: "Julia S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg",
-        },
-        {
-          id: "t3",
-          name: "Thomas K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughs-looks-into-camera-against-background-trees-lady-white-top-touches-her-wavy-hair_197531-26343.jpg",
-        },
-        {
-          id: "t5",
-          name: "Markus D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg",
-        },
+        { id: "t1", name: "Anna M.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg" },
+        { id: "t2", name: "Julia S.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg" },
+        { id: "t3", name: "Thomas K.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
+        { id: "t4", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-laughs-looks-into-camera-against-background-trees-lady-white-top-touches-her-wavy-hair_197531-26343.jpg" },
+        { id: "t5", name: "Markus D.", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-looking-away_23-2148218537.jpg" }
       ]}
       cardTitle="Kundenstimmen"
       cardTag="4.8★ Durchschnitt"
@@ -248,9 +117,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Kontakt"
       title="Dein Termin bei uns"
       description="Besuche uns in der Unterhaunstädter Weg 1. Wir freuen uns auf dich!"
@@ -263,49 +130,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Goldener Friseur"
       columns={[
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Unterhaunstädter Weg 1",
-              href: "#",
-            },
-            {
-              label: "85055 Ingolstadt",
-              href: "#",
-            },
-            {
-              label: "+49 841 79442632",
-              href: "tel:+4984179442632",
-            },
-          ],
-        },
-        {
-          title: "Öffnungszeiten",
-          items: [
-            {
-              label: "Di–Fr: 09:00–18:30",
-              href: "#",
-            },
-            {
-              label: "Sa: 09:00–16:00",
-              href: "#",
-            },
-            {
-              label: "So, Mo: geschlossen",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-          ],
-        },
+        { title: "Kontakt", items: [{ label: "Unterhaunstädter Weg 1", href: "#" }, { label: "85055 Ingolstadt", href: "#" }, { label: "+49 841 79442632", href: "tel:+4984179442632" }] },
+        { title: "Öffnungszeiten", items: [{ label: "Di–Fr: 09:00–18:30", href: "#" }, { label: "Sa: 09:00–16:00", href: "#" }, { label: "So, Mo: geschlossen", href: "#" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }] }
       ]}
       copyrightText="© 2025 Goldener Friseur Ingolstadt"
     />
@@ -313,4 +140,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1