From 5320334aace8ea2c1f16df38a813d1feeabe07c9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 16:40:16 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 218 +++++++++++++++++++++++------------------------
 1 file changed, 108 insertions(+), 110 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ebfb7f6..05ef43c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,123 +27,121 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Über Sascha", id: "about" },
-        { name: "Leistungen", id: "features" },
-        { name: "Kontakt", id: "contact" },
-      ]}
-      brandName="Dein Handwerker Köln"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Über Sascha", id: "about" },
+              { name: "Leistungen", id: "features" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Dein Handwerker Köln"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="DEIN HANDWERKER KÖLN"
-      description="Handwerk mit Herz. Perfektion im Detail."
-      buttons={[
-        { text: "JETZT ANFRAGEN", href: "#contact" }
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg"
-      showDimOverlay={true}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="DEIN HANDWERKER KÖLN"
+            description="Handwerk mit Herz. Perfektion im Detail."
+            buttons={[{ text: "JETZT ANFRAGEN", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg"
+            showDimOverlay={true}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="SASCHA NIX"
-      description={[
-        "Ihr Handwerker in Köln. Ich gebe nicht auf, bis eine Lösung gefunden ist.",        "→ Zuverlässig & pünktlich",        "→ Faire, transparente Preise",        "→ Sauber & gewissenhaft",        "→ Persönlicher Ansprechpartner"
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="SASCHA NIX"
+            description={[
+              "Ihr Handwerker in Köln. Ich gebe nicht auf, bis eine Lösung gefunden ist.",              "→ Zuverlässig & pünktlich",              "→ Faire, transparente Preise",              "→ Sauber & gewissenhaft",              "→ Persönlicher Ansprechpartner"
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "RENOVIERUNG",          description: "Komplettrenovierung Wände, Böden, Türen.",          icon: Wrench,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung detail" }
-          ]
-        },
-        {
-          title: "MONTAGE",          description: "Möbel, Küchen, Regale, Herd.",          icon: Star,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Montage" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Montage detail" }
-          ]
-        },
-        {
-          title: "REPARATUR",          description: "Schnelle Hilfe im ganzen Haus.",          icon: Wrench,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Reparatur" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Reparatur detail" }
-          ]
-        }
-      ]}
-      title="WAS ICH FÜR SIE TUN KANN"
-      description="Individuelle Lösungen für Ihr Zuhause."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="WAS ICH FÜR SIE TUN KANN"
+            description="Individuelle Lösungen für Ihr Zuhause."
+            features={[
+              {
+                title: "RENOVIERUNG",                description: "Komplettrenovierung Wände, Böden, Türen.",                icon: Wrench,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19964.jpg", imageAlt: "Renovierung detail" }
+                ]
+              },
+              {
+                title: "MONTAGE",                description: "Möbel, Küchen, Regale, Herd.",                icon: Star,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", imageAlt: "Montage" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", imageAlt: "Montage detail" }
+                ]
+              },
+              {
+                title: "REPARATUR",                description: "Schnelle Hilfe im ganzen Haus.",                icon: Wrench,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg", imageAlt: "Reparatur" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg", imageAlt: "Reparatur detail" }
+                ]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Guido H.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
-        { id: "2", name: "Stefano R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
-        { id: "3", name: "Alexandra D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
-        { id: "4", name: "Markus W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
-        { id: "5", name: "Sabine K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" }
-      ]}
-      cardTitle="DAS SAGEN MEINE KUNDEN"
-      cardAnimation="slide-up"
-      cardTag="Referenzen"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            cardTitle="DAS SAGEN MEINE KUNDEN"
+            cardAnimation="slide-up"
+            cardTag="Referenzen"
+            testimonials={[
+              { id: "1", name: "Guido H.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
+              { id: "2", name: "Stefano R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
+              { id: "3", name: "Alexandra D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
+              { id: "4", name: "Markus W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" },
+              { id: "5", name: "Sabine K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Warum Dein Handwerker Köln?"
-      tag="Expertise"
-      metrics={[
-        { id: "1", value: "01", description: "DIREKTE KOMMUNIKATION" },
-        { id: "2", value: "02", description: "FAIRE PREISE" },
-        { id: "3", value: "03", description: "SAUBER & GRÜNDLICH" },
-        { id: "4", value: "04", description: "PROBLEMLÖSER" }
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Warum Dein Handwerker Köln?"
+            tag="Expertise"
+            metricsAnimation="slide-up"
+            metrics={[
+              { id: "1", value: "01", description: "DIREKTE KOMMUNIKATION" },
+              { id: "2", value: "02", description: "FAIRE PREISE" },
+              { id: "3", value: "03", description: "SAUBER & GRÜNDLICH" },
+              { id: "4", value: "04", description: "PROBLEMLÖSER" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      title="BEREIT FÜR IHR PROJEKT?"
-      description="Schildern Sie mir kurz Ihr Anliegen – ich melde mich zeitnah bei Ihnen."
-      imageSrc="http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg"
-      mediaAnimation="slide-up"
-      tag="Kontakt"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="BEREIT FÜR IHR PROJEKT?"
+            description="Schildern Sie mir kurz Ihr Anliegen – ich melde mich zeitnah bei Ihnen."
+            imageSrc="http://img.b2bpic.net/free-photo/skilled-cabinet-maker-working-small-workshop_1163-3132.jpg"
+            mediaAnimation="slide-up"
+            tag="Kontakt"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="DEIN HANDWERKER KÖLN"
-      leftLink={{ text: "Impressum", href: "#" }}
-      rightLink={{ text: "Datenschutz", href: "#" }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="DEIN HANDWERKER KÖLN"
+            leftLink={{ text: "Impressum", href: "#" }}
+            rightLink={{ text: "Datenschutz", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1