From 5440d7682f475c2dca355e84441b28e21a5c58a7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 00:07:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 482 ++++++++++++++---------------------------------
 1 file changed, 142 insertions(+), 340 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 43ec339..9b2160b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,354 +27,156 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Start",
-          id: "hero",
-        },
-        {
-          name: "Leistungen",
-          id: "features",
-        },
-        {
-          name: "Referenzen",
-          id: "gallery",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Holztechnik Neumann"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Start", id: "hero" },
+              { name: "Leistungen", id: "features" },
+              { name: "Referenzen", id: "gallery" },
+              { name: "FAQ", id: "faq" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Holztechnik Neumann"
+            button={{ text: "Anfrage", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Präzision & Leidenschaft in Holztechnik"
-      description="Ihr Generalunternehmer im Westerwald. Von der Holztechnik bis zur Sanierung bieten wir individuelle Lösungen auf 7.000m² Fläche."
-      buttons={[
-        {
-          text: "Jetzt Anfrage senden",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=1",
-          imageAlt: "Werkstatt Holztechnik Neumann",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=2",
-          imageAlt: "Holzverarbeitung",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=3",
-          imageAlt: "Container Sanierung",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=4",
-          imageAlt: "Generalunternehmer Montage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=5",
-          imageAlt: "Bau- und Wohncontainer",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg?_wi=6",
-          imageAlt: "Handwerkskunst Holz",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "sparkles-gradient" }}
+            title="Präzision & Leidenschaft in Holztechnik"
+            description="Ihr Generalunternehmer im Westerwald. Von der Holztechnik bis zur Sanierung bieten wir individuelle Lösungen auf 7.000m² Fläche."
+            buttons={[{ text: "Jetzt Anfrage senden", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Werkstatt Holztechnik Neumann" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Holzverarbeitung" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Container Sanierung" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Generalunternehmer Montage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Bau- und Wohncontainer" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-construction-items_23-2148269416.jpg", imageAlt: "Handwerkskunst Holz" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Über Holztechnik Neumann"
-      description="Seit unserer Firmengründung stehen wir für Qualität und Zuverlässigkeit. In Steinebach/Sieg vereinen wir modernste Handwerkstechnik mit Leidenschaft. Unser erfahrenes Team kümmert sich um Ihr Projekt – egal ob Innenausbau, Sanierung oder innovative Containerlösungen."
-      bulletPoints={[
-        {
-          title: "Generalunternehmer",
-          description: "Alles aus einer Hand: Koordination aller Gewerke für stressfreie Bauprojekte.",
-        },
-        {
-          title: "Meisterhafte Qualität",
-          description: "Höchster Anspruch an Verarbeitung bei Holz, Stahl und Baustoffen.",
-        },
-        {
-          title: "Bundesweite Erfahrung",
-          description: "Wir realisieren Projekte mit Leidenschaft, lokal im Westerwald und überregional.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/engraving-instrument-arrangement-table_23-2149061717.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Über Holztechnik Neumann"
+            description="Seit unserer Firmengründung stehen wir für Qualität und Zuverlässigkeit. In Steinebach/Sieg vereinen wir modernste Handwerkstechnik mit Leidenschaft. Unser erfahrenes Team kümmert sich um Ihr Projekt – egal ob Innenausbau, Sanierung oder innovative Containerlösungen."
+            bulletPoints={[
+              { title: "Generalunternehmer", description: "Alles aus einer Hand: Koordination aller Gewerke für stressfreie Bauprojekte." },
+              { title: "Meisterhafte Qualität", description: "Höchster Anspruch an Verarbeitung bei Holz, Stahl und Baustoffen." },
+              { title: "Bundesweite Erfahrung", description: "Wir realisieren Projekte mit Leidenschaft, lokal im Westerwald und überregional." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/engraving-instrument-arrangement-table_23-2149061717.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          title: "Holztechnik & Innenausbau",
-          tags: [
-            "Handwerk",
-            "Präzision",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woodworker-cleaning-spindle-moulder-machine-after-finishing-client-project_482257-104741.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Sanierung & Altbau",
-          tags: [
-            "Experten",
-            "Sanierung",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431465.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          title: "Container Instandsetzung",
-          tags: [
-            "Spezial",
-            "Innovation",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892960.jpg",
-        },
-        {
-          id: "4",
-          title: "Gewerbebau",
-          tags: [
-            "Professionell",
-            "Großprojekte",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woodworker-cleaning-spindle-moulder-machine-after-finishing-client-project_482257-104741.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          title: "Projektberatung",
-          tags: [
-            "Planung",
-            "Beratung",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431465.jpg?_wi=2",
-        },
-      ]}
-      title="Unsere Leistungen"
-      description="Vielfalt und Innovation – entdecken Sie unsere Fachgebiete."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "1", title: "Holztechnik & Innenausbau", tags: ["Handwerk", "Präzision"], imageSrc: "http://img.b2bpic.net/free-photo/woodworker-cleaning-spindle-moulder-machine-after-finishing-client-project_482257-104741.jpg" },
+              { id: "2", title: "Sanierung & Altbau", tags: ["Experten", "Sanierung"], imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431465.jpg" },
+              { id: "3", title: "Container Instandsetzung", tags: ["Spezial", "Innovation"], imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892960.jpg" },
+              { id: "4", title: "Gewerbebau", tags: ["Professionell", "Großprojekte"], imageSrc: "http://img.b2bpic.net/free-photo/woodworker-cleaning-spindle-moulder-machine-after-finishing-client-project_482257-104741.jpg" },
+              { id: "5", title: "Projektberatung", tags: ["Planung", "Beratung"], imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431465.jpg" }
+            ]}
+            title="Unsere Leistungen"
+            description="Vielfalt und Innovation – entdecken Sie unsere Fachgebiete."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Holz-Bürocontainer",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317322.jpg",
-        },
-        {
-          id: "2",
-          name: "Innenausbau Gewerbe",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-white-spiral-stairs_410324-135.jpg",
-        },
-        {
-          id: "3",
-          name: "Dachstuhlsanierung",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-measuring-wooden-block-with-ruler-pencil_23-2147945068.jpg",
-        },
-        {
-          id: "4",
-          name: "Akustikbau Projekte",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-576.jpg",
-        },
-        {
-          id: "5",
-          name: "Containerausbau Innen",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-brick-stone-building_23-2148252757.jpg",
-        },
-        {
-          id: "6",
-          name: "Individuelle Holzfassaden",
-          price: "Auf Anfrage",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-checking-smoothness-wood-product-workshop_342744-828.jpg",
-        },
-      ]}
-      title="Referenzen"
-      description="Ein Blick in unsere Werkstatt und abgeschlossene Projekte."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Holz-Bürocontainer", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317322.jpg" },
+              { id: "2", name: "Innenausbau Gewerbe", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/brown-white-spiral-stairs_410324-135.jpg" },
+              { id: "3", name: "Dachstuhlsanierung", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-measuring-wooden-block-with-ruler-pencil_23-2147945068.jpg" },
+              { id: "4", name: "Akustikbau Projekte", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-576.jpg" },
+              { id: "5", name: "Containerausbau Innen", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/front-view-brick-stone-building_23-2148252757.jpg" },
+              { id: "6", name: "Individuelle Holzfassaden", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/professional-carpenter-checking-smoothness-wood-product-workshop_342744-828.jpg" }
+            ]}
+            title="Referenzen"
+            description="Ein Blick in unsere Werkstatt und abgeschlossene Projekte."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Max Müller",
-          role: "Projektleiter",
-          company: "Baufirma GmbH",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
-        {
-          id: "2",
-          name: "Sabine Schmidt",
-          role: "Architektin",
-          company: "DesignStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
-        },
-        {
-          id: "3",
-          name: "Thomas Wagner",
-          role: "Geschäftsführer",
-          company: "Bau-Solutions",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          name: "Lukas Becker",
-          role: "Bauherr",
-          company: "Privat",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Jana Meyer",
-          role: "Immobilien",
-          company: "MeyerHaus",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "15+",
-          label: "Jahre Expertise",
-        },
-        {
-          value: "500m²",
-          label: "Halle & Produktion",
-        },
-        {
-          value: "100%",
-          label: "Motivation im Team",
-        },
-      ]}
-      title="Kundenstimmen"
-      description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Max Müller", role: "Projektleiter", company: "Baufirma GmbH", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
+              { id: "2", name: "Sabine Schmidt", role: "Architektin", company: "DesignStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
+              { id: "3", name: "Thomas Wagner", role: "Geschäftsführer", company: "Bau-Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg" },
+              { id: "4", name: "Lukas Becker", role: "Bauherr", company: "Privat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg" },
+              { id: "5", name: "Jana Meyer", role: "Immobilien", company: "MeyerHaus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg" }
+            ]}
+            kpiItems={[
+              { value: "15+", label: "Jahre Expertise" },
+              { value: "500m²", label: "Halle & Produktion" },
+              { value: "100%", label: "Motivation im Team" }
+            ]}
+            title="Kundenstimmen"
+            description="Überzeugen Sie sich selbst von der Qualität unserer Arbeit."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Bieten Sie auch Generalunternehmer-Dienste an?",
-          content: "Ja, wir übernehmen als Generalunternehmer die komplette Steuerung der Gewerke wie Elektro, Sanitär oder Dachbau für Sie.",
-        },
-        {
-          id: "q2",
-          title: "Was ist das Besondere an Ihren Bürocontainern?",
-          content: "Wir verwandeln Stahlcontainer mit Holzfassaden und hochwertigem Innenausbau in vollwertige, baugenehmigungsfreie 'Bürohäuser'.",
-        },
-        {
-          id: "q3",
-          title: "Wo arbeiten Sie?",
-          content: "Unser Standort ist im Westerwald, aber wir sind bundesweit und international für Sie im Einsatz.",
-        },
-      ]}
-      title="Häufige Fragen"
-      description="Alles was Sie über uns wissen sollten."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Bieten Sie auch Generalunternehmer-Dienste an?", content: "Ja, wir übernehmen als Generalunternehmer die komplette Steuerung der Gewerke wie Elektro, Sanitär oder Dachbau für Sie." },
+              { id: "q2", title: "Was ist das Besondere an Ihren Bürocontainern?", content: "Wir verwandeln Stahlcontainer mit Holzfassaden und hochwertigem Innenausbau in vollwertige, baugenehmigungsfreie 'Bürohäuser'." },
+              { id: "q3", title: "Wo arbeiten Sie?", content: "Unser Standort ist im Westerwald, aber wir sind bundesweit und international für Sie im Einsatz." }
+            ]}
+            title="Häufige Fragen"
+            description="Alles was Sie über uns wissen sollten."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-animated-grid",
-      }}
-      text="Wir lieben Ihre Herausforderungen. Kontaktieren Sie uns für Ihr individuelles Projekt."
-      buttons={[
-        {
-          text: "Jetzt Projekt starten",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-animated-grid" }}
+            text="Wir lieben Ihre Herausforderungen. Kontaktieren Sie uns für Ihr individuelles Projekt."
+            buttons={[{ text: "Jetzt Projekt starten", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Holztechnik Neumann",
-          items: [
-            {
-              label: "Über uns",
-              href: "#",
-            },
-            {
-              label: "Leistungen",
-              href: "#",
-            },
-            {
-              label: "Referenzen",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Steinebach / Sieg",
-              href: "#",
-            },
-            {
-              label: "kontakt@holztechnik-neumann.de",
-              href: "mailto:kontakt@holztechnik-neumann.de",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Holztechnik Neumann | Fachgerechtes Handwerk"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Holztechnik Neumann",                items: [
+                  { label: "Über uns", href: "#" },
+                  { label: "Leistungen", href: "#" },
+                  { label: "Referenzen", href: "#" }
+                ]
+              },
+              {
+                title: "Kontakt",                items: [
+                  { label: "Steinebach / Sieg", href: "#" },
+                  { label: "kontakt@holztechnik-neumann.de", href: "mailto:kontakt@holztechnik-neumann.de" }
+                ]
+              }
+            ]}
+            copyrightText="© 2025 Holztechnik Neumann | Fachgerechtes Handwerk"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1