Bob AI (stub): create the Handwerker homepage design based on the professio

Merge version_1_1781382823621 into main

src/pages/HomePage.tsx

@@ -1,285 +1,39 @@
-import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
-import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
-import { Clock, Phone, Shield, Wrench } from "lucide-react";
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import AboutSection from './HomePage/sections/About';
+import FeaturesSection from './HomePage/sections/Features';
+import ProductSection from './HomePage/sections/Product';
+import MetricsSection from './HomePage/sections/Metrics';
+import TeamSection from './HomePage/sections/Team';
+import TestimonialSection from './HomePage/sections/Testimonial';
+import ContactSection from './HomePage/sections/Contact';
+
+
+{/* webild-stub @2026-06-13T20:40:56.128Z: create the Handwerker homepage design based on the professional design specifications previously discussed */}
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroCenteredLogos
-      avatarsSrc={[
-        "http://img.b2bpic.net/free-photo/male-carpenter-taking-measurement-with-ruler-wooden-block_23-2147944843.jpg",
-        "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg",
-        "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530699.jpg",
-        "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg",
-      ]}
-      avatarText="Über 500 zufriedene Kunden"
-      title="Qualität aus Meisterhand für Ihr Zuhause"
-      description="Wir realisieren Ihre Wohnträume mit höchster Präzision und Zuverlässigkeit. Ihr Partner für erstklassiges Handwerk."
-      primaryButton={{
-        text: "Jetzt anfragen",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Leistungen",
-        href: "#features",
-      }}
-      names={[
-        "Meisterbetrieb",
-        "Zuverlässig",
-        "Präzise",
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-with-hands-hips_23-2148269369.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutFeaturesSplit
-      tag="Unser Versprechen"
-      title="Mehr als nur Handwerk"
-      description="Seit über 20 Jahren stehen wir für Qualität und termingerechte Umsetzung. Ihr Projekt ist bei uns in besten Händen."
-      items={[
-        {
-          icon: Wrench,
-          title: "Meisterhafte Ausführung",
-          description: "Höchste Standards bei jedem Projekt.",
-        },
-        {
-          icon: Clock,
-          title: "Termintreue",
-          description: "Ihr Projekt fertig zum Wunschtermin.",
-        },
-        {
-          icon: Shield,
-          title: "Garantierte Qualität",
-          description: "Langlebige Lösungen für Ihr Heim.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278550.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesRevealCards
-      tag="Expertise"
-      title="Unsere Kernkompetenzen"
-      description="Wir decken das gesamte Spektrum des modernen Handwerks ab."
-      items={[
-        {
-          title: "Sanitär & Installation",
-          description: "Vom Bad bis zum Rohrsystem alles aus einer Hand.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-52837.jpg",
-        },
-        {
-          title: "Dach & Fassade",
-          description: "Schutz und Ästhetik in höchster Perfektion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg",
-        },
-        {
-          title: "Maler & Innenausbau",
-          description: "Individuelle Gestaltung für Ihre Wohnräume.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-as-team_23-2149366692.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="product" data-section="product">
-    <SectionErrorBoundary name="product">
-          <FeaturesRevealCardsBento
-      tag="Portfolio"
-      title="Unsere Referenzprojekte"
-      description="Ein Einblick in unsere bisher realisierten Baustellen."
-      items={[
-        {
-          title: "Hausbau Nord",
-          description: "Neubau EFH",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283224.jpg",
-        },
-        {
-          title: "Fenster-Sanierung",
-          description: "Austausch & Einbau",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/leather-gloves-artisan-job-table_23-2148742286.jpg",
-        },
-        {
-          title: "Türen-Montage",
-          description: "Maßanfertigung",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278606.jpg",
-        },
-        {
-          title: "Luxus-Badumbau",
-          description: "Wellness pur",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",
-        },
-        {
-          title: "Heizungstausch",
-          description: "Effizienz-Upgrade",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-troubleshooting-computer_23-2148419157.jpg",
-        },
-        {
-          title: "Dach-Dämmung",
-          description: "Energie-Sparen",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17822.jpg",
-        },
-        {
-          title: "Parkett-Verlegung",
-          description: "Massivholz",
-          href: "#",
-          imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsMediaCards
-      tag="Erfahrung"
-      title="Zahlen die überzeugen"
-      description="Wir stehen für Beständigkeit und Erfolg."
-      metrics={[
-        {
-          value: "20+",
-          title: "Jahre Erfahrung",
-          description: "Fachwissen für Ihre Projekte.",
-          imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995041.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="team" data-section="team">
-    <SectionErrorBoundary name="team">
-          <TeamDetailedCards
-      tag="Unser Team"
-      title="Experten am Werk"
-      description="Unser kompetentes Handwerker-Team für Ihr Bauvorhaben."
-      members={[
-        {
-          name: "Max Muster",
-          role: "Meister",
-          description: "Langjähriger Experte.",
-          socialLinks: [
-            {
-              icon: Phone,
-              url: "#",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-guy-dressed-jeans-jacket-posing-with-crossed-arms-isolated-dark-background_613910-21322.jpg",
-        },
-        {
-          name: "Julia Test",
-          role: "Bauleitung",
-          description: "Kundenorientiert und präzise.",
-          socialLinks: [
-            {
-              icon: Phone,
-              url: "#",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
-        },
-        {
-          name: "Hans Beispiel",
-          role: "Fachkraft",
-          description: "Ihr Spezialist vor Ort.",
-          socialLinks: [
-            {
-              icon: Phone,
-              url: "#",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TeamSection />
 
-  <div id="testimonial" data-section="testimonial">
-    <SectionErrorBoundary name="testimonial">
-          <TestimonialMarqueeOverlayCards
-      tag="Kundenstimmen"
-      title="Was unsere Kunden sagen"
-      description="Vertrauen ist die Grundlage unserer Zusammenarbeit."
-      testimonials={[
-        {
-          name: "Familie Meier",
-          role: "Hausbesitzer",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-starting-their-new-phase_329181-20042.jpg",
-        },
-        {
-          name: "Herr Müller",
-          role: "Eigentümer",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-raised-finger-red-helmet_1187-3151.jpg",
-        },
-        {
-          name: "Frau Schulze",
-          role: "Architektin",
-          company: "Planungsbüro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4003.jpg",
-        },
-        {
-          name: "Herr König",
-          role: "Geschäftsführer",
-          company: "KMU",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg",
-        },
-        {
-          name: "Familie Weber",
-          role: "Umbau",
-          company: "Privatkunde",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/carefree-female-with-afro-hairstyle-holds-paint-tools-refurbishes-walls-house_273609-38577.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimonialSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Kontakt"
-      text="Starten Sie jetzt Ihr Projekt. Wir beraten Sie gerne unverbindlich."
-      primaryButton={{
-        text: "Jetzt anrufen",
-        href: "tel:+49123456789",
-      }}
-      secondaryButton={{
-        text: "Email senden",
-        href: "mailto:info@handwerk.de",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
 }

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
+import { Clock, Phone, Shield, Wrench } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutFeaturesSplit
+          tag="Unser Versprechen"
+          title="Mehr als nur Handwerk"
+          description="Seit über 20 Jahren stehen wir für Qualität und termingerechte Umsetzung. Ihr Projekt ist bei uns in besten Händen."
+          items={[
+            {
+              icon: Wrench,
+              title: "Meisterhafte Ausführung",
+              description: "Höchste Standards bei jedem Projekt.",
+            },
+            {
+              icon: Clock,
+              title: "Termintreue",
+              description: "Ihr Projekt fertig zum Wunschtermin.",
+            },
+            {
+              icon: Shield,
+              title: "Garantierte Qualität",
+              description: "Langlebige Lösungen für Ihr Heim.",
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278550.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contact" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactSection(): React.JSX.Element {
+  return (
+    <div id="contact" data-section="contact">
+        <SectionErrorBoundary name="contact">
+              <ContactCta
+          tag="Kontakt"
+          text="Starten Sie jetzt Ihr Projekt. Wir beraten Sie gerne unverbindlich."
+          primaryButton={{
+            text: "Jetzt anrufen",
+            href: "tel:+49123456789",
+          }}
+          secondaryButton={{
+            text: "Email senden",
+            href: "mailto:info@handwerk.de",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Features.tsx

@@ -0,0 +1,37 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesRevealCards
+          tag="Expertise"
+          title="Unsere Kernkompetenzen"
+          description="Wir decken das gesamte Spektrum des modernen Handwerks ab."
+          items={[
+            {
+              title: "Sanitär & Installation",
+              description: "Vom Bad bis zum Rohrsystem alles aus einer Hand.",
+              imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-52837.jpg",
+            },
+            {
+              title: "Dach & Fassade",
+              description: "Schutz und Ästhetik in höchster Perfektion.",
+              imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg",
+            },
+            {
+              title: "Maler & Innenausbau",
+              description: "Individuelle Gestaltung für Ihre Wohnräume.",
+              imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-as-team_23-2149366692.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,40 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroCenteredLogos
+          avatarsSrc={[
+            "http://img.b2bpic.net/free-photo/male-carpenter-taking-measurement-with-ruler-wooden-block_23-2147944843.jpg",
+            "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg",
+            "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530699.jpg",
+            "http://img.b2bpic.net/free-photo/man-paints-with-white-paint-wooden-planks-man-industrial-concept-there-is-place-text-object-is-close-up_169016-4430.jpg",
+          ]}
+          avatarText="Über 500 zufriedene Kunden"
+          title="Qualität aus Meisterhand für Ihr Zuhause"
+          description="Wir realisieren Ihre Wohnträume mit höchster Präzision und Zuverlässigkeit. Ihr Partner für erstklassiges Handwerk."
+          primaryButton={{
+            text: "Jetzt anfragen",
+            href: "#contact",
+          }}
+          secondaryButton={{
+            text: "Leistungen",
+            href: "#features",
+          }}
+          names={[
+            "Meisterbetrieb",
+            "Zuverlässig",
+            "Präzise",
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-man-with-hands-hips_23-2148269369.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metrics" section.
+
+import React from 'react';
+import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsMediaCards
+          tag="Erfahrung"
+          title="Zahlen die überzeugen"
+          description="Wir stehen für Beständigkeit und Erfolg."
+          metrics={[
+            {
+              value: "20+",
+              title: "Jahre Erfahrung",
+              description: "Fachwissen für Ihre Projekte.",
+              imageSrc: "http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995041.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Product.tsx

@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "product" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductSection(): React.JSX.Element {
+  return (
+    <div id="product" data-section="product">
+        <SectionErrorBoundary name="product">
+              <FeaturesRevealCardsBento
+          tag="Portfolio"
+          title="Unsere Referenzprojekte"
+          description="Ein Einblick in unsere bisher realisierten Baustellen."
+          items={[
+            {
+              title: "Hausbau Nord",
+              description: "Neubau EFH",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283224.jpg",
+            },
+            {
+              title: "Fenster-Sanierung",
+              description: "Austausch & Einbau",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/leather-gloves-artisan-job-table_23-2148742286.jpg",
+            },
+            {
+              title: "Türen-Montage",
+              description: "Maßanfertigung",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278606.jpg",
+            },
+            {
+              title: "Luxus-Badumbau",
+              description: "Wellness pur",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746302.jpg",
+            },
+            {
+              title: "Heizungstausch",
+              description: "Effizienz-Upgrade",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-troubleshooting-computer_23-2148419157.jpg",
+            },
+            {
+              title: "Dach-Dämmung",
+              description: "Energie-Sparen",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-person-with-small-house_1048-17822.jpg",
+            },
+            {
+              title: "Parkett-Verlegung",
+              description: "Massivholz",
+              href: "#",
+              imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15363.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Team.tsx

@@ -0,0 +1,59 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "team" section.
+
+import React from 'react';
+import TeamDetailedCards from '@/components/sections/team/TeamDetailedCards';
+import { Clock, Phone, Shield, Wrench } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TeamSection(): React.JSX.Element {
+  return (
+    <div id="team" data-section="team">
+        <SectionErrorBoundary name="team">
+              <TeamDetailedCards
+          tag="Unser Team"
+          title="Experten am Werk"
+          description="Unser kompetentes Handwerker-Team für Ihr Bauvorhaben."
+          members={[
+            {
+              name: "Max Muster",
+              role: "Meister",
+              description: "Langjähriger Experte.",
+              socialLinks: [
+                {
+                  icon: Phone,
+                  url: "#",
+                },
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-guy-dressed-jeans-jacket-posing-with-crossed-arms-isolated-dark-background_613910-21322.jpg",
+            },
+            {
+              name: "Julia Test",
+              role: "Bauleitung",
+              description: "Kundenorientiert und präzise.",
+              socialLinks: [
+                {
+                  icon: Phone,
+                  url: "#",
+                },
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
+            },
+            {
+              name: "Hans Beispiel",
+              role: "Fachkraft",
+              description: "Ihr Spezialist vor Ort.",
+              socialLinks: [
+                {
+                  icon: Phone,
+                  url: "#",
+                },
+              ],
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Testimonial.tsx

@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonial" section.
+
+import React from 'react';
+import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimonialSection(): React.JSX.Element {
+  return (
+    <div id="testimonial" data-section="testimonial">
+        <SectionErrorBoundary name="testimonial">
+              <TestimonialMarqueeOverlayCards
+          tag="Kundenstimmen"
+          title="Was unsere Kunden sagen"
+          description="Vertrauen ist die Grundlage unserer Zusammenarbeit."
+          testimonials={[
+            {
+              name: "Familie Meier",
+              role: "Hausbesitzer",
+              company: "Privatkunde",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-starting-their-new-phase_329181-20042.jpg",
+            },
+            {
+              name: "Herr Müller",
+              role: "Eigentümer",
+              company: "Privatkunde",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-raised-finger-red-helmet_1187-3151.jpg",
+            },
+            {
+              name: "Frau Schulze",
+              role: "Architektin",
+              company: "Planungsbüro",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4003.jpg",
+            },
+            {
+              name: "Herr König",
+              role: "Geschäftsführer",
+              company: "KMU",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3548.jpg",
+            },
+            {
+              name: "Familie Weber",
+              role: "Umbau",
+              company: "Privatkunde",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/carefree-female-with-afro-hairstyle-holds-paint-tools-refurbishes-walls-house_273609-38577.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}