From e6f957983681ee497688eeb894d6b82e0569a4d4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Mar 2026 00:16:08 +0000
Subject: [PATCH] Update src/app/galerie/page.tsx

---
 src/app/galerie/page.tsx | 336 +++++++++------------------------------
 1 file changed, 79 insertions(+), 257 deletions(-)

diff --git a/src/app/galerie/page.tsx b/src/app/galerie/page.tsx
index 22adf36..e9378c0 100644
--- a/src/app/galerie/page.tsx
+++ b/src/app/galerie/page.tsx
@@ -2,271 +2,93 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function GaleriePage() {
+  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" }
+  ];
 
-export default function LandingPage() {
   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="project-gallery" data-section="project-gallery">
-      <FeatureCardTwentyThree
-      textboxLayout="default"
-      useInvertedBackground={false}
-      carouselMode="buttons"
-      features={[
-        {
-          id: "1",
-          title: "Wohnungsentrümpelung Bad Salzuflen",
-          tags: [
-            "Wohnung",
-            "Entrümpelung",
-            "Bad Salzuflen",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=2",
-          imageAlt: "cleaned out apartment living room",
-        },
-        {
-          id: "2",
-          title: "Büroauflösung Detmold",
-          tags: [
-            "Büro",
-            "Auflösung",
-            "Detmold",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-working-together_23-2149871306.jpg?_wi=2",
-          imageAlt: "organized office space after cleanout",
-        },
-        {
-          id: "3",
-          title: "Garagenentrümpelung Herford",
-          tags: [
-            "Garage",
-            "Entrümpelung",
-            "Herford",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=2",
-          imageAlt: "organized garage after junk removal",
-        },
-        {
-          id: "4",
-          title: "Kellerauflösung Lemgo",
-          tags: [
-            "Keller",
-            "Auflösung",
-            "Lemgo",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16077.jpg?_wi=2",
-          imageAlt: "clean basement storage area",
-        },
-        {
-          id: "5",
-          title: "Dachbodenreinigung Lage",
-          tags: [
-            "Dachboden",
-            "Reinigung",
-            "Lage",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-interior-background_23-2149454760.jpg?_wi=2",
-          imageAlt: "decluttered attic space",
-        },
-        {
-          id: "6",
-          title: "Gartenabfallentsorgung Oerlinghausen",
-          tags: [
-            "Garten",
-            "Entsorgung",
-            "Oerlinghausen",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash_23-2149109092.jpg?_wi=2",
-          imageAlt: "garden waste removed from outdoor area",
-        },
-      ]}
-      title="Unsere erfolgreichen Projekte"
-      description="Sehen Sie selbst, wie wir Räume verwandeln und für Ordnung sorgen. Von Wohnungen und Häusern bis zu gewerblichen Objekten – jedes Projekt wird mit größter Sorgfalt und Effizienz abgeschlossen."
-    />
-  </div>
+        <div id="gallery-page" data-section="gallery-page">
+          <ProductCardTwo
+            textboxLayout="default"
+            useInvertedBackground={false}
+            carouselMode="buttons"
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            products={[
+              { id: "1", brand: "Wohnung", name: "Wohnungsauflösung Modern", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899435.jpg?_wi=1", imageAlt: "Leeres, modern entrümpeltes Wohnzimmer" },
+              { id: "2", brand: "Büro", name: "Büroentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-working-together_23-2149871306.jpg?_wi=1", imageAlt: "Sauberes und entrümpeltes Büro" },
+              { id: "3", brand: "Garage", name: "Garagenauflösung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=1", imageAlt: "Aufgeräumte und leere Garage" },
+              { id: "4", brand: "Keller", name: "Kellerentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16077.jpg?_wi=1", imageAlt: "Gereinigter und entrümpelter Keller" },
+              { id: "5", brand: "Dachboden", name: "Dachbodenentrümpelung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-interior-background_23-2149454760.jpg?_wi=1", imageAlt: "Sauberer und leerer Dachbodenbereich" },
+              { id: "6", brand: "Garten", name: "Gartenabfallentsorgung", price: "Projekt abgeschlossen", rating: 5, reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/people-doing-community-service-by-collecting-trash_23-2149109092.jpg?_wi=1", imageAlt: "Entfernter Gartenabfall und sauberer Garten" }
+            ]}
+            title="Unsere Projekte: Vorher & Nachher"
+            description="Überzeugen Sie sich selbst von unserer professionellen Arbeit – ein Blick auf unsere erfolgreich abgeschlossenen Projekte in Bad Salzuflen und Umgebung."
+          />
+        </div>
 
-  <div id="project-testimonials" data-section="project-testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Maria K.",
-          role: "Privatkunde",
-          company: "Bad Salzuflen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271994.jpg?_wi=3",
-          imageAlt: "happy customer avatar",
-        },
-        {
-          id: "2",
-          name: "Familie L.",
-          role: "Privatkunde",
-          company: "Detmold",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg?_wi=3",
-          imageAlt: "happy customer avatar",
-        },
-        {
-          id: "3",
-          name: "Herr Müller",
-          role: "Immobilienmakler",
-          company: "Herford",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-poses-background-white-studio-holding-advertising-banner_114579-92507.jpg?_wi=3",
-          imageAlt: "happy customer avatar",
-        },
-        {
-          id: "4",
-          name: "Sabine G.",
-          role: "Privatkunde",
-          company: "Lemgo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-holds-chin-looks-up_141793-103938.jpg?_wi=3",
-          imageAlt: "happy customer avatar",
-        },
-      ]}
-      title="Kundenstimmen zu unseren Projekten"
-      description="Die Zufriedenheit unserer Kunden ist unser größtes Lob. Lesen Sie, was Kunden nach erfolgreichen Projekten über unsere Arbeit sagen."
-    />
-  </div>
-
-  <div id="cta-gallery" data-section="cta-gallery">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-static",
-      }}
-      tag="Ihr Projekt wartet"
-      title="Lassen Sie uns Ihr Objekt verwandeln!"
-      description="Haben Sie ein ähnliches Projekt oder eine spezielle Anforderung? Kontaktieren Sie uns für eine kostenlose Beratung und ein unverbindliches Angebot."
-      buttons={[
-        {
-          text: "Jetzt Projekt anfragen",
-          href: "/kontakt",
-        },
-      ]}
-    />
-  </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: "Startseite", href: "/" },
+                  { label: "Über uns", href: "/ueber-uns" }
+                ]
+              },
+              {
+                items: [
+                  { label: "Dienstleistungen", href: "/dienstleistungen" },
+                  { label: "Preise", href: "/preise" },
+                  { label: "Galerie", href: "/galerie" }
+                ]
+              },
+              {
+                items: [
+                  { label: "Kundenbewertungen", href: "/kundenbewertungen" },
+                  { label: "Blog", href: "/blog" },
+                  { label: "Kontakt", href: "/kontakt" }
+                ]
+              }
+            ]}
+            logoText="Rümpel Fix Lippe"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );