Update src/app/preise/page.tsx

src/app/preise/page.tsx

@@ -2,14 +2,23 @@
 
 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"
@@ -26,238 +35,89 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
-      navItems={[
+            navItems={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",
+              text: "Jetzt Angebot anfordern",              href: "/kontakt"
-        href: "/kontakt",
             }}
             brandName="Rümpel Fix Lippe"
           />
         </div>
 
-  <div id="pricing-overview" data-section="pricing-overview">
+        <div id="pricing-page" data-section="pricing-page">
           <PricingCardTwo
             textboxLayout="default"
             useInvertedBackground={false}
             carouselMode="buttons"
+            animationType="slide-up"
             plans={[
               {
-          id: "1",
+                id: "basis",                badge: "Basis",                price: "Auf Anfrage",                subtitle: "Ideal für kleine Projekte",                features: [
-          badge: "Basis",
+                  "Kostenlose Besichtigung",                  "Besenreine Übergabe",                  "Umweltgerechte Entsorgung"
-          price: "ab 299€",
-          subtitle: "Kleine Entrümpelungen",
-          features: [
-            "1 Raum (Keller, Dachboden)",
-            "Einfache Entsorgung",
-            "Besenreine Übergabe",
-          ],
-          buttons: [
-            {
-              text: "Details ansehen",
-              href: "/kontakt",
-            },
                 ],
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
               },
               {
-          id: "2",
+                id: "komfort",                badge: "Komfort",                price: "Auf Anfrage",                subtitle: "Umfassend und stressfrei",                features: [
-          badge: "Standard",
+                  "Alle Basis-Leistungen",                  "Demontage von Möbeln",                  "Endreinigung nach Bedarf"
-          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",
-            },
                 ],
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
               },
               {
-          id: "3",
+                id: "premium",                badge: "Premium",                price: "Auf Anfrage",                subtitle: "Alles inklusive Paket",                features: [
-          badge: "Premium",
+                  "Alle Komfort-Leistungen",                  "Wertanrechnung verwertbarer Gegenstände",                  "Spezialentsorgung (z.B. Sondermüll)"
-          badgeIcon: Sparkles,
-          price: "Individuell",
-          subtitle: "Komplettservice & Spezialfälle",
-          features: [
-            "Ganze Wohnungen/Häuser",
-            "Spezialentsorgungen",
-            "Wertanrechnung",
-            "Endreinigung",
                 ],
-          buttons: [
+                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
-            {
+              }
-              text: "Kontakt aufnehmen",
-              href: "/kontakt",
-            },
-          ],
-        },
             ]}
-      title="Transparente Preise für Ihre Entrümpelung"
+            title="Unsere fairen Preise"
-      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."
+            description="Transparente und flexible Preismodelle, angepasst an Ihre individuellen Bedürfnisse."
           />
         </div>
 
         <div id="faq-pricing" data-section="faq-pricing">
-      <FaqBase
+          <FaqSplitMedia
             textboxLayout="default"
             useInvertedBackground={true}
-      faqs={[
+            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"
-          id: "1",
+            mediaAnimation="slide-up"
-          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="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"
+            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="footer" data-section="footer">
-      <FooterBase
+          <FooterLogoEmphasis
             columns={[
               {
-          title: "Dienstleistungen",
                 items: [
-            {
+                  { label: "Startseite", href: "/" },
-              label: "Entrümpelung",
+                  { label: "Über uns", href: "/ueber-uns" }
-              href: "/dienstleistungen#entruempelung",
+                ]
               },
               {
-              label: "Haushaltsauflösung",
-              href: "/dienstleistungen#haushaltsaufloesung",
-            },
-            {
-              label: "Sperrmüllentsorgung",
-              href: "/dienstleistungen#sperrmuell",
-            },
-          ],
-        },
-        {
-          title: "Unternehmen",
                 items: [
-            {
+                  { label: "Dienstleistungen", href: "/dienstleistungen" },
-              label: "Über uns",
+                  { label: "Preise", href: "/preise" },
-              href: "/ueber-uns",
+                  { label: "Galerie", href: "/galerie" }
+                ]
               },
               {
-              label: "Preise",
-              href: "/preise",
-            },
-            {
-              label: "Kontakt",
-              href: "/kontakt",
-            },
-          ],
-        },
-        {
-          title: "Rechtliches",
                 items: [
-            {
+                  { label: "Kundenbewertungen", href: "/kundenbewertungen" },
-              label: "Impressum",
+                  { label: "Blog", href: "/blog" },
-              href: "/impressum",
+                  { label: "Kontakt", href: "/kontakt" }
-            },
+                ]
-            {
+              }
-              label: "Datenschutz",
-              href: "/datenschutz",
-            },
-          ],
-        },
             ]}
             logoText="Rümpel Fix Lippe"
-      copyrightText="© 2024 Rümpel Fix Lippe. Alle Rechte vorbehalten."
           />
         </div>
       </ReactLenis>