"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import { Building, Home, ShieldCheck } from "lucide-react";

export default function PreisePage() {
  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 Preise: Transparent, fair und ohne versteckte Kosten"
            description="Wir bieten Ihnen flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse."
            kpis={[
              { value: "10+", label: "Jahre Erfahrung" },
              { value: "1000+", label: "Zufriedene Kunden" },
              { value: "100%", label: "Umweltgerecht" },
            ]}
            enableKpiAnimation={false}
            buttons={[{ text: "Jetzt kostenloses Angebot anfordern", href: "/kontakt" }]}
            imageSrc="http://img.b2bpic.net/free-photo/top-view-man-cleaning-dirty-surface_23-2149175240.jpg?_wi=1"
            imageAlt="Team arbeitet bei einer Haushaltsauflösung"
            mediaAnimation="none"
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardTwo
            textboxLayout="default"
            useInvertedBackground={false}
            carouselMode="buttons"
            animationType="slide-up"
            plans={[
              {
                id: "small",                badge: "Klein",                badgeIcon: Home,
                price: "ab 150€",                subtitle: "Für kleine Entrümpelungen oder Sperrmüllabholung",                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
                features: [
                  "Basis-Entrümpelung",                  "Sperrmüllabholung (bis 2m³)",                  "Umweltgerechte Entsorgung",                  "1 Stunde Arbeitszeit"],
              },
              {
                id: "medium",                badge: "Standard",                badgeIcon: Building,
                price: "ab 450€",                subtitle: "Für Wohnungsauflösungen und größere Entrümpelungen",                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
                features: [
                  "Möbel- & Hausrat-Entrümpelung",                  "Sperrmüllabholung (bis 5m³)",                  "Besenreine Übergabe",                  "3 Stunden Arbeitszeit"],
              },
              {
                id: "full-service",                badge: "Premium",                badgeIcon: ShieldCheck,
                price: "Individuell",                subtitle: "Komplettpaket für Haushaltsauflösungen ohne Sorgen",                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }],
                features: [
                  "Komplette Haushaltsauflösung",                  "Sonderentsorgungen inklusive",                  "Professionelle Reinigung",                  "Flexible Arbeitszeiten"],
              },
            ]}
            title="Transparente Preise & faire Angebote"
            description="Wir bieten flexible Paketlösungen oder individuelle Angebote nach einer kostenlosen Besichtigung. Finden Sie das passende Modell für Ihre Bedürfnisse."
          />
        </div>

        <div id="faq-pricing" data-section="faq-pricing">
          <FaqSplitMedia
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "Wie erhalte ich ein kostenloses Angebot?",                content: "Kontaktieren Sie uns telefonisch oder über unser Kontaktformular. Wir vereinbaren dann einen unverbindlichen Besichtigungstermin vor Ort, um Ihnen ein maßgeschneidertes Angebot zu erstellen."},
              {
                id: "2",                title: "Sind die Preise transparent?",                content: "Ja, absolute Preistransparenz ist uns wichtig. Alle Kosten werden im Angebot detailliert aufgeschlüsselt, es gibt keine versteckten Gebühren."},
              {
                id: "3",                title: "Was passiert mit den entsorgten Gegenständen?",                content: "Wir legen großen Wert auf umweltgerechte Entsorgung. Verwertbare Gegenstände werden recycelt, wiederverwertet oder gespendet. Nicht mehr brauchbare Materialien werden fachgerecht entsorgt."},
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/top-view-old-device-desk_23-2150756327.jpg?_wi=2"
            imageAlt="Person beim Lesen eines Vertrags"
            mediaAnimation="none"
            mediaPosition="right"
            title="Häufig gestellte Fragen zu Preisen & Ablauf"
            description="Hier finden Sie Antworten auf die wichtigsten Fragen rund um unsere Dienstleistungen und Kosten."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Noch Fragen? Kontaktieren Sie uns!"
            description="Wir stehen Ihnen jederzeit für eine persönliche Beratung zur Verfügung. Schreiben Sie uns oder rufen Sie an."
            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=3"
            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>
  );
}
