"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Clock, Cog, Gauge, Home, Lightbulb, Phone, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Startseite",          id: "/"},
        {
          name: "Leistungen",          id: "/leistungen"},
        {
          name: "Über uns",          id: "/ueber-uns"},
        {
          name: "Kontakt",          id: "/kontakt"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024916.jpg"
      logoAlt="EAP Elektroservice Logo"
      brandName="EAP Elektroservice"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-animated"}}
      title="Kein Konzern – echte Handwerker aus Königswinter!"
      description="Wir sind EAP Elektroservice: Ihr lokaler Partner für sichere Elektroinstallationen, schnelle Hilfe bei Störungen und top Service – für Familien und Unternehmen hier in Königswinter."
      kpis={[
        {
          value: "Schnelle",          label: "Reaktionszeit"},
        {
          value: "Professionelle",          label: "Ausführung"},
        {
          value: "Königswinter",          label: "& Umgebung"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Jetzt anrufen →",          href: "tel:022449047654"},
        {
          text: "Leistungen entdecken",          href: "/leistungen"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5516.jpg"
      imageAlt="Elektriker bei der Arbeit"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Schneller Service",          icon: Zap,
        },
        {
          type: "text-icon",          text: "Garantierte Qualität",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Innovative Lösungen",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Lokal & Nah",          icon: Home,
        },
        {
          type: "text-icon",          text: "Professionelle Ausführung",          icon: Wrench,
        },
      ]}
    />
  </div>

  <div id="cta-startseite" data-section="cta-startseite">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="Jetzt Termin vereinbaren"
      description="Melden Sie sich einfach bei uns! Wir sind für Sie da – für ein unverbindliches Gespräch oder schnelle Hilfe."
      kpis={[
        {
          value: "100%",          label: "Zufriedenheit"},
        {
          value: "24/7",          label: "Verfügbar"},
        {
          value: "Top",          label: "Bewertungen"},
      ]}
      enableKpiAnimation={false}
      buttons={[
        {
          text: "02244 9047654 – Jetzt anrufen →",          href: "tel:022449047654"},
      ]}
      buttonAnimation="slide-up"
      mediaAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53652.jpg"
      imageAlt="Male electrician working in a switchboard with fuses"
      marqueeItems={[
        {
          type: "text-icon",          text: "Geringe Wartezeiten",          icon: Gauge,
        },
        {
          type: "text-icon",          text: "Erfahrenes Team",          icon: Cog,
        },
        {
          type: "text-icon",          text: "Direkter Kontakt",          icon: Phone,
        },
        {
          type: "text-icon",          text: "Schnelle Terminvergabe",          icon: Clock,
        },
        {
          type: "text-icon",          text: "Kostenlose Beratung",          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="leistungen" data-section="leistungen">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Elektroinstallation",          description: "Neuinstallationen und Erweiterungen für Privat und Gewerbe.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-electrical-component-setup-cable-connection_169016-68438.jpg",          imageAlt: "Elektriker installiert Steckdose"},
        {
          title: "Entstörung & Reparatur",          description: "Schnelle Hilfe bei Störungen und elektrischen Defekten.",          imageSrc: undefined,
        },
        {
          title: "Beleuchtungstechnik",          description: "Moderne Beleuchtungslösungen für jeden Bereich.",          imageSrc: undefined,
        },
        {
          title: "Hausanschlüsse",          description: "Fachgerechte Installation von Hausanschlüssen aller Art.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-connecting-wires-work-inside-panel-engineer-with-tool_169016-68074.jpg",          imageAlt: "Installation eines Hausanschlusses"},
      ]}
      title="Unsere Leistungen"
      description="Von der Neuinstallation bis zur Wartung – wir sind Ihr Partner für sichere und moderne Elektroanlagen."
    />
  </div>

  <div id="warum-wir" data-section="warum-wir">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Zuverlässigkeit",          description: "Pünktlich, sauber und professionell ausgeführt.",          imageSrc: undefined,
        },
        {
          title: "Erfahrung",          description: "Jahrelange Erfahrung im Elektrohandwerk.",          imageSrc: undefined,
        },
        {
          title: "Faire Preise",          description: "Transparent, keine versteckten Kosten.",          imageSrc: undefined,
        },
      ]}
      title="Warum die EAP Elektriker wählen?"
      description="Hier in Königswinter sind wir Ihre Nachbarn. Wir stehen für faire Preise, pünktliche Arbeit und höchste Qualität – weil uns Ihre Zufriedenheit am Herzen liegt."
    />
  </div>

  <div id="stats" data-section="stats">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "100%",          title: "Kundenzufriedenheit",          items: [],
        },
        {
          id: "m2",          value: "24h",          title: "Reaktionszeit",          items: [],
        },
        {
          id: "m3",          value: "0€",          title: "Versteckte Kosten",          items: [],
        },
        {
          id: "m4",          value: "10+",          title: "Jahre Erfahrung",          items: [],
        },
      ]}
      title="Unsere Zahlen sprechen für sich"
      description="Vertrauen Sie auf Erfahrung und Transparenz, die sich in unserer Arbeit widerspiegeln."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "Exzellenter Service",          quote: "Schnell, zuverlässig und fair. Gerne wieder! 5 Sterne für EAP Elektroservice.",          name: "Michael S.",          role: "Königswinter",          imageSrc: undefined,
        },
        {
          id: "t2",          title: "Immer pünktlich",          quote: "Endlich ein Elektriker der pünktlich kommt und faire Preise hat. Absolut empfehlenswert.",          name: "Familie Becker",          role: "Bonn",          imageSrc: undefined,
        },
        {
          id: "t3",          title: "Professionelle Ausführung",          quote: "Professionelle Ausführung von Anfang bis Ende. Top! Wir sind sehr zufrieden.",          name: "Andreas K.",          role: "Bad Honnef",          imageSrc: undefined,
        },
        {
          id: "t4",          title: "Schnelle Hilfe",          quote: "Wir brauchten schnell Hilfe und EAP Elektroservice war sofort zur Stelle. Kompetent und freundlich.",          name: "Sabine L.",          role: "Siegburg",          imageSrc: undefined,
        },
        {
          id: "t5",          title: "Top Qualität",          quote: "Die Installation wurde sauber und nach höchsten Standards durchgeführt. EAP Elektroservice liefert Spitzenqualität.",          name: "Thomas G.",          role: "Bornheim",          imageSrc: undefined,
        },
      ]}
      title="Was unsere Nachbarn sagen..."
      description="Hören Sie, was die Menschen aus Königswinter und Umgebung über unsere Arbeit berichten. Ihre Zufriedenheit ist unser größtes Lob!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024916.jpg"
      logoText="EAP Elektroservice"
      columns={[
        {
          title: "Leistungen",          items: [
            {
              label: "Elektroinstallation",              href: "/leistungen#elektroinstallation"},
            {
              label: "Entstörung & Reparatur",              href: "/leistungen#entstoerung"},
            {
              label: "Beleuchtungstechnik",              href: "/leistungen#beleuchtung"},
            {
              label: "Hausanschlüsse",              href: "/leistungen#hausanschlusse"},
          ],
        },
        {
          title: "Unternehmen",          items: [
            {
              label: "Startseite",              href: "/"},
            {
              label: "Über uns",              href: "/ueber-uns"},
            {
              label: "Impressum",              href: "#"},
            {
              label: "Datenschutz",              href: "#"},
          ],
        },
        {
          title: "Kontakt",          items: [
            {
              label: "Kontaktformular",              href: "/kontakt"},
            {
              label: "Anrufen: 02244 9047654",              href: "tel:022449047654"},
            {
              label: "Am Schleifstein 13, 53639 Königswinter",              href: "https://www.google.com/maps/search/Am+Schleifstein+13,+53639+K%C3%B6nigswinter"},
          ],
        },
      ]}
      copyrightText="© 2026 EAP Elektroservice"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}