From 02edcc6f695a72cf09e3ea10ee7ac9a04b99f376 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 00:25:47 +0000
Subject: [PATCH] Update src/app/ueber-uns/page.tsx

---
 src/app/ueber-uns/page.tsx | 353 ++++++++++++++-----------------------
 1 file changed, 130 insertions(+), 223 deletions(-)

diff --git a/src/app/ueber-uns/page.tsx b/src/app/ueber-uns/page.tsx
index ac099f1..36a1e31 100644
--- a/src/app/ueber-uns/page.tsx
+++ b/src/app/ueber-uns/page.tsx
@@ -2,239 +2,146 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import { Recycle, Scale, ShieldCheck } from "lucide-react";
 
-export default function LandingPage() {
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+import { ArrowRight, Star, CalendarCheck } from 'lucide-react';
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Startseite", id: "/" },
+    { name: "Über uns", id: "/ueber-uns" },
+    { name: "Dienstleistungen", id: "/dienstleistungen" },
+    { name: "Preise", id: "/preise" },
+    { name: "Galerie", id: "/galerie" },
+    { name: "Kundenbewertungen", id: "/kundenbewertungen" },
+    { name: "Blog", id: "/blog" },
+    { name: "Kontakt", id: "/kontakt" }
+  ];
+
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="largeSmall"
-        background="floatingGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSmall"
+      background="floatingGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Startseite",
-          id: "home",
-        },
-        {
-          name: "Über uns",
-          id: "about",
-        },
-        {
-          name: "Dienstleistungen",
-          id: "services",
-        },
-        {
-          name: "Preise",
-          id: "pricing",
-        },
-        {
-          name: "Galerie",
-          id: "gallery",
-        },
-        {
-          name: "Kundenbewertungen",
-          id: "reviews",
-        },
-        {
-          name: "Blog",
-          id: "blog",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      button={{
-        text: "Jetzt Angebot anfordern",
-        href: "/kontakt",
-      }}
-      brandName="Rümpel Fix Lippe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={navItems}
+            button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
+            brandName="Rümpel Fix Lippe"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Wer Rümpel Fix Lippe ist"
-      description="Rümpel Fix Lippe ist Ihr verlässlicher und professioneller Partner für Entrümpelungen und Haushaltsauflösungen in Bad Salzuflen, Detmold, Herford und Umgebung. Mit langjähriger Erfahrung und einem engagierten Team stehen wir für gründliche Arbeit, Diskretion und einen reibungslosen Ablauf. Wir verstehen, dass jede Situation einzigartig ist und bieten daher maßgeschneiderte Lösungen, die perfekt auf Ihre Bedürfnisse zugeschnitten sind."
-      bulletPoints={[
-        {
-          title: "Pünktlich & Zuverlässig",
-          description: "Wir halten Termine ein und arbeiten effizient, um Ihren Zeitplan zu respektieren.",
-          icon: CalendarCheck,
-        },
-        {
-          title: "Diskret & Professionell",
-          description: "Ihre Privatsphäre ist uns wichtig. Wir arbeiten diskret und mit größter Sorgfalt.",
-          icon: ShieldCheck,
-        },
-        {
-          title: "Fair & Transparent",
-          description: "Keine versteckten Kosten. Unsere Angebote sind klar und verständlich.",
-          icon: Scale,
-        },
-        {
-          title: "Umweltfreundliche Entsorgung",
-          description: "Wir trennen Müll fachgerecht und entsorgen umweltbewusst und nachhaltig.",
-          icon: Recycle,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash-outdoors_23-2149109152.jpg?_wi=2"
-      imageAlt="professional team smiling and collaborating"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about-hero" data-section="about-hero">
+          <HeroSplitKpi
+            title="Rümpel Fix Lippe: Ihr verlässlicher Partner"
+            description="Seit über 5 Jahren sind wir in Lippe Ihr Experte für professionelle Entrümpelungen und Haushaltsauflösungen."
+            background={{
+              variant: "rotated-rays-animated"
+            }}
+            kpis={[
+              { value: "5+", label: "Jahre Erfahrung" },
+              { value: "100%", label: "Kundenzufriedenheit" },
+              { value: "24/7", label: "Erreichbarkeit" },
+            ]}
+            enableKpiAnimation={true}
+            tag="Über uns"
+            buttons={[
+              { text: "Unsere Leistungen", href: "/dienstleistungen" },
+              { text: "Kontaktieren Sie uns", href: "/kontakt" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/team-young-diverse-people-working-together_1145-201.jpg?_wi=2"
+            imageAlt="Team von Rümpel Fix Lippe"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Unsere Werte sprechen für sich"
-      description="Wir legen größten Wert auf Kundenzufriedenheit, Effizienz und Nachhaltigkeit. Unsere Arbeit wird durch diese Prinzipien geleitet, um Ihnen stets den besten Service zu bieten. Erfahren Sie, was uns in der Region Lippe auszeichnet und warum wir der richtige Partner für Ihr Anliegen sind."
-      metrics={[
-        {
-          value: "10+",
-          title: "Jahre Erfahrung",
-        },
-        {
-          value: "500+",
-          title: "Zufriedene Kunden",
-        },
-        {
-          value: "90%",
-          title: "Recycling-Quote",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/moving-new-house-concept_53876-144474.jpg?_wi=2"
-      imageAlt="team clearing out a home"
-      mediaAnimation="slide-up"
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about-metrics" data-section="about-metrics">
+          <MetricCardThree
+            title="Unsere Werte und Erfolge"
+            description="Vertrauen, Effizienz und Nachhaltigkeit sind die Säulen unserer Arbeit."
+            metrics={[
+              { id: "1", icon: Star, title: "Top-Bewertungen", value: "4.9/5" },
+              { id: "2", icon: ArrowRight, title: "Projekte jährlich", value: "500+" },
+              { id: "3", icon: CalendarCheck, title: "Jahre Erfahrung", value: "5+" }
+            ]}
+            animationType="slide-up"
+            useInvertedBackground={true}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      team={[
-        {
-          id: "1",
-          name: "Markus Schmidt",
-          role: "Gründer & Geschäftsführer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-book_23-2149927569.jpg?_wi=2",
-          imageAlt: "Portrait of Markus Schmidt, founder",
-        },
-        {
-          id: "2",
-          name: "Lena Meier",
-          role: "Projektmanagerin",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095787.jpg?_wi=2",
-          imageAlt: "Portrait of Lena Meier, project manager",
-        },
-        {
-          id: "3",
-          name: "Stefan Koch",
-          role: "Logistik & Entsorgung",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-businesswoman-conference-room_23-2148911824.jpg?_wi=2",
-          imageAlt: "Portrait of Stefan Koch, logistics expert",
-        },
-      ]}
-      title="Unser engagiertes Team"
-      description="Lernen Sie die Gesichter hinter Rümpel Fix Lippe kennen. Jedes Mitglied unseres Teams ist hochmotiviert und sorgt mit Fachwissen und Freundlichkeit für einen erstklassigen Service."
-    />
-  </div>
+        <div id="team-page" data-section="team-page">
+          <TeamCardTen
+            useInvertedBackground={false}
+            title="Unser Team: Experten für Entrümpelung"
+            tag="Unser Team"
+            membersAnimation="slide-up"
+            memberVariant="card"
+            members={[
+              { id: "1", name: "Max Mustermann", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-african-man-suit_23-2151241904.jpg?_wi=2", imageAlt: "Max Mustermann" },
+              { id: "2", name: "Anna Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/african-woman-using-mobile-phone-while-talking-with-colleague_23-2148767710.jpg?_wi=2", imageAlt: "Anna Schmidt" },
+              { id: "3", name: "Peter Müller", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-shirt_1145-200.jpg?_wi=2", imageAlt: "Peter Müller" }
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      logos={[
-        "http://img.b2bpic.net/free-vector/gradient-cafe-signage-logo_23-2149303333.jpg",
-        "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-climate-change-badge_23-2149092325.jpg",
-        "http://img.b2bpic.net/free-vector/hand-drawn-ecology-badges-with-animals_23-2148460218.jpg",
-        "http://img.b2bpic.net/free-vector/flat-design-bank-holiday-labels_23-2149360406.jpg",
-        "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-ecology-badges_23-2149216593.jpg",
-        "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-ecology-badges_23-2149217094.jpg",
-      ]}
-      title="Unsere Partner und Qualitätsstandards"
-      description="Wir arbeiten vertrauensvoll mit lokalen Unternehmen und Institutionen zusammen und verpflichten uns höchsten Qualitäts- und Umweltstandards."
-      speed={40}
-      showCard={false}
-    />
-  </div>
+        <div id="about-social-proof" data-section="about-social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            logos={[
+              "http://img.b2bpic.net/free-photo/man-working-with-documents-laptop_23-2147775535.jpg?_wi=2",              "http://img.b2bpic.net/free-photo/young-woman-working-project-with-desktop_23-2147820146.jpg?_wi=2",              "http://img.b2bpic.net/free-photo/woman-working-with-laptop-documents-table_23-2147775529.jpg?_wi=2"
+            ]}
+            names={["Partner A", "Partner B", "Partner C"]}
+            title="Unsere Partner & Referenzen"
+            description="Vertrauen Sie auf unsere langjährige Erfahrung und zufriedene Kunden in ganz Lippe."
+            speed={40}
+            showCard={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Dienstleistungen",
-          items: [
-            {
-              label: "Entrümpelung",
-              href: "/dienstleistungen#entruempelung",
-            },
-            {
-              label: "Haushaltsauflösung",
-              href: "/dienstleistungen#haushaltsaufloesung",
-            },
-            {
-              label: "Sperrmüllentsorgung",
-              href: "/dienstleistungen#sperrmuell",
-            },
-          ],
-        },
-        {
-          title: "Unternehmen",
-          items: [
-            {
-              label: "Über uns",
-              href: "/ueber-uns",
-            },
-            {
-              label: "Preise",
-              href: "/preise",
-            },
-            {
-              label: "Kontakt",
-              href: "/kontakt",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
-          items: [
-            {
-              label: "Impressum",
-              href: "/impressum",
-            },
-            {
-              label: "Datenschutz",
-              href: "/datenschutz",
-            },
-          ],
-        },
-      ]}
-      logoText="Rümpel Fix Lippe"
-      copyrightText="© 2024 Rümpel Fix Lippe. Alle Rechte vorbehalten."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Über uns", href: "/ueber-uns" },
+                  { label: "Team", href: "/ueber-uns#team" },
+                  { label: "Referenzen", href: "/kundenbewertungen" }
+                ]
+              },
+              {
+                items: [
+                  { label: "Haushaltsauflösungen", href: "/dienstleistungen" },
+                  { label: "Entrümpelungen", href: "/dienstleistungen" },
+                  { label: "Sperrmüllabholung", href: "/dienstleistungen" }
+                ]
+              },
+              {
+                items: [
+                  { label: "Anfrage senden", href: "/kontakt" },
+                  { label: "Impressum", href: "/impressum" },
+                  { label: "Datenschutz", href: "/datenschutz" }
+                ]
+              }
+            ]}
+            logoText="Rümpel Fix Lippe"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );