"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Home, Phone, Users, Recycle, Clock, MapPin } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function HomePage() {
  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="hero" data-section="hero">
          <HeroSplitKpi
            title="Rümpel Fix Lippe: Ihr Experte für Entrümpelung und Haushaltsauflösung"
            description="Wir bieten professionelle, schnelle und diskrete Lösungen für Entrümpelungen, Haushaltsauflösungen und Sperrmüllabholung im Kreis Lippe und Umgebung."
            background={{ variant: "glowing-orb" }}
            enableKpiAnimation={true}
            kpis={[
              { value: "10+", label: "Jahre Erfahrung" },
              { value: "500+", label: "Erfolgreiche Projekte" },
              { value: "98%", label: "Zufriedene Kunden" }
            ]}
            buttons={[
              { text: "Jetzt Angebot anfordern", href: "/kontakt" },
              { text: "Unsere Leistungen", href: "/dienstleistungen" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/senior-caucasian-woman-sitting-floor-with-boxes-new-apartment-talking-phone_637285-8025.jpg"
            imageAlt="Zufriedener Kunde nach der Entrümpelung"
            mediaAnimation="slide-up"
            imagePosition="right"
          />
        </div>

        <div id="key-services" data-section="key-services">
          <FeatureCardEight
            textboxLayout="default"
            useInvertedBackground={true}
            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.", 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.", 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.", imageSrc: "http://img.b2bpic.net/free-photo/rubbish-collection_23-2148869805.jpg", imageAlt: "Sperrmüllabholung" }
            ]}
            title="Unsere Kernleistungen"
            description="Von der Haushaltsauflösung bis zur Sperrmüllabholung – wir sind Ihr zuverlässiger Partner."
            animationType="slide-up"
          />
        </div>

        <div id="testimonials-home" data-section="testimonials-home">
          <TestimonialCardTwo
            textboxLayout="default"
            useInvertedBackground={false}
            animationType="slide-up"
            testimonials={[
              { id: "1", name: "Sarah M.", role: "Kundin aus Detmold", testimonial: "Rümpel Fix Lippe hat bei unserer Haushaltsauflösung hervorragende Arbeit geleistet. Schnell, sauber und sehr diskret. Absolut empfehlenswert!", imageSrc: "https://randomuser.me/api/portraits/women/1.jpg", imageAlt: "Portrait von Sarah M." },
              { id: "2", name: "Thomas K.", role: "Immobilienmakler aus Paderborn", testimonial: "Ich arbeite regelmäßig mit Rümpel Fix Lippe zusammen. Die Professionalität und Zuverlässigkeit sind beeindruckend. Immer wieder gerne!", imageSrc: "https://randomuser.me/api/portraits/men/2.jpg", imageAlt: "Portrait von Thomas K." },
              { id: "3", name: "Julia B.", role: "Seniorenhaushalt aus Bielefeld", testimonial: "Die Entrümpelung unserer Garage war eine riesige Erleichterung. Das Team war sehr freundlich und hat alles perfekt organisiert.", imageSrc: "https://randomuser.me/api/portraits/women/3.jpg", imageAlt: "Portrait von Julia B." }
            ]}
            title="Was unsere Kunden sagen"
            description="Vertrauen Sie auf die positiven Erfahrungen unserer zufriedenen Kunden."
          />
        </div>

        <div id="social-proof" data-section="social-proof">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={true}
            title="Unsere Partner & zufriedene Kunden"
            description="Wir arbeiten mit verschiedenen lokalen Unternehmen zusammen und sind stolz auf unsere starken Partnerschaften."
            logos={[
              "https://img.logoipsum.com/280.svg",              "https://img.logoipsum.com/281.svg",              "https://img.logoipsum.com/282.svg",              "https://img.logoipsum.com/283.svg",              "https://img.logoipsum.com/284.svg"
            ]}
            names={["Partner A", "Partner B", "Partner C", "Partner D", "Partner E"]}
            speed={40}
            showCard={true}
          />
        </div>

        <div id="contact-home" data-section="contact-home">
          <ContactSplitForm
            textboxLayout="default"
            useInvertedBackground={false}
            imageSrc="http://img.b2bpic.net/free-photo/contact-us-customer-service-concept-man-hand-holding-smart-phone-with-keyboard-icon_616488-875.jpg"
            imageAlt="Kontakt aufnehmen"
            mediaAnimation="slide-up"
            title="Kontaktieren Sie uns noch heute!"
            description="Haben Sie Fragen oder möchten Sie 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", required: true },
              { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" }
            ]}
            textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
            buttonText="Nachricht senden"
            onSubmit={(data) => console.log(data)}
          />
        </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>
  );
}
