"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Handshake, ReceiptText, ClipboardList, Gauge, Star, Recycle, Home, Building, ShieldCheck, Sparkles } 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" }
  ];

  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"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={navItems}
            button={{
              text: "Jetzt Angebot anfordern",              href: "/kontakt"
            }}
            brandName="Rümpel Fix Lippe"
          />
        </div>

        <div id="dienstleistungen-hero" data-section="dienstleistungen-hero">
          {/* 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: 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" },
              { 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" }
            ]}
            title="Detaillierte Übersicht unserer Leistungen"
            description="Wir bieten maßgeschneiderte Lösungen für jede Situation."
          />
        </div>

        <div id="feature-card-ten" data-section="feature-card-ten">
          <FeatureCardEight
            textboxLayout="default"
            useInvertedBackground={true}
            animationType="slide-up"
            features={[
              {
                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" },
                items: [{ icon: Handshake, text: "Unverbindlich" }, { icon: ReceiptText, text: "Transparentes Angebot" }],
                reverse: false
              },
              {
                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" },
                items: [{ icon: Recycle, text: "Nachhaltig" }, { icon: ClipboardList, text: "Zertifiziert" }],
                reverse: true
              },
              {
                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" },
                items: [{ icon: Sparkles, text: "Sauber" }, { icon: ShieldCheck, text: "Zuverlässig" }],
                reverse: false
              }
            ]}
            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">
          <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>
  );
}
