"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
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" }
  ];

  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="pricing-page" data-section="pricing-page">
          <PricingCardTwo
            textboxLayout="default"
            useInvertedBackground={false}
            carouselMode="buttons"
            animationType="slide-up"
            plans={[
              {
                id: "basis",                badge: "Basis",                price: "Auf Anfrage",                subtitle: "Ideal für kleine Projekte",                features: [
                  "Kostenlose Besichtigung",                  "Besenreine Übergabe",                  "Umweltgerechte Entsorgung"
                ],
                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
              },
              {
                id: "komfort",                badge: "Komfort",                price: "Auf Anfrage",                subtitle: "Umfassend und stressfrei",                features: [
                  "Alle Basis-Leistungen",                  "Demontage von Möbeln",                  "Endreinigung nach Bedarf"
                ],
                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
              },
              {
                id: "premium",                badge: "Premium",                price: "Auf Anfrage",                subtitle: "Alles inklusive Paket",                features: [
                  "Alle Komfort-Leistungen",                  "Wertanrechnung verwertbarer Gegenstände",                  "Spezialentsorgung (z.B. Sondermüll)"
                ],
                buttons: [{ text: "Angebot anfordern", href: "/kontakt" }]
              }
            ]}
            title="Unsere fairen Preise"
            description="Transparente und flexible Preismodelle, angepasst an Ihre individuellen Bedürfnisse."
          />
        </div>

        <div id="faq-pricing" data-section="faq-pricing">
          <FaqSplitMedia
            textboxLayout="default"
            useInvertedBackground={true}
            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"
            mediaAnimation="slide-up"
            mediaPosition="right"
            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">
          <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>
  );
}
