From a9f566edaaf4c74773f4390d108cf89fd65846b0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 15 May 2026 08:56:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 320 +++++++++++++++--------------------------------
 1 file changed, 99 insertions(+), 221 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b85d338..1dd75b3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,234 +26,112 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Leistungen",
-          id: "services",
-        },
-        {
-          name: "Werkstatt",
-          id: "workshop",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Autohaus Hunzinger"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Start", id: "hero" },
+              { name: "Über uns", id: "about" },
+              { name: "Leistungen", id: "services" },
+              { name: "Werkstatt", id: "workshop" },
+              { name: "Team", id: "team" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Autohaus Hunzinger"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Autohaus Hunzinger: Familienunternehmen durch und durch!"
-      description="Ihr verlässlicher Partner in Seefelden seit 1936. Der Service macht's – bei uns steht der Mensch und sein Fahrzeug im Mittelpunkt."
-      tag="Seit 1936 für Sie da"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=1",
-          imageAlt: "Autohaus Hunzinger Außenansicht",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130113.jpg",
-          imageAlt: "Moderner Showroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-buying-car_1303-13630.jpg",
-          imageAlt: "Junge Frau beim Autokauf",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-17451.jpg",
-          imageAlt: "Junges Paar im Showroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom_1303-13475.jpg",
-          imageAlt: "Verkaufsberaterin im Autohaus",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Top-Service seit Generationen"
-      tagIcon={History}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Autohaus Hunzinger: Familienunternehmen durch und durch!"
+            description="Ihr verlässlicher Partner in Seefelden seit 1936. Der Service macht's – bei uns steht der Mensch und sein Fahrzeug im Mittelpunkt."
+            tag="Seit 1936 für Sie da"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg",                imageAlt: "Autohaus Hunzinger Außenansicht"},
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130113.jpg",                imageAlt: "Moderner Showroom"},
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Top-Service seit Generationen"
+            tagIcon={History}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      tag="Unsere Geschichte"
-      title="Tradition, die verpflichtet"
-      tagIcon={BookOpen}
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TextAbout
+            useInvertedBackground={true}
+            tag="Unsere Geschichte"
+            title="Tradition, die verpflichtet"
+            tagIcon={BookOpen}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Briefcase,
-          title: "Fahrzeugverkauf & Beratung",
-          description: "Persönlich, ehrlich und ganz ohne Druck. Wir finden Ihr Wunschfahrzeug.",
-        },
-        {
-          icon: Wrench,
-          title: "Werkstatt & Reparatur",
-          description: "Ob Inspektion oder Autocheck – wir bringen Ihr Fahrzeug wieder in Form.",
-        },
-        {
-          icon: Droplet,
-          title: "Karosserie & Lackiererei",
-          description: "Präzise Karosserieinstandsetzung und professionelle Lackierung für perfekten Glanz.",
-        },
-        {
-          icon: Users,
-          title: "Kunden- & Fahrzeugpflege",
-          description: "Wir setzen auf langfristige Beziehungen und eine umfassende Betreuung Ihres Autos.",
-        },
-      ]}
-      title="Unsere Leistungen"
-      description="Von der fundierten Beratung bis hin zur fachmännischen Karosserieinstandsetzung."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Briefcase, title: "Fahrzeugverkauf & Beratung", description: "Persönlich, ehrlich und ganz ohne Druck. Wir finden Ihr Wunschfahrzeug." },
+              { icon: Wrench, title: "Werkstatt & Reparatur", description: "Ob Inspektion oder Autocheck – wir bringen Ihr Fahrzeug wieder in Form." },
+              { icon: Droplet, title: "Karosserie & Lackiererei", description: "Präzise Karosserieinstandsetzung und professionelle Lackierung für perfekten Glanz." },
+              { icon: Users, title: "Kunden- & Fahrzeugpflege", description: "Wir setzen auf langfristige Beziehungen und eine umfassende Betreuung Ihres Autos." },
+            ]}
+            title="Unsere Leistungen"
+            description="Von der fundierten Beratung bis hin zur fachmännischen Karosserieinstandsetzung."
+          />
+        </div>
 
-  <div id="workshop" data-section="workshop">
-      <TextAbout
-      useInvertedBackground={true}
-      tag="Fachwissen & Präzision"
-      title="Die Werkstatt: Das Herz unseres Betriebes"
-      tagIcon={Settings}
-    />
-  </div>
+        <div id="workshop" data-section="workshop">
+            <TextAbout
+            useInvertedBackground={true}
+            tag="Fachwissen & Präzision"
+            title="Die Werkstatt: Das Herz unseres Betriebes"
+            tagIcon={Settings}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "1",
-          name: "Sonja Hunzinger",
-          role: "Geschäftsführung",
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg",
-          imageAlt: "vintage black and white car repair",
-        },
-        {
-          id: "2",
-          name: "Gerd Hunzinger",
-          role: "Geschäftsführung",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg?_wi=2",
-          imageAlt: "vintage black and white car repair",
-        },
-        {
-          id: "3",
-          name: "Werkstatt-Team",
-          role: "35 qualifizierte Mitarbeiter",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg",
-          imageAlt: "vintage black and white car repair",
-        },
-        {
-          id: "4",
-          name: "Kundenservice",
-          role: "Ihr persönlicher Ansprechpartner",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg",
-          imageAlt: "vintage black and white car repair",
-        },
-      ]}
-      title="35 Experten für Ihr Auto"
-      description="Geführt von Sonja und Gerd Hunzinger in dritter Generation."
-    />
-  </div>
+        <div id="team" data-section="team">
+            <TeamCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "Sonja Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg", imageAlt: "Sonja Hunzinger" },
+              { id: "2", name: "Gerd Hunzinger", role: "Geschäftsführung", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-together-car-dealership_23-2148333023.jpg", imageAlt: "Gerd Hunzinger" },
+              { id: "3", name: "Werkstatt-Team", role: "35 qualifizierte Mitarbeiter", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg", imageAlt: "Werkstatt-Team" },
+              { id: "4", name: "Kundenservice", role: "Ihr persönlicher Ansprechpartner", imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg", imageAlt: "Kundenservice" },
+            ]}
+            title="35 Experten für Ihr Auto"
+            description="Geführt von Sonja und Gerd Hunzinger in dritter Generation."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Kontakt"
-      title="Besuchen Sie uns in Seefelden"
-      description="Direkt an der B3. Wir freuen uns auf Ihren Besuch!"
-      tagIcon={MapPin}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="Kontakt"
+            title="Besuchen Sie uns in Seefelden"
+            description="Direkt an der B3. Wir freuen uns auf Ihren Besuch!"
+            tagIcon={MapPin}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Start",
-              href: "#hero",
-            },
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Leistungen",
-              href: "#services",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Seefelden, an der B3",
-              href: "#",
-            },
-            {
-              label: "Telefon: 01234/56789",
-              href: "tel:+49123456789",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Autohaus Hunzinger"
-      copyrightText="© 1936 – 2025 Autohaus Hunzinger"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Start", href: "#hero" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#services" }, { label: "Kontakt", href: "#contact" }] },
+              { title: "Kontakt", items: [{ label: "Seefelden, an der B3", href: "#" }, { label: "Telefon: 01234/56789", href: "tel:+49123456789" }] },
+              { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
+            ]}
+            logoText="Autohaus Hunzinger"
+            copyrightText="© 1936 – 2025 Autohaus Hunzinger"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );