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

---
 src/app/preise/page.tsx | 358 ++++++++++++----------------------------
 1 file changed, 109 insertions(+), 249 deletions(-)

diff --git a/src/app/preise/page.tsx b/src/app/preise/page.tsx
index 7fa4105..e63db4b 100644
--- a/src/app/preise/page.tsx
+++ b/src/app/preise/page.tsx
@@ -2,264 +2,124 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import { Sparkles } from "lucide-react";
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function PreisePage() {
+  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="pricing-overview" data-section="pricing-overview">
-      <PricingCardTwo
-      textboxLayout="default"
-      useInvertedBackground={false}
-      carouselMode="buttons"
-      plans={[
-        {
-          id: "1",
-          badge: "Basis",
-          price: "ab 299€",
-          subtitle: "Kleine Entrümpelungen",
-          features: [
-            "1 Raum (Keller, Dachboden)",
-            "Einfache Entsorgung",
-            "Besenreine Übergabe",
-          ],
-          buttons: [
-            {
-              text: "Details ansehen",
-              href: "/kontakt",
-            },
-          ],
-        },
-        {
-          id: "2",
-          badge: "Standard",
-          price: "ab 599€",
-          subtitle: "Mittlere Haushaltsauflösungen",
-          features: [
-            "2-3 Räume inkl. Nebenräume",
-            "Möbel- & Sperrmüllentsorgung",
-            "Vorab-Besichtigung",
-            "Besenreine Übergabe",
-          ],
-          buttons: [
-            {
-              text: "Angebot erhalten",
-              href: "/kontakt",
-            },
-          ],
-        },
-        {
-          id: "3",
-          badge: "Premium",
-          badgeIcon: Sparkles,
-          price: "Individuell",
-          subtitle: "Komplettservice & Spezialfälle",
-          features: [
-            "Ganze Wohnungen/Häuser",
-            "Spezialentsorgungen",
-            "Wertanrechnung",
-            "Endreinigung",
-          ],
-          buttons: [
-            {
-              text: "Kontakt aufnehmen",
-              href: "/kontakt",
-            },
-          ],
-        },
-      ]}
-      title="Transparente Preise für Ihre Entrümpelung"
-      description="Wir bieten faire und transparente Preise ohne versteckte Kosten. Wählen Sie das passende Paket für Ihre Bedürfnisse oder fragen Sie ein individuelles Angebot an. Unsere Flexibilität garantiert Ihnen die beste Lösung."
-    />
-  </div>
+        <div id="pricing-page" data-section="pricing-page">
+          <PricingCardTwo
+            textboxLayout="default"
+            useInvertedBackground={false}
+            carouselMode="buttons"
+            animationType="slide-up"
+            plans={[
+              {
+                id: "basis",                badge: "Basis",                price: "Auf Anfrage",                subtitle: "Ideal für kleine Projekte",                features: [
+                  "Kostenlose Besichtigung",                  "Besenreine Übergabe",                  "Umweltgerechte Entsorgung"
+                ],
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
+              },
+              {
+                id: "komfort",                badge: "Komfort",                price: "Auf Anfrage",                subtitle: "Umfassend und stressfrei",                features: [
+                  "Alle Basis-Leistungen",                  "Demontage von Möbeln",                  "Endreinigung nach Bedarf"
+                ],
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
+              },
+              {
+                id: "premium",                badge: "Premium",                price: "Auf Anfrage",                subtitle: "Alles inklusive Paket",                features: [
+                  "Alle Komfort-Leistungen",                  "Wertanrechnung verwertbarer Gegenstände",                  "Spezialentsorgung (z.B. Sondermüll)"
+                ],
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
+              }
+            ]}
+            title="Unsere fairen Preise"
+            description="Transparente und flexible Preismodelle, angepasst an Ihre individuellen Bedürfnisse."
+          />
+        </div>
 
-  <div id="faq-pricing" data-section="faq-pricing">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Wie wird der Preis berechnet?",
-          content: "Der Preis für eine Entrümpelung oder Haushaltsauflösung hängt vom Volumen des zu entsorgenden Materials, dem Arbeitsaufwand, eventuellen Spezialentsorgungen und der Zugänglichkeit des Objekts ab. Nach einer kostenlosen Besichtigung erhalten Sie ein detailliertes Festpreisangebot.",
-        },
-        {
-          id: "2",
-          title: "Gibt es versteckte Kosten?",
-          content: "Nein, bei uns gibt es keine versteckten Kosten. Unser Angebot ist ein Festpreis, der alle Leistungen und die Entsorgungskosten beinhaltet. So haben Sie volle Kostentransparenz und Planungssicherheit.",
-        },
-        {
-          id: "3",
-          title: "Welche Zahlungsoptionen bieten Sie an?",
-          content: "Sie können bequem per Überweisung bezahlen. Die Zahlung erfolgt in der Regel nach erfolgreicher Durchführung der Arbeiten und Übergabe des Objekts.",
-        },
-        {
-          id: "4",
-          title: "Kann der Wert von Gegenständen angerechnet werden?",
-          content: "Ja, selbstverständlich. Sollten sich unter den zu entsorgenden Gegenständen verwertbare Antiquitäten, Möbel oder andere Wertgegenstände befinden, wird deren Wert transparent ermittelt und mit den Kosten der Entrümpelung verrechnet.",
-        },
-      ]}
-      title="Fragen zu Kosten und Bezahlung"
-      description="Wir möchten, dass Sie sich bei uns wohlfühlen. Hier finden Sie Antworten auf häufige Fragen rund um unsere Preisgestaltung und Zahlungsmodalitäten."
-      faqsAnimation="slide-up"
-      showCard={true}
-    />
-  </div>
+        <div id="faq-pricing" data-section="faq-pricing">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-hand-holding-smart-phone-with-keyboard-icon_616488-875.jpg"
+            imageAlt="FAQ Bild"
+            mediaAnimation="slide-up"
+            mediaPosition="right"
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "faq1", title: "Wie erfolgt die Preisgestaltung?", content: "Unsere Preise basieren auf dem Umfang der Räumung, der Menge des zu entsorgenden Materials und speziellen Anforderungen. Eine kostenlose Vor-Ort-Besichtigung ermöglicht ein präzises Angebot." },
+              { id: "faq2", title: "Gibt es versteckte Kosten?", content: "Nein, Transparenz ist uns wichtig. Alle Kosten werden im Vorfeld klar kommuniziert. Das Angebot ist fest und enthält keine versteckten Gebühren." },
+              { id: "faq3", title: "Was passiert mit verwertbaren Gegenständen?", content: "Verwertbare Gegenstände können angerechnet werden oder werden umweltgerecht gespendet/recycelt. Wir besprechen dies individuell mit Ihnen." }
+            ]}
+            title="Häufig gestellte Fragen zu unseren Preisen"
+            description="Antworten auf die wichtigsten Fragen rund um unsere Dienstleistungen und Kosten."
+          />
+        </div>
 
-  <div id="contact-quote" data-section="contact-quote">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Individuelles Angebot anfragen"
-      description="Für spezielle Anforderungen, größere Projekte oder ein maßgeschneidertes Angebot, füllen Sie bitte unser Formular aus. Wir melden uns umgehend bei Ihnen."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Ihr Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Ihre E-Mail-Adresse",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Ihre Telefonnummer (optional)",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Ihre Nachricht oder spezielle Anforderungen",
-        rows: 5,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=3"
-      imageAlt="person reviewing an invoice on a desk"
-      mediaAnimation="blur-reveal"
-      mediaPosition="right"
-      buttonText="Angebot anfordern"
-    />
-  </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>
   );