From e812ea1ea9c4d1df8fa7785da5494fa04d6c9f35 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 10:39:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 279 +++++++++++++++--------------------------------
 1 file changed, 89 insertions(+), 190 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 96fc911..6364cfb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,202 +26,101 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Vision Bau"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Features", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Vision Bau"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Vision Bau GmbH: Hochbau & Generalunternehmen"
-      description="Ihr Partner für exzellente Bauprojekte. Von der Planung bis zur Schlüsselübergabe – wir realisieren Ihre Visionen mit höchster Präzision."
-      buttons={[
-        {
-          text: "Projekte ansehen",
-          href: "#features",
-        },
-        {
-          text: "Kontakt",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/uploaded-1774780718458-wgii0wzu.png"
-      imageAlt="Vision Bau Logo"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Vision Bau GmbH: Hochbau & Generalunternehmen"
+            description="Ihr Partner für exzellente Bauprojekte. Von der Planung bis zur Schlüsselübergabe – wir realisieren Ihre Visionen mit höchster Präzision."
+            buttons={[
+              { text: "Projekte ansehen", href: "#features" },
+              { text: "Kontakt", href: "#contact" },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/uploaded-1774780718458-wgii0wzu.png"
+            imageAlt="Vision Bau Logo"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Kompetenz im Hochbau"
-      metrics={[
-        {
-          icon: Building,
-          label: "Abgeschlossene Projekte",
-          value: "150+",
-        },
-        {
-          icon: Award,
-          label: "Jahre Erfahrung",
-          value: "20+",
-        },
-        {
-          icon: Users,
-          label: "Zufriedene Kunden",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Kompetenz im Hochbau"
+            metrics={[
+              { icon: Building, label: "Abgeschlossene Projekte", value: "150+" },
+              { icon: Award, label: "Jahre Erfahrung", value: "20+" },
+              { icon: Users, label: "Zufriedene Kunden", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Hochbau",
-          description: "Solide und energieeffiziente Bauwerke für private und gewerbliche Kunden.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/concrete-foundation-work-being-poured-fo-1774780740995-c33fd95f.png",
-        },
-        {
-          id: "f2",
-          title: "Generalunternehmung",
-          description: "Wir übernehmen die gesamte Abwicklung, damit Sie sich entspannt zurücklehnen können.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/modern-skyscraper-glass-facade-installat-1774780742245-c4d3e7bc.png",
-        },
-        {
-          id: "f3",
-          title: "Sanierung",
-          description: "Moderne Modernisierung für Bestandsgebäude zur Wertsteigerung.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/internal-residential-interior-constructi-1774780739434-930edde7.png",
-        },
-      ]}
-      title="Unsere Bauleistungen"
-      description="Wir decken das gesamte Spektrum des Hochbaus und der Generalunternehmung ab."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Hochbau", description: "Solide und energieeffiziente Bauwerke für private und gewerbliche Kunden.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/concrete-foundation-work-being-poured-fo-1774780740995-c33fd95f.png" },
+              { id: "f2", title: "Generalunternehmung", description: "Wir übernehmen die gesamte Abwicklung, damit Sie sich entspannt zurücklehnen können.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/modern-skyscraper-glass-facade-installat-1774780742245-c4d3e7bc.png" },
+              { id: "f3", title: "Sanierung", description: "Moderne Modernisierung für Bestandsgebäude zur Wertsteigerung.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/internal-residential-interior-constructi-1774780739434-930edde7.png" },
+            ]}
+            title="Unsere Bauleistungen"
+            description="Wir decken das gesamte Spektrum des Hochbaus und der Generalunternehmung ab."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Max Mustermann",
-          role: "Bauherr",
-          company: "Wohnanlage Süd",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Sabine Schmidt",
-          role: "Projektleiterin",
-          company: "Gewerbebau Nord",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780741824-4540ba8d.png",
-        },
-        {
-          id: "3",
-          name: "Thomas Weber",
-          role: "Architekt",
-          company: "Weber Plan",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780739793-8dad19fc.png",
-        },
-        {
-          id: "4",
-          name: "Laura Fischer",
-          role: "Eigentümerin",
-          company: "Private Villa",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738750-b90049bc.png",
-        },
-        {
-          id: "5",
-          name: "Markus Berg",
-          role: "Geschäftsführer",
-          company: "Berg Immobilien",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png?_wi=2",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "99%",
-          label: "Termintreue",
-        },
-        {
-          value: "4.9/5",
-          label: "Qualitätsbewertung",
-        },
-        {
-          value: "100%",
-          label: "Kundenzufriedenheit",
-        },
-      ]}
-      title="Kundenstimmen"
-      description="Was unsere Partner über unsere Arbeit sagen."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Max Mustermann", role: "Bauherr", company: "Wohnanlage Süd", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png" },
+              { id: "2", name: "Sabine Schmidt", role: "Projektleiterin", company: "Gewerbebau Nord", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780741824-4540ba8d.png" },
+              { id: "3", name: "Thomas Weber", role: "Architekt", company: "Weber Plan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780739793-8dad19fc.png" },
+              { id: "4", name: "Laura Fischer", role: "Eigentümerin", company: "Private Villa", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738750-b90049bc.png" },
+              { id: "5", name: "Markus Berg", role: "Geschäftsführer", company: "Berg Immobilien", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcFxsxUA2R24B78Wlym0zuRtBJ/professional-headshot-of-a-happy-homeown-1774780738980-b97075c5.png" },
+            ]}
+            kpiItems={[
+              { value: "99%", label: "Termintreue" },
+              { value: "4.9/5", label: "Qualitätsbewertung" },
+              { value: "100%", label: "Kundenzufriedenheit" },
+            ]}
+            title="Kundenstimmen"
+            description="Was unsere Partner über unsere Arbeit sagen."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-animated-grid",
-      }}
-      text="Bereit für Ihr nächstes Bauprojekt? Wir freuen uns auf Ihre Anfrage."
-      buttons={[
-        {
-          text: "Jetzt anfragen",
-          href: "mailto:info@vision-bau.de",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "downward-rays-animated-grid" }}
+            text="Bereit für Ihr nächstes Bauprojekt? Wir freuen uns auf Ihre Anfrage."
+            buttons={[
+              { text: "Jetzt anfragen", href: "mailto:info@vision-bau.de" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Vision Bau GmbH"
-      leftLink={{
-        text: "Impressum",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Datenschutz",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Vision Bau GmbH"
+            leftLink={{ text: "Impressum", href: "#" }}
+            rightLink={{ text: "Datenschutz", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1