"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";

export default function KundenbewertungenPage() {
  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="Was unsere Kunden sagen: Ehrliche Bewertungen, die überzeugen"
            description="Ihre Zufriedenheit ist unser größter Antrieb. Lesen Sie authentische Kundenstimmen und erfahren Sie, warum Rümpel Fix Lippe die erste Wahl für Entrümpelungen in Bad Salzuflen ist."
            kpis={[
              { value: "10+", label: "Jahre Erfahrung" },
              { value: "1000+", label: "Zufriedene Kunden" },
              { value: "100%", label: "Umweltgerecht" },
            ]}
            enableKpiAnimation={false}
            buttons={[{ text: "Jetzt Angebot anfordern", href: "/kontakt" }]}
            imageSrc="http://img.b2bpic.net/free-photo/happy-family-buying-new-house-real-estate-agent_23-2147787869.jpg?_wi=1"
            imageAlt="Zufriedener Kunde mit Rümpel Fix Lippe Team"
            mediaAnimation="none"
          />
        </div>

        <div id="reviews" data-section="reviews">
          <TestimonialCardTwo
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            carouselMode="buttons"
            testimonials={[
              { id: "1", name: "Anna Schmidt", role: "Privatkundin", testimonial: "Rümpel Fix Lippe hat meine Haushaltsauflösung in Bad Salzuflen schnell und diskret erledigt. Ich bin begeistert von der Professionalität!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271994.jpg?_wi=1", imageAlt: "Anna Schmidt" },
              { id: "2", name: "Max Meier", role: "Geschäftskunde", testimonial: "Top Service! Die Entrümpelung unserer Büroräume verlief reibungslos und termingerecht. Absolut empfehlenswert.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg?_wi=1", imageAlt: "Max Meier" },
              { id: "3", name: "Sophie Weber", role: "Immobilienmaklerin", testimonial: "Als Maklerin arbeite ich regelmäßig mit Rümpel Fix Lippe zusammen. Immer zuverlässig und die Objekte sind besenrein. Perfekt!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-poses-background-white-studio-holding-advertising-banner_114579-92507.jpg?_wi=1", imageAlt: "Sophie Weber" },
              { id: "4", name: "Julian Becker", role: "Privatkunde", testimonial: "Der Sperrmüll wurde pünktlich abgeholt und das Team war super freundlich. Gerne wieder!", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-holds-chin-looks-up_141793-103938.jpg?_wi=1", imageAlt: "Julian Becker" },
            ]}
            title="Was unsere Kunden sagen"
            description="Vertrauen Sie auf ehrliche Meinungen – unsere Google-Bewertungen sprechen für sich. Ihre Zufriedenheit ist unser größter Antrieb!"
            buttons={[
              { text: "Alle Bewertungen lesen", href: "/kundenbewertungen" },
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Kostenloses Angebot anfordern"
            description="Kontaktieren Sie uns noch heute für eine unverbindliche Beratung und ein individuelles Angebot. Wir freuen uns auf Ihre Anfrage!"
            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>
  );
}
