"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FeatureCardTwo from "@/components/sections/feature/FeatureCardTwo";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import { 
  Broom,
  CalendarCheck,
  CheckCircle,
  ClipboardList,
  Handshake,
  Recycle,
  ReceiptText,
  ShieldCheck,
  Truck,
  Users
} from "lucide-react";

export default function DienstleistungenPage() {
  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={[
              { 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" },
            ]}
            button={{ text: "Jetzt Angebot anfordern", href: "/kontakt" }}
            brandName="Rümpel Fix Lippe"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitKpi
            background={{ variant: "plain" }}
            title="Unsere Dienstleistungen: Umfassende Lösungen für jede Entrümpelung"
            description="Von Haushaltsauflösungen über Sperrmüllabholung bis hin zu speziellen Entsorgungen – wir bieten maßgeschneiderte Services für Privat- und Geschäftskunden."
            kpis={[
              { value: "10+", label: "Jahre Erfahrung" },
              { value: "1000+", label: "Zufriedene Kunden" },
              { value: "100%", label: "Umweltgerecht" },
            ]}
            enableKpiAnimation={false}
            buttons={[{ text: "Kostenloses Angebot anfordern", href: "/kontakt" }]}
            imageSrc="http://img.b2bpic.net/free-photo/senior-man-removing-rubbish-from-kitchen-cupboards_23-2147726514.jpg?_wi=1"
            imageAlt="Team arbeitet bei einer Haushaltsauflösung"
            mediaAnimation="none"
          />
        </div>

        <div id="feature-media" data-section="feature-media">
          <FeatureCardMedia
            textboxLayout="default"
            useInvertedBackground={false}
            carouselMode="buttons"
            animationType="slide-up"
            features={[
              {
                id: "1",                title: "Haushaltsauflösungen",                description: "Wir übernehmen die komplette Auflösung von Wohnungen und Häusern – besenrein und diskret.",                tag: "Komplettservice",                imageSrc: "http://img.b2bpic.net/free-photo/people-working-charity-remove-boxes_23-2149175239.jpg?_wi=1",                imageAlt: "Haushaltsauflösung in einer Wohnung"},
              {
                id: "2",                title: "Entrümpelung",                description: "Ob Keller, Dachboden, Garage oder ganze Objekte – wir schaffen Platz und Ordnung.",                tag: "Platz schaffen",                imageSrc: "http://img.b2bpic.net/free-photo/view-two-male-workers-organizing-garage-with-tools_23-2149313264.jpg?_wi=1",                imageAlt: "Entrümpelung einer Garage"},
              {
                id: "3",                title: "Sperrmüllabholung",                description: "Wir holen Ihren Sperrmüll termingerecht und zuverlässig ab, inklusive fachgerechter Entsorgung.",                tag: "Bequem",                imageSrc: "http://img.b2bpic.net/free-photo/worker-carrying-wooden-boxes_23-2149313261.jpg?_wi=1",                imageAlt: "Sperrmüll wird abgeholt"},
              {
                id: "4",                title: "Sonderentsorgungen",                description: "Für Problemstoffe, Elektroschrott und andere spezielle Materialien bieten wir sichere Entsorgungslösungen.",                tag: "Spezial",                imageSrc: "http://img.b2bpic.net/free-vector/flat-garbage-colorful-template_1284-48539.jpg?_wi=1",                imageAlt: "Sonderentsorgung von Elektronikschrott"},
            ]}
            title="Unsere Kernleistungen im Überblick"
            description="Wir sind Ihr Partner für alle Arten von Entrümpelungen und Entsorgungen in Bad Salzuflen und Umgebung."
          />
        </div>

        <div id="feature-card-ten" data-section="feature-card-ten">
          <FeatureCardTen
            textboxLayout="default"
            useInvertedBackground={true}
            animationType="slide-up"
            features={[
              {
                id: "1",                title: "Besenreine Übergabe",                description: "Wir verlassen jede Immobilie sauber und ordentlich, bereit für die nächste Nutzung.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/view-cleaning-products-with-copy-space_23-2149303681.jpg?_wi=1", imageAlt: "Besenreine Übergabe" },
                items: [{ icon: Broom, text: "Gründliche Reinigung" }, { icon: CheckCircle, text: "Zufriedenheitsgarantie" }],
                reverse: false,
              },
              {
                id: "2",                title: "Umweltgerechte Entsorgung",                description: "Wir recyceln und verwerten so viel wie möglich, um die Umwelt zu schonen.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/green-leaf-with-light-bulb-nature-background_1423-1463.jpg?_wi=1", imageAlt: "Umweltgerechte Entsorgung" },
                items: [{ icon: Recycle, text: "Nachhaltig" }, { icon: ShieldCheck, text: "Zertifiziert" }],
                reverse: true,
              },
              {
                id: "3",                title: "Diskret und Zuverlässig",                description: "Unser Team arbeitet diskret und termingerecht, um Ihre Privatsphäre zu wahren.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-house-cleaner-working_23-2148006277.jpg?_wi=1", imageAlt: "Diskretion" },
                items: [{ icon: Handshake, text: "Vertrauenswürdig" }, { icon: CalendarCheck, text: "Termintreu" }],
                reverse: false,
              },
            ]}
            title="Unser Versprechen an Sie"
            description="Bei Rümpel Fix Lippe stehen Professionalität, Diskretion und Umweltbewusstsein an erster Stelle."
          />
        </div>

        <div id="feature-card-two" data-section="feature-card-two">
          <FeatureCardTwo
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                id: "1",                icon: Truck,
                title: "Kostenlose Besichtigung",                description: "Wir bieten eine unverbindliche und kostenlose Vor-Ort-Besichtigung zur genauen Angebotserstellung."},
              {
                id: "2",                icon: ReceiptText,
                title: "Festpreisgarantie",                description: "Nach der Besichtigung erhalten Sie ein transparentes Festpreisangebot ohne versteckte Kosten."},
              {
                id: "3",                icon: ClipboardList,
                title: "Pünktliche Ausführung",                description: "Wir halten uns an vereinbarte Termine und erledigen die Arbeiten zuverlässig und zeitnah."},
              {
                id: "4",                icon: Users,
                title: "Erfahrenes Team",                description: "Unser geschultes und freundliches Personal sorgt für einen reibungslosen Ablauf und beste Ergebnisse."},
            ]}
            title="Warum Rümpel Fix Lippe wählen?"
            description="Ihre Vorteile auf einen Blick – wir überzeugen durch Service, Transparenz und Qualität."
            buttons={[{ text: "Jetzt Kontakt aufnehmen", href: "/kontakt" }]}
          />
        </div>

        <div id="contact-page" data-section="contact-page">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Benötigen Sie eine Entrümpelung?"
            description="Kontaktieren Sie uns für ein unverbindliches Angebot. Wir sind für Sie da!"
            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 und Anliegen", rows: 4, required: true }}
            imageSrc="http://img.b2bpic.net/free-photo/business-partners-greeting-each-other_1262-20511.jpg?_wi=2"
            imageAlt="Freundliches Team im Kundenservice"
            mediaAnimation="none"
            buttonText="Anfrage senden"
          />
        </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>
  );
}
