"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Acasă", id: "/" },
              { name: "Programare VTP", id: "/programare-vtp" },
              { name: "Intervenții", id: "/interventii" },
              { name: "Centrale Termice", id: "/centrale-termice" },
              { name: "ENA CONFORT", id: "/ena-confort" },
              { name: "Contact", id: "/#contact" }
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
            logoAlt="ENA INSTAL Logo"
            button={{ text: "Login Admin", href: "/admin" }}
            animateOnLoad={true}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitKpi
            title="ENA INSTAL: Soluții Profesionale pentru Instalații Termice"
            description="Experți în centrale termice, programări VTP și intervenții rapide. Confort și siguranță pentru casa ta."
            background={{ variant: "radial-gradient" }}
            kpis={[
              { value: "15+", label: "Ani Experiență" },
              { value: "5000+", label: "Clienți Satisfăcuți" },
              { value: "24/7", label: "Suport Urgent" }
            ]}
            enableKpiAnimation={true}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png"
            imageAlt="Tehnician instalator verificând o centrală termică"
            mediaAnimation="slide-up"
            buttons={[
              { text: "Programează un VTP", href: "/programare-vtp" },
              { text: "Solicită o Intervenție", href: "/interventii" }
            ]}
            tag="Servicii Complete"
          />
        </div>

        <div id="feature" data-section="feature">
          <FeatureCardNineteen
            textboxLayout="default"
            useInvertedBackground={false}
            title="De ce să Alegi ENA INSTAL?"
            description="Ne dedicăm excelenței în fiecare serviciu oferit."
            features={[
              {
                tag: "Calitate",                title: "Echipă Certificată",                subtitle: "Profesioniști cu experiență",                description: "Tehnicienii noștri sunt autorizați și instruiți continuu, garantând servicii de cea mai bună calitate.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Echipă de tehnicieni"
              },
              {
                tag: "Rapiditate",                title: "Intervenții Rapide",                subtitle: "Soluții prompte la probleme",                description: "Garantăm răspuns rapid pentru urgențe și programări, minimizând disconfortul și riscurile.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Ceas rapiditate"
              },
              {
                tag: "Siguranță",                title: "Verificări Periodice",                subtitle: "Asigură funcționarea optimă",                description: "Oferim servicii de Verificare Tehnică Periodică (VTP) esențiale pentru siguranța și eficiența instalației tale.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Verificare siguranță"
              }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <AboutMetric
            useInvertedBackground={false}
            title="Despre ENA INSTAL"
            metrics={[
              {
                icon: Calendar,
                label: "Proiecte Finalizate",                value: "1000+"
              },
              {
                icon: Wrench,
                label: "Servicii Oferite",                value: "3000+"
              },
              {
                icon: Users,
                label: "Clienți Fidei",                value: "500+"
              },
              {
                icon: DollarSign,
                label: "Investiții Tehnologice",                value: "Constant"
              },
              {
                icon: MessageSquare,
                label: "Rating Mediu",                value: "4.9/5"
              }
            ]}
            metricsAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoReveal
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109072417-wp3t2fav.jpg"
            logoAlt="ENA INSTAL Logo"
            logoText="ENA INSTAL"
            leftLink={{ text: "Confidentialitate", href: "#" }}
            rightLink={{ text: "Termeni și Condiții", href: "#" }}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
