From b1ee566197071afce07d876fe8684f942572967f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 21:27:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 287 +++++++----------------------------------------
 1 file changed, 39 insertions(+), 248 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c1a67da..1f01180 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,70 +31,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Startseite",
-          id: "#hero",
-        },
-        {
-          name: "Über uns",
-          id: "#about",
-        },
-        {
-          name: "Leistungen",
-          id: "#features",
-        },
-        {
-          name: "Preise",
-          id: "#pricing",
-        },
-        {
-          name: "Kontakt",
-          id: "#contact",
-        },
+        { name: "Startseite", id: "#hero" },
+        { name: "Über uns", id: "#about" },
+        { name: "Leistungen", id: "#features" },
+        { name: "Preise", id: "#pricing" },
+        { name: "Kontakt", id: "#contact" }
       ]}
       brandName="Abschnitt 37"
-      button={{
-        text: "Termin buchen",
-        href: "tel:017656815501",
-      }}
+      button={{ text: "Termin buchen", href: "tel:017656815501" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Präzision & Stil für den modernen Mann"
       description="Erleben Sie erstklassige Handwerkskunst in Berlin. Abschnitt 37 - Berlin bietet präzise Haarschnitte und Bartpflege in stilvollem Ambiente."
       tag="Ihr Barber in Berlin"
-      buttons={[
-        {
-          text: "Jetzt Termin vereinbaren",
-          href: "tel:017656815501",
-        },
-      ]}
+      buttons={[{ text: "Jetzt Termin vereinbaren", href: "tel:017656815501" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
-          imageAlt: "Moderner Barbershop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg",
-          imageAlt: "Barbier bei der Arbeit",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          imageAlt: "Barber shop interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg",
-          imageAlt: "Front view leather barber shop chair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
-          imageAlt: "Luxury armchairs in barber shop",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Moderner Barbershop" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg", imageAlt: "Barbier bei der Arbeit" }
       ]}
       mediaAnimation="slide-up"
       rating={4.5}
@@ -109,18 +66,9 @@ export default function LandingPage() {
       title="Meisterhaftes Handwerk"
       description="Bei Abschnitt 37 Berlin steht Qualität an erster Stelle. Unser Team kombiniert jahrelange Erfahrung mit modernster Präzision, um sicherzustellen, dass Sie mit dem perfekten Look den Shop verlassen."
       bulletPoints={[
-        {
-          title: "Erfahrung & Leidenschaft",
-          description: "Jeder Schnitt ist ein Ausdruck unserer handwerklichen Sorgfalt.",
-        },
-        {
-          title: "Individuelle Beratung",
-          description: "Wir gehen auf Ihre Wünsche ein und finden den perfekten Stil für Sie.",
-        },
-        {
-          title: "Ambiente & Hygiene",
-          description: "Sauberkeit und Wohlfühlatmosphäre für jeden Kunden.",
-        },
+        { title: "Erfahrung & Leidenschaft", description: "Jeder Schnitt ist ein Ausdruck unserer handwerklichen Sorgfalt." },
+        { title: "Individuelle Beratung", description: "Wir gehen auf Ihre Wünsche ein und finden den perfekten Stil für Sie." },
+        { title: "Ambiente & Hygiene", description: "Sauberkeit und Wohlfühlatmosphäre für jeden Kunden." }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"
       mediaAnimation="slide-up"
@@ -129,24 +77,13 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Klassischer Haarschnitt",
-          description: "Präzision bis ins Detail.",
-          icon: Scissors,
-        },
-        {
-          title: "Bartpflege & Kontur",
-          description: "Perfekt gepflegter Bart für einen maskulinen Look.",
-          icon: Scissors,
-        },
-        {
-          title: "Hot Towel Shave",
-          description: "Ein Erlebnis für Entspannung und Pflege.",
-          icon: Sparkles,
-        },
+        { title: "Klassischer Haarschnitt", description: "Präzision bis ins Detail.", icon: Scissors },
+        { title: "Bartpflege & Kontur", description: "Perfekt gepflegter Bart für einen maskulinen Look.", icon: Scissors },
+        { title: "Hot Towel Shave", description: "Ein Erlebnis für Entspannung und Pflege.", icon: Sparkles }
       ]}
       title="Unsere Leistungen"
       description="Vom klassischen Haarschnitt bis zur gepflegten Rasur."
@@ -160,54 +97,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "1",
-          badge: "Basis",
-          price: "25€",
-          subtitle: "Kurzer Haarschnitt",
-          buttons: [
-            {
-              text: "Jetzt buchen",
-              href: "tel:017656815501",
-            },
-          ],
-          features: [
-            "Haarschnitt",
-            "Styling",
-          ],
+          id: "1",          badge: "Basis",          price: "25€",          subtitle: "Kurzer Haarschnitt",          buttons: [{ text: "Jetzt buchen", href: "tel:017656815501" }],
+          features: ["Haarschnitt", "Styling"]
         },
         {
-          id: "2",
-          badge: "Beliebt",
-          price: "45€",
-          subtitle: "Full Barber Service",
-          buttons: [
-            {
-              text: "Jetzt buchen",
-              href: "tel:017656815501",
-            },
-          ],
-          features: [
-            "Haarschnitt",
-            "Bartrasur",
-            "Hot Towel",
-          ],
+          id: "2",          badge: "Beliebt",          price: "45€",          subtitle: "Full Barber Service",          buttons: [{ text: "Jetzt buchen", href: "tel:017656815501" }],
+          features: ["Haarschnitt", "Bartrasur", "Hot Towel"]
         },
         {
-          id: "3",
-          badge: "Bart",
-          price: "15€",
-          subtitle: "Nur Bartpflege",
-          buttons: [
-            {
-              text: "Jetzt buchen",
-              href: "tel:017656815501",
-            },
-          ],
-          features: [
-            "Konturenschnitt",
-            "Bartöl",
-          ],
-        },
+          id: "3",          badge: "Bart",          price: "15€",          subtitle: "Nur Bartpflege",          buttons: [{ text: "Jetzt buchen", href: "tel:017656815501" }],
+          features: ["Konturenschnitt", "Bartöl"]
+        }
       ]}
       title="Unsere Preise"
       description="Fair, transparent und professionell."
@@ -220,41 +120,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Max M.",
-          role: "Stammkunde",
-          testimonial: "Freundlicher Service und saubere Arbeit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg",
-        },
-        {
-          id: "2",
-          name: "Lukas K.",
-          role: "Kunde",
-          testimonial: "Schnell, professionell und fair im Preis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-black-suit-white-rose-boutonniere-stands-garden_8353-7079.jpg",
-        },
-        {
-          id: "3",
-          name: "Jens W.",
-          role: "Stammkunde",
-          testimonial: "Sehr präzise Haarschnitte.",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
-        },
-        {
-          id: "4",
-          name: "Tobias H.",
-          role: "Kunde",
-          testimonial: "Bester Barber in Berlin!",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smoking-cigarette_1303-27585.jpg",
-        },
-        {
-          id: "5",
-          name: "Markus S.",
-          role: "Kunde",
-          testimonial: "Immer top zufrieden.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
-        },
+        { id: "1", name: "Max M.", role: "Stammkunde", testimonial: "Freundlicher Service und saubere Arbeit.", imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg" },
+        { id: "2", name: "Lukas K.", role: "Kunde", testimonial: "Schnell, professionell und fair im Preis.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-black-suit-white-rose-boutonniere-stands-garden_8353-7079.jpg" },
+        { id: "3", name: "Jens W.", role: "Stammkunde", testimonial: "Sehr präzise Haarschnitte.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg" },
+        { id: "4", name: "Tobias H.", role: "Kunde", testimonial: "Bester Barber in Berlin!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-smoking-cigarette_1303-27585.jpg" },
+        { id: "5", name: "Markus S.", role: "Kunde", testimonial: "Immer top zufrieden.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg" }
       ]}
       title="Kundenstimmen"
       description="Was unsere Kunden über Abschnitt 37 Berlin sagen."
@@ -263,46 +133,14 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardOne
+      animationType="scale-rotate"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Matte Wax",
-          price: "18,00€",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205919.jpg",
-        },
-        {
-          id: "p2",
-          name: "Beard Oil",
-          price: "14,50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg",
-        },
-        {
-          id: "p3",
-          name: "Hair Tonic",
-          price: "16,00€",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-glass_23-2150226107.jpg",
-        },
-        {
-          id: "p4",
-          name: "Aftershave",
-          price: "19,90€",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167450.jpg",
-        },
-        {
-          id: "p5",
-          name: "Shaving Brush",
-          price: "22,00€",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-products-with-copy-space_23-2148459839.jpg",
-        },
-        {
-          id: "p6",
-          name: "Hold Gel",
-          price: "12,50€",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-spray-bottle_23-2148352921.jpg",
-        },
+        { id: "p1", name: "Matte Wax", price: "18,00€", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205919.jpg" },
+        { id: "p2", name: "Beard Oil", price: "14,50€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313038.jpg" },
+        { id: "p3", name: "Hair Tonic", price: "16,00€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-glass_23-2150226107.jpg" }
       ]}
       title="Premium Pflegeprodukte"
       description="Gönnen Sie Ihrem Haar und Bart nur das Beste."
@@ -312,16 +150,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Besuchen Sie uns: Albrechtstr. 107, 12167 Berlin. Dienstag–Samstag bis 18:30 Uhr für Sie da. Rufen Sie uns an: 0176 56815501"
-      buttons={[
-        {
-          text: "Jetzt anrufen",
-          href: "tel:017656815501",
-        },
-      ]}
+      buttons={[{ text: "Jetzt anrufen", href: "tel:017656815501" }]}
     />
   </div>
 
@@ -329,53 +160,13 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Abschnitt 37 - Berlin"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Startseite",
-              href: "#hero",
-            },
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Preise",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Albrechtstr. 107, Berlin",
-              href: "#contact",
-            },
-            {
-              label: "0176 56815501",
-              href: "tel:017656815501",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Startseite", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Preise", href: "#pricing" }] },
+        { title: "Kontakt", items: [{ label: "Albrechtstr. 107, Berlin", href: "#contact" }, { label: "0176 56815501", href: "tel:017656815501" }] },
+        { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1