Update src/app/dienstleistungen/page.tsx

src/app/dienstleistungen/page.tsx

@@ -2,15 +2,24 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardEight';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { Calendar, Recycle, Search, Trash2, Users } from "lucide-react";
+import { Handshake, ReceiptText, ClipboardList, Broom, Gauge, Star, Recycle, Home, Building, ShieldCheck } from "lucide-react";
+
+export default function DienstleistungenPage() {
+  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"
@@ -27,279 +36,98 @@ 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="services-overview" data-section="services-overview">
+        <div id="dienstleistungen-hero" data-section="dienstleistungen-hero">
-      <FeatureCardMedia
+          {/* Placeholder for a hero-like section for the services page */}
+          <FeatureCardEight
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Entrümpelung mit Herz", description: "Von der kleinsten Wohnung bis zum größten Anwesen – wir räumen schnell und besenrein. Auch Messi-Wohnungen sind kein Problem.", imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-woman-sitting-floor-with-boxes-new-apartment-talking-phone_637285-8025.jpg", imageAlt: "Entrümpelung einer Wohnung" },
+              { id: 2, title: "Sperrmüll-Service", description: "Wir holen Ihren Sperrmüll termingerecht ab. Egal ob alte Möbel, Elektrogeräte oder Gartenabfälle – wir kümmern uns drum.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-garbage-piles_23-2149129524.jpg", imageAlt: "Sperrmüllabholung" }
+            ]}
+            title="Unsere Kern-Dienstleistungen"
+            description="Rümpel Fix Lippe bietet Ihnen umfassende Lösungen für Entrümpelungen, Haushaltsauflösungen und mehr."
+            buttons={[{ text: "Kontaktieren Sie uns", href: "/kontakt" }]
+            }
+          />
+        </div>
+
+        <div id="feature-card-media" data-section="feature-card-media">
+          <FeatureCardEight
             textboxLayout="default"
             useInvertedBackground={false}
             carouselMode="buttons"
+            animationType="slide-up"
             features={[
-        {
+              { id: "1", title: "Haushaltsauflösungen", description: "Professionelle und besenreine Auflösung von Haushalten, Wohnungen oder Geschäftsräumen. Wir kümmern uns um alles.", tag: "Komplettservice", imageSrc: "http://img.b2bpic.net/free-photo/house-interior-view_23-2148722971.jpg", imageAlt: "Haushaltsauflösung" },
-          id: "1",
+              { id: "2", title: "Entrümpelungen", description: "Wir befreien Ihr Zuhause von unerwünschten Möbeln und Hausrat – schnell, diskret und gründlich.", tag: "Sorgfältig", imageSrc: "http://img.b2bpic.net/free-photo/person-packing-box-close-up-shot_23-2149206385.jpg", imageAlt: "Entrümpelung" },
-          title: "Wohnungs- & Hausentrümpelung",
+              { id: "3", title: "Sperrmüllabholung", description: "Kein Problem mit großen und unhandlichen Gegenständen. Wir holen Ihren Sperrmüll termingerecht ab.", tag: "Flexibel", imageSrc: "http://img.b2bpic.net/free-photo/rubbish-collection_23-2148869805.jpg", imageAlt: "Sperrmüll" }
-          description: "Professionelle Entrümpelung von Wohnungen, Häusern und Kellern, schnell und besenrein.",
-          tag: "Komplettservice",
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216761.jpg?_wi=3",
-          imageAlt: "room with old furniture before clearing",
-        },
-        {
-          id: "2",
-          title: "Haushaltsauflösungen",
-          description: "Wir kümmern uns um die komplette Auflösung Ihres Haushalts, diskret und respektvoll.",
-          tag: "Sensibel & Gründlich",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-signing-parcel-near-courier_23-2147787868.jpg?_wi=3",
-          imageAlt: "empty room after household liquidation",
-        },
-        {
-          id: "3",
-          title: "Sperrmüllentsorgung",
-          description: "Abholung und fachgerechte Entsorgung von Sperrmüll aller Art.",
-          tag: "Einfach & Schnell",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-looking-himself-mirror_1139-256.jpg?_wi=3",
-          imageAlt: "pile of bulky waste on the street",
-        },
-        {
-          id: "4",
-          title: "Spezialentsorgungen",
-          description: "Entsorgung von Problemstoffen und speziellen Abfällen nach geltenden Vorschriften.",
-          tag: "Fachgerecht",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=3",
-          imageAlt: "various types of waste being sorted for disposal",
-        },
             ]}
-      title="Unsere Dienstleistungen im Überblick"
+            title="Detaillierte Übersicht unserer Leistungen"
-      description="Von der kleinen Entrümpelung bis zur kompletten Haushaltsauflösung – Rümpel Fix Lippe bietet maßgeschneiderte Lösungen für Ihre individuellen Bedürfnisse. Wir sorgen für Ordnung und Sauberkeit."
+            description="Wir bieten maßgeschneiderte Lösungen für jede Situation."
           />
         </div>
 
-  <div id="how-it-works" data-section="how-it-works">
+        <div id="feature-card-ten" data-section="feature-card-ten">
-      <FeatureCardTen
+          <FeatureCardEight
             textboxLayout="default"
             useInvertedBackground={true}
+            animationType="slide-up"
             features={[
               {
-          id: "1",
+                id: "1",                title: "Kostenlose Besichtigung",                description: "Jedes Projekt beginnt mit einer kostenlosen und unverbindlichen Besichtigung vor Ort, um den Aufwand präzise zu kalkulieren.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussing-financial-plan_23-2149170241.jpg", imageAlt: "Kostenlose Besichtigung" },
-          title: "Kostenlose Erstbesichtigung",
+                items: [{ icon: Handshake, text: "Unverbindlich" }, { icon: ReceiptText, text: "Transparentes Angebot" }],
-          description: "Wir besichtigen Ihr Objekt vor Ort und besprechen Ihre Anforderungen ausführlich.",
+                reverse: false
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2",
-            imageAlt: "person reviewing documents for an estimate",
-          },
-          items: [
-            {
-              icon: Search,
-              text: "Objektanalyse",
               },
               {
-              icon: Handshake,
+                id: "2",                title: "Umweltgerechte Entsorgung",                description: "Wir legen größten Wert auf nachhaltige und umweltfreundliche Entsorgung. Verwertbare Gegenstände werden recycelt oder gespendet.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-lifestyle-concept_23-2148505432.jpg", imageAlt: "Umweltgerechte Entsorgung" },
-              text: "Persönliche Beratung",
+                items: [{ icon: Recycle, text: "Nachhaltig" }, { icon: ClipboardList, text: "Zertifiziert" }],
+                reverse: true
               },
               {
-              icon: ReceiptText,
+                id: "3",                title: "Besenreine Übergabe",                description: "Nach Abschluss der Arbeiten übergeben wir Ihnen die Räumlichkeiten besenrein, sodass Sie sich um nichts mehr kümmern müssen.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-cleaning-lady-gloves-holding-cleaning-equipment_23-2148900010.jpg", imageAlt: "Besenreine Übergabe" },
-              text: "Unverbindliches Angebot",
+                items: [{ icon: Broom, text: "Sauber" }, { icon: ShieldCheck, text: "Zuverlässig" }],
-            },
+                reverse: false
-          ],
+              }
-          reverse: false,
-        },
-        {
-          id: "2",
-          title: "Termin & Planung",
-          description: "Nach Angebotsannahme vereinbaren wir einen passenden Termin und detaillieren den Ablauf.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-getting-ready-move-new-home_23-2149094128.jpg?_wi=2",
-            imageAlt: "moving boxes ready for transport",
-          },
-          items: [
-            {
-              icon: Calendar,
-              text: "Flexible Terminfindung",
-            },
-            {
-              icon: ClipboardList,
-              text: "Detaillierte Ablaufplanung",
-            },
-            {
-              icon: Users,
-              text: "Teamkoordination",
-            },
-          ],
-          reverse: true,
-        },
-        {
-          id: "3",
-          title: "Fachgerechte Durchführung",
-          description: "Unser Team führt die Auflösung schnell, sauber und diskret durch.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/moving-new-house-concept_53876-144474.jpg?_wi=3",
-            imageAlt: "professional house clearance team working",
-          },
-          items: [
-            {
-              icon: Trash2,
-              text: "Sortierung & Entsorgung",
-            },
-            {
-              icon: Broom,
-              text: "Besenreine Übergabe",
-            },
-            {
-              icon: Recycle,
-              text: "Nachhaltigkeit",
-            },
-          ],
-          reverse: false,
-        },
-      ]}
-      title="So funktioniert eine Haushaltsauflösung mit uns"
-      description="Wir gewährleisten einen transparenten und effizienten Prozess, von der ersten Kontaktaufnahme bis zur besenreinen Übergabe. Jeder Schritt wird sorgfältig geplant und umgesetzt."
-    />
-  </div>
-
-  <div id="faq-services" data-section="faq-services">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Was ist in einer Entrümpelung enthalten?",
-          content: "Unsere Entrümpelungen umfassen das Sortieren, Räumen, Transportieren und die fachgerechte Entsorgung aller nicht mehr benötigten Gegenstände. Auf Wunsch führen wir auch kleinere Reinigungsarbeiten durch, um das Objekt besenrein zu übergeben.",
-        },
-        {
-          id: "2",
-          title: "Wie lange dauert eine Haushaltsauflösung?",
-          content: "Die Dauer hängt von der Größe des Objekts und dem Umfang des Hausrats ab. Nach einer kostenlosen Erstbesichtigung können wir Ihnen eine genaue Zeitabschätzung geben, meist zwischen einem halben und mehreren Tagen.",
-        },
-        {
-          id: "3",
-          title: "Was passiert mit den Gegenständen?",
-          content: "Verwertbare Gegenstände werden nach Absprache an soziale Einrichtungen gespendet oder recycelt. Nicht verwertbare Materialien werden fachgerecht und umweltfreundlich entsorgt, unter Einhaltung aller gesetzlichen Bestimmungen.",
-        },
-        {
-          id: "4",
-          title: "Bieten Sie auch Teilentrümpelungen an?",
-          content: "Ja, selbstverständlich. Ob Keller, Dachboden, Garage oder einzelne Zimmer – wir entrümpeln genau die Bereiche, die Sie wünschen.",
-        },
-      ]}
-      title="Häufige Fragen zu unseren Dienstleistungen"
-      description="Hier finden Sie Antworten auf die am häufigsten gestellten Fragen zu unseren Entrümpelungs- und Haushaltsauflösungsdiensten."
-      faqsAnimation="slide-up"
-      showCard={true}
-    />
-  </div>
-
-  <div id="cta-services" data-section="cta-services">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Bereit für Ordnung?"
-      title="Kostenloses Angebot anfordern"
-      description="Lassen Sie uns Ihr Zuhause oder Büro von unnötigem Ballast befreien. Kontaktieren Sie uns für eine unverbindliche Beratung und ein individuelles Angebot."
-      buttons={[
-        {
-          text: "Jetzt anfragen",
-          href: "/kontakt",
-        },
             ]}
+            title="Unser Prozess: Einfach und Transparent"
+            description="Von der ersten Kontaktaufnahme bis zur besenreinen Übergabe – so arbeiten wir."
           />
         </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>