From d7cf8e90de1330dcc18b7eac28376879a9697fea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 09:42:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 326 +++++++++--------------------------------------
 1 file changed, 62 insertions(+), 264 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0913031..fe8eb33 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Start",
-          id: "#hero",
-        },
-        {
-          name: "Leistungen",
-          id: "#features",
-        },
-        {
-          name: "Über uns",
-          id: "#about",
-        },
-        {
-          name: "Referenzen",
-          id: "#testimonials",
-        },
-        {
-          name: "Notfall",
-          id: "#contact",
-        },
+        { name: "Start", id: "hero" },
+        { name: "Leistungen", id: "features" },
+        { name: "Über uns", id: "about" },
+        { name: "Referenzen", id: "testimonials" },
+        { name: "Notfall", id: "contact" },
       ]}
       brandName="Maulhardt Bedachungen"
     />
@@ -57,80 +42,34 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Ihr Dach. Unsere Verantwortung."
       description="Dachdeckermeister aus der Region – Sturmschaden – Sturmschaden-Soforthilfe in unter 60 Minuten. Zuverlässigkeit, die man sieht."
       kpis={[
-        {
-          value: "4.4 ⭐",
-          label: "Google Sterne",
-        },
-        {
-          value: "30 Min",
-          label: "Reaktionszeit",
-        },
-        {
-          value: "20 Jahre",
-          label: "Erfahrung",
-        },
+        { value: "4.4 ⭐", label: "Google Sterne" },
+        { value: "30 Min", label: "Reaktionszeit" },
+        { value: "20 Jahre", label: "Erfahrung" },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
-          text: "Sturmschaden? Jetzt anrufen",
-          href: "tel:+4955512345",
-        },
-        {
-          text: "Angebot anfragen",
-          href: "#contact",
-        },
+        { text: "Sturmschaden? Jetzt anrufen", href: "tel:+4955512345" },
+        { text: "Angebot anfragen", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
-          alt: "Man working on roof front view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
-          alt: "Carpenter man working low view",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg",
-          alt: "Worker with level building the roof of the house",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
-          alt: "Medium shot roofer working with protection helmet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
-          alt: "Full shot man with helmet sitting on roof",
-        },
+        { src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view" },
+        { src: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", alt: "Carpenter man working low view" },
+        { src: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg", alt: "Worker with level building the roof of the house" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", alt: "Medium shot roofer working with protection helmet" },
+        { src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", alt: "Full shot man with helmet sitting on roof" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Meisterbetrieb",
-        },
-        {
-          type: "text",
-          text: "Regionale Experten",
-        },
-        {
-          type: "text",
-          text: "Versicherungspartner",
-        },
-        {
-          type: "text",
-          text: "Schnelle Hilfe",
-        },
-        {
-          type: "text",
-          text: "Qualitätsgarantie",
-        },
+        { type: "text", text: "Meisterbetrieb" },
+        { type: "text", text: "Regionale Experten" },
+        { type: "text", text: "Versicherungspartner" },
+        { type: "text", text: "Schnelle Hilfe" },
+        { type: "text", text: "Qualitätsgarantie" },
       ]}
     />
   </div>
@@ -142,77 +81,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Dachsanierung",
-          description: "Neueindeckung, Dämmung und Komplettsanierung nach höchstem Standard.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-building-roof-house_23-2148748851.jpg?_wi=2",
-          imageAlt: "roof renovation shingles roofing work",
+          title: "Dachsanierung",          description: "Neueindeckung, Dämmung und Komplettsanierung nach höchstem Standard.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg" }
         },
         {
-          title: "Sturmschaden-Soforthilfe",
-          description: "Schnelle Sicherung und Reparatur bei Notfällen durch Sturmschäden.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg?_wi=1",
-          imageAlt: "roof renovation shingles roofing work",
+          title: "Sturmschaden-Soforthilfe",          description: "Schnelle Sicherung und Reparatur bei Notfällen durch Sturmschäden.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-couple-kissing-van-outdoors_23-2148768739.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg" }
         },
         {
-          title: "Flachdach-Abdichtung",
-          description: "Langlebige Lösungen für Flachdächer inklusive Wartung und Begrünung.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-paint-front-view_23-2149714285.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-383.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-city-highway_53876-75111.jpg",
-          imageAlt: "roof renovation shingles roofing work",
+          title: "Flachdach-Abdichtung",          description: "Langlebige Lösungen für Flachdächer inklusive Wartung und Begrünung.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-paint-front-view_23-2149714285.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-383.jpg" }
         },
         {
-          title: "Dachfenster-Service",
-          description: "Fachgerechter Austausch und Einbau von Velux-Dachfenstern.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15552.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13486.jpg",
-          imageAlt: "roof renovation shingles roofing work",
+          title: "Dachfenster-Service",          description: "Fachgerechter Austausch und Einbau von Velux-Dachfenstern.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15552.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg" }
         },
         {
-          title: "Photovoltaik-Integration",
-          description: "Effiziente PV-Anlagen direkt integriert in Ihr neues Dach.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg?_wi=1",
-          imageAlt: "roof renovation shingles roofing work",
+          title: "Photovoltaik-Integration",          description: "Effiziente PV-Anlagen direkt integriert in Ihr neues Dach.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg" }
         },
         {
-          title: "Asbestsanierung",
-          description: "Fachgerechte Entsorgung von Asbestdächern nach strengen Richtlinien.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-thermal-fog-machine-protect-mosquito-spreading_1150-6183.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-showing-okay-signs-winking-praising-good-choice_1258-179188.jpg?_wi=1",
-          imageAlt: "roof renovation shingles roofing work",
-        },
+          title: "Asbestsanierung",          description: "Fachgerechte Entsorgung von Asbestdächern nach strengen Richtlinien.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-thermal-fog-machine-protect-mosquito-spreading_1150-6183.jpg" }
+        }
       ]}
       showStepNumbers={false}
       title="Unsere Leistungen"
@@ -226,20 +117,11 @@ export default function LandingPage() {
       title="Maulhardt Bedachungen"
       description="Ihr Meisterbetrieb aus der Region. Wir stehen für schnelle Hilfe, saubere Arbeit und faire Preise. Überzeugen Sie sich von unserer Expertise."
       metrics={[
-        {
-          value: "1.000+",
-          title: "Dächer saniert",
-        },
-        {
-          value: "24/7",
-          title: "Notfall-Service",
-        },
-        {
-          value: "100%",
-          title: "Kundenzufriedenheit",
-        },
+        { value: "1.000+", title: "Dächer saniert" },
+        { value: "24/7", title: "Notfall-Service" },
+        { value: "100%", title: "Kundenzufriedenheit" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -251,46 +133,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Herr Z.",
-          handle: "Sturmschaden",
-          testimonial: "Um 7:15 Uhr angerufen, um 8:15 waren zwei Mitarbeiter da. Schaden in 40 Minuten behoben. Wärmste Empfehlung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Frau W.",
-          handle: "Fenstertausch",
-          testimonial: "Velux-Fenster getauscht. Reibungsloser Ablauf, saubere Arbeit. Empfehlungen sind schon raus!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Herr E.",
-          handle: "Komplettsanierung",
-          testimonial: "Dach neu gedeckt plus PV-Anlage – alles top. Folgeauftrag ist schon erteilt.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Frau S.",
-          handle: "Dachsanierung",
-          testimonial: "Sehr professionell, pünktlich und sauber gearbeitet. Sehr gerne wieder.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-showing-okay-signs-winking-praising-good-choice_1258-179188.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Herr K.",
-          handle: "Notfallservice",
-          testimonial: "Super schnell bei einem Sturmschaden geholfen. Retter in der Not!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg",
-        },
+        { id: "1", name: "Herr Z.", handle: "Sturmschaden", testimonial: "Um 7:15 Uhr angerufen, um 8:15 waren zwei Mitarbeiter da. Schaden in 40 Minuten behoben. Wärmste Empfehlung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
+        { id: "2", name: "Frau W.", handle: "Fenstertausch", testimonial: "Velux-Fenster getauscht. Reibungsloser Ablauf, saubere Arbeit. Empfehlungen sind schon raus!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3159.jpg" },
+        { id: "3", name: "Herr E.", handle: "Komplettsanierung", testimonial: "Dach neu gedeckt plus PV-Anlage – alles top. Folgeauftrag ist schon erteilt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg" },
+        { id: "4", name: "Frau S.", handle: "Dachsanierung", testimonial: "Sehr professionell, pünktlich und sauber gearbeitet. Sehr gerne wieder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-showing-okay-signs-winking-praising-good-choice_1258-179188.jpg" },
+        { id: "5", name: "Herr K.", handle: "Notfallservice", testimonial: "Super schnell bei einem Sturmschaden geholfen. Retter in der Not!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-woman-standing-kitchen_23-2147916396.jpg" },
       ]}
       showRating={true}
       title="Kundenstimmen"
@@ -303,21 +150,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Bieten Sie auch Notfallhilfe an?",
-          content: "Ja, wir sind spezialisiert auf schnelle Sturmschaden-Soforthilfe und meist in unter 60 Minuten vor Ort.",
-        },
-        {
-          id: "2",
-          title: "Sind Sie Velux-Partner?",
-          content: "Ja, wir sind zertifizierter Velux-Partner und übernehmen Einbau sowie Austausch von Fenstern.",
-        },
-        {
-          id: "3",
-          title: "Wie schnell erhalte ich ein Angebot?",
-          content: "Wir bearbeiten Angebotsanfragen schnellstmöglich, in dringenden Fällen bevorzugt.",
-        },
+        { id: "1", title: "Bieten Sie auch Notfallhilfe an?", content: "Ja, wir sind spezialisiert auf schnelle Sturmschaden-Soforthilfe und meist in unter 60 Minuten vor Ort." },
+        { id: "2", title: "Sind Sie Velux-Partner?", content: "Ja, wir sind zertifizierter Velux-Partner und übernehmen Einbau sowie Austausch von Fenstern." },
+        { id: "3", title: "Wie schnell erhalte ich ein Angebot?", content: "Wir bearbeiten Angebotsanfragen schnellstmöglich, in dringenden Fällen bevorzugt." },
       ]}
       title="Häufige Fragen"
       description="Alles was Sie über unsere Dachdeckerarbeiten wissen müssen."
@@ -328,17 +163,12 @@ export default function LandingPage() {
   <div id="contact-banner" data-section="contact-banner">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="NOTFALL-HOTLINE"
       title="Sturmschaden? Wir sind in 30 Minuten bei Ihnen."
       description="Zögern Sie nicht – schnelle Hilfe ist unser oberstes Gebot."
       buttons={[
-        {
-          text: "Jetzt anrufen: 05XXX - XXXXXX",
-          href: "tel:+4955512345",
-        },
+        { text: "Jetzt anrufen: 05XXX - XXXXXX", href: "tel:+4955512345" },
       ]}
     />
   </div>
@@ -346,17 +176,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="KONTAKT"
       title="Bereit für Ihr neues Dach?"
       description="Lassen Sie sich unverbindlich beraten – wir freuen uns auf Ihr Projekt."
       buttons={[
-        {
-          text: "Angebot anfordern",
-          href: "#contact-form",
-        },
+        { text: "Angebot anfordern", href: "#contact-form" },
       ]}
     />
   </div>
@@ -366,50 +191,23 @@ export default function LandingPage() {
       logoText="Maulhardt Bedachungen"
       columns={[
         {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Hauptstraße 1, 12345 Stadt",
-              href: "#",
-            },
-            {
-              label: "05XXX - XXXXXX",
-              href: "tel:+4955512345",
-            },
-            {
-              label: "info@maulhardt-dach.de",
-              href: "mailto:info@maulhardt-dach.de",
-            },
+          title: "Kontakt",          items: [
+            { label: "Hauptstraße 1, 12345 Stadt", href: "#" },
+            { label: "05XXX - XXXXXX", href: "tel:+4955512345" },
+            { label: "info@maulhardt-dach.de", href: "mailto:info@maulhardt-dach.de" },
           ],
         },
         {
-          title: "Leistungen",
-          items: [
-            {
-              label: "Dachsanierung",
-              href: "#",
-            },
-            {
-              label: "Sturmschaden",
-              href: "#",
-            },
-            {
-              label: "Photovoltaik",
-              href: "#",
-            },
+          title: "Leistungen",          items: [
+            { label: "Dachsanierung", href: "#" },
+            { label: "Sturmschaden", href: "#" },
+            { label: "Photovoltaik", href: "#" },
           ],
         },
         {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "#",
-            },
-            {
-              label: "Datenschutz",
-              href: "#",
-            },
+          title: "Rechtliches",          items: [
+            { label: "Impressum", href: "#" },
+            { label: "Datenschutz", href: "#" },
           ],
         },
       ]}
-- 
2.49.1