From 6d8799e7d07f39083ae988e2f87807f7c0bb8278 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 22:08:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 496 ++++++++++++++---------------------------------
 1 file changed, 146 insertions(+), 350 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b8b483..a9a4581 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,365 +29,161 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Leistungen",
-          id: "leistungen",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Referenzen",
-          id: "referenzen",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Bavaria Bau"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Leistungen", id: "leistungen" },
+              { name: "Über uns", id: "about" },
+              { name: "Referenzen", id: "referenzen" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Bavaria Bau"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background="floatingGradient"
-      title="Bavaria Bau: Ihr Fundament für bayerisches Wohnglück."
-      description="Präzise Erdarbeiten, sauberer Aushub und termingerechte Vorbereitung. Wir schaffen die Basis, auf der Sie Ihr Traumhaus errichten – ehrlich, direkt und zuverlässig."
-      kpis={[
-        {
-          value: "150+",
-          label: "Erfolgreiche Baugruben",
-        },
-        {
-          value: "100%",
-          label: "Termingerecht",
-        },
-        {
-          value: "24/7",
-          label: "Persönlich erreichbar",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Kostenloses Erstgespräch",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
-          alt: "Bauleiter",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-worker-pointing-something_329181-2839.jpg",
-          alt: "Maschinenführer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg",
-          alt: "Bauhelfer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-construction-worker_329181-2835.jpg",
-          alt: "Baufachkraft",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg",
-          alt: "Teamleiter",
-        },
-      ]}
-      avatarText="Unser erfahrenes Expertenteam"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Versicherungsschutz",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "DIN-Norm geprüft",
-          icon: CheckCircle,
-        },
-        {
-          type: "text-icon",
-          text: "Moderne Baumaschinen",
-          icon: Truck,
-        },
-        {
-          type: "text-icon",
-          text: "Regionaler Fokus",
-          icon: MapPin,
-        },
-        {
-          type: "text-icon",
-          text: "Kostentransparenz",
-          icon: Wallet,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Bavaria Bau: Ihr Fundament für bayerisches Wohnglück."
+            description="Präzise Erdarbeiten, sauberer Aushub und termingerechte Vorbereitung. Wir schaffen die Basis, auf der Sie Ihr Traumhaus errichten – ehrlich, direkt und zuverlässig."
+            kpis={[
+              { value: "150+", label: "Erfolgreiche Baugruben" },
+              { value: "100%", label: "Termingerecht" },
+              { value: "24/7", label: "Persönlich erreichbar" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Kostenloses Erstgespräch", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/construction-worker-with-mobile-phone_329181-2838.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg", alt: "Bauleiter" },
+              { src: "http://img.b2bpic.net/free-photo/construction-worker-pointing-something_329181-2839.jpg", alt: "Maschinenführer" },
+              { src: "http://img.b2bpic.net/free-photo/construction-worker_329181-2845.jpg", alt: "Bauhelfer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-construction-worker_329181-2835.jpg", alt: "Baufachkraft" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-equipment_23-2148752010.jpg", alt: "Teamleiter" },
+            ]}
+            avatarText="Unser erfahrenes Expertenteam"
+            marqueeItems={[
+              { type: "text-icon", text: "Versicherungsschutz", icon: Shield },
+              { type: "text-icon", text: "DIN-Norm geprüft", icon: CheckCircle },
+              { type: "text-icon", text: "Moderne Baumaschinen", icon: Truck },
+              { type: "text-icon", text: "Regionaler Fokus", icon: MapPin },
+              { type: "text-icon", text: "Kostentransparenz", icon: Wallet },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Bodenständig. Direkt. Baufest."
-      description="Bei Bavaria Bau wissen wir: Ihr Traum vom Haus beginnt im Boden. Christian steht für ehrliche Arbeit, direkte Kommunikation und die Flexibilität, die ein Baustellenalltag fordert. Keine leeren Versprechen, sondern saubere Ergebnisse aus einer Hand."
-      bulletPoints={[
-        {
-          title: "Hands-on Mentalität",
-          description: "Christian ist persönlich Ihr Ansprechpartner für alle technischen Fragen.",
-        },
-        {
-          title: "Saubere Baustelle",
-          description: "Professionelle Ausführung und Ordnung sind für uns eine Selbstverständlichkeit.",
-        },
-        {
-          title: "Flexibilität pur",
-          description: "Baustellen laufen selten wie geplant – wir finden Lösungen, statt Probleme zu wälzen.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-workshop_329181-15659.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Bodenständig. Direkt. Baufest."
+            description="Bei Bavaria Bau wissen wir: Ihr Traum vom Haus beginnt im Boden. Christian steht für ehrliche Arbeit, direkte Kommunikation und die Flexibilität, die ein Baustellenalltag fordert. Keine leeren Versprechen, sondern saubere Ergebnisse aus einer Hand."
+            bulletPoints={[
+              { title: "Hands-on Mentalität", description: "Christian ist persönlich Ihr Ansprechpartner für alle technischen Fragen." },
+              { title: "Saubere Baustelle", description: "Professionelle Ausführung und Ordnung sind für uns eine Selbstverständlichkeit." },
+              { title: "Flexibilität pur", description: "Baustellen laufen selten wie geplant – wir finden Lösungen, statt Probleme zu wälzen." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-workshop_329181-15659.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="leistungen" data-section="leistungen">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          tag: "Basis",
-          title: "Baugrubenaushub",
-          subtitle: "Sicher & Präzise",
-          description: "Mit modernstem Gerät heben wir die Grube für Ihr Traumhaus aus.",
-          imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg",
-        },
-        {
-          tag: "Vorarbeit",
-          title: "Erdbau & Vorbereitung",
-          subtitle: "Sauber & Ordentlich",
-          description: "Wir bereiten den Untergrund perfekt für Ihr Fertighaus vor.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-architect-white-shirt-yellow-hardhat-thoughtfully-looking-plan-new-apartment-with-ladder-background_574295-1584.jpg",
-        },
-        {
-          tag: "Spezial",
-          title: "Rundum-Betreuung",
-          subtitle: "Aus einer Hand",
-          description: "Vom Aushub bis zum fertigen Kontrollschacht – alles aus einer Hand.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278587.jpg",
-        },
-      ]}
-      title="Vom Aushub bis zur Baugrube"
-      description="Unser Leistungsspektrum deckt alles ab, was für einen perfekten Start in Ihren Hausbau nötig ist."
-    />
-  </div>
+        <div id="leistungen" data-section="leistungen">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { tag: "Basis", title: "Baugrubenaushub", subtitle: "Sicher & Präzise", description: "Mit modernstem Gerät heben wir die Grube für Ihr Traumhaus aus.", imageSrc: "http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg" },
+              { tag: "Vorarbeit", title: "Erdbau & Vorbereitung", subtitle: "Sauber & Ordentlich", description: "Wir bereiten den Untergrund perfekt für Ihr Fertighaus vor.", imageSrc: "http://img.b2bpic.net/free-photo/young-architect-white-shirt-yellow-hardhat-thoughtfully-looking-plan-new-apartment-with-ladder-background_574295-1584.jpg" },
+              { tag: "Spezial", title: "Rundum-Betreuung", subtitle: "Aus einer Hand", description: "Vom Aushub bis zum fertigen Kontrollschacht – alles aus einer Hand.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278587.jpg" },
+            ]}
+            title="Vom Aushub bis zur Baugrube"
+            description="Unser Leistungsspektrum deckt alles ab, was für einen perfekten Start in Ihren Hausbau nötig ist."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Zahlen, die überzeugen"
-      tag="Unsere Erfolge"
-      metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Jahre Erfahrung",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          description: "Empfehlungsquote",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Budgettreue",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Zahlen, die überzeugen"
+            tag="Unsere Erfolge"
+            metrics={[
+              { id: "m1", value: "15+", description: "Jahre Erfahrung" },
+              { id: "m2", value: "98%", description: "Empfehlungsquote" },
+              { id: "m3", value: "100%", description: "Budgettreue" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Absolut zuverlässig",
-          quote: "Absolut zuverlässig, sauber und termingerecht ausgeführt.",
-          name: "Familie Müller",
-          role: "Bauherren",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmets_23-2148751995.jpg",
-        },
-        {
-          id: "t2",
-          title: "Flexibilität pur",
-          quote: "Flexibel reagiert, wenn mal nicht alles nach Plan lief. Sehr geschätzt!",
-          name: "Bauherr Schmidt",
-          role: "Eigenheimbesitzer",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-construction-site_23-2148751977.jpg",
-        },
-        {
-          id: "t3",
-          title: "Immer erreichbar",
-          quote: "Immer erreichbar, auch bei technischen Fragen am Wochenende.",
-          name: "Frau Wagner",
-          role: "Fertighauskäuferin",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg",
-        },
-        {
-          id: "t4",
-          title: "Saubere Arbeit",
-          quote: "Die Baustelle war immer picobello. Großes Lob an Christian.",
-          name: "Familie Bauer",
-          role: "Bauherren",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg",
-        },
-        {
-          id: "t5",
-          title: "Rundum sorglos",
-          quote: "Vom Aushub bis zum Schacht – einfach stressfrei.",
-          name: "Herr Gruber",
-          role: "Bauherren",
-          imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg",
-        },
-      ]}
-      title="Das sagen unsere Bauherren"
-      description="Vertrauen ist die Basis jedes Hauses. Unsere Kunden bestätigen unsere Philosophie."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", title: "Absolut zuverlässig", quote: "Absolut zuverlässig, sauber und termingerecht ausgeführt.", name: "Familie Müller", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmets_23-2148751995.jpg" },
+              { id: "t2", title: "Flexibilität pur", quote: "Flexibel reagiert, wenn mal nicht alles nach Plan lief. Sehr geschätzt!", name: "Bauherr Schmidt", role: "Eigenheimbesitzer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-construction-site_23-2148751977.jpg" },
+              { id: "t3", title: "Immer erreichbar", quote: "Immer erreichbar, auch bei technischen Fragen am Wochenende.", name: "Frau Wagner", role: "Fertighauskäuferin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-with-helmets_23-2148751989.jpg" },
+              { id: "t4", title: "Saubere Arbeit", quote: "Die Baustelle war immer picobello. Großes Lob an Christian.", name: "Familie Bauer", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together_23-2148752011.jpg" },
+              { id: "t5", title: "Rundum sorglos", quote: "Vom Aushub bis zum Schacht – einfach stressfrei.", name: "Herr Gruber", role: "Bauherren", imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg" },
+            ]}
+            title="Das sagen unsere Bauherren"
+            description="Vertrauen ist die Basis jedes Hauses. Unsere Kunden bestätigen unsere Philosophie."
+          />
+        </div>
 
-  <div id="referenzen" data-section="referenzen">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Fertighaus Bayern",
-        "Holzhaus Profi",
-        "Massivbau Süd",
-        "Erdtechnik GmbH",
-        "Regionaler Bauhandel",
-        "Lichtblick Solar",
-        "Bodenmeister Team",
-      ]}
-      title="Unsere Partner"
-      description="Wir arbeiten mit den besten Fertighausanbietern und regionalen Partnern zusammen."
-    />
-  </div>
+        <div id="referenzen" data-section="referenzen">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Fertighaus Bayern", "Holzhaus Profi", "Massivbau Süd", "Erdtechnik GmbH", "Regionaler Bauhandel", "Lichtblick Solar", "Bodenmeister Team"]}
+            title="Unsere Partner"
+            description="Wir arbeiten mit den besten Fertighausanbietern und regionalen Partnern zusammen."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Wie lange dauert ein Aushub?",
-          content: "In der Regel sind wir innerhalb von 2-4 Tagen fertig, je nach Bodenbeschaffenheit.",
-        },
-        {
-          id: "f2",
-          title: "Was ist, wenn der Untergrund schwierig ist?",
-          content: "Wir haben Erfahrung mit verschiedensten Bodenverhältnissen in Bayern und finden Lösungen.",
-        },
-        {
-          id: "f3",
-          title: "Sind Sie auch nach Feierabend erreichbar?",
-          content: "Wir sind als Handwerksbetrieb persönlich erreichbar, da uns Ihr Projekt am Herzen liegt.",
-        },
-      ]}
-      title="Häufige Fragen"
-      description="Alles, was Sie für Ihre Baugrube wissen müssen."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Wie lange dauert ein Aushub?", content: "In der Regel sind wir innerhalb von 2-4 Tagen fertig, je nach Bodenbeschaffenheit." },
+              { id: "f2", title: "Was ist, wenn der Untergrund schwierig ist?", content: "Wir haben Erfahrung mit verschiedensten Bodenverhältnissen in Bayern und finden Lösungen." },
+              { id: "f3", title: "Sind Sie auch nach Feierabend erreichbar?", content: "Wir sind als Handwerksbetrieb persönlich erreichbar, da uns Ihr Projekt am Herzen liegt." },
+            ]}
+            title="Häufige Fragen"
+            description="Alles, was Sie für Ihre Baugrube wissen müssen."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Jetzt unverbindlich anfragen"
-      description="Vereinbaren Sie noch heute Ihr kostenloses Erstgespräch. Wir freuen uns auf Ihr Projekt."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Ihr Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Ihre E-Mail",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Ihre Telefonnummer",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Erzählen Sie uns von Ihrem Projekt...",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"
-      buttonText="Kostenloses Erstgespräch anfragen"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Jetzt unverbindlich anfragen"
+            description="Vereinbaren Sie noch heute Ihr kostenloses Erstgespräch. Wir freuen uns auf Ihr Projekt."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Ihr Name", required: true },
+              { name: "email", type: "email", placeholder: "Ihre E-Mail", required: true },
+              { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" },
+            ]}
+            textarea={{ name: "message", placeholder: "Erzählen Sie uns von Ihrem Projekt..." }}
+            imageSrc="http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"
+            buttonText="Kostenloses Erstgespräch anfragen"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Startseite",
-              href: "/",
-            },
-            {
-              label: "Über uns",
-              href: "#about",
-            },
-            {
-              label: "Leistungen",
-              href: "#leistungen",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Anfragen",
-              href: "#contact",
-            },
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Bavaria Bau"
-      copyrightText="© 2025 Bavaria Bau | Handwerk mit Herz"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Startseite", href: "/" }, { label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#leistungen" }] },
+              { title: "Kontakt", items: [{ label: "Anfragen", href: "#contact" }, { label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
+            ]}
+            logoText="Bavaria Bau"
+            copyrightText="© 2025 Bavaria Bau | Handwerk mit Herz"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1