"use client";

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

export default function ProgramareVTPPage() {
  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="Programează Verificarea Tehnică Periodică (VTP)"
            description="Asigură siguranța și eficiența centralei tale termice cu o programare rapidă și simplă."
            background={{ variant: "radial-gradient" }}
            kpis={[
              { value: "Rapid", label: "Programare Online" },
              { value: "Sigur", label: "Tehnicieni Certificați" },
              { value: "Eficient", label: "Servicii Complete" }
            ]}
            enableKpiAnimation={true}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png"
            imageAlt="Tehnician verificând o centrală termică"
            mediaAnimation="slide-up"
            buttons={[
              { text: "Programează Acum", href: "/programare-vtp#formular" },
              { text: "Află Mai Multe", href: "/#about" }
            ]}
            tag="VTP Esențial"
          />
        </div>

        <div id="feature" data-section="feature">
          <FeatureCardNineteen
            textboxLayout="default"
            useInvertedBackground={false}
            title="Beneficiile Verificării Periodice"
            description="De ce este important să-ți verifici centrala termică anual."
            features={[
              {
                tag: "Siguranță",                title: "Prevenirea Accidentelor",                subtitle: "Evită riscurile",                description: "Verificările periodice identifică și remediază potențialele defecțiuni care pot duce la scurgeri de gaze sau intoxicații cu monoxid de carbon.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Prevenirea Accidentelor"
              },
              {
                tag: "Economie",                title: "Reducerea Costurilor",                subtitle: "Eficiență energetică sporită",                description: "O centrală bine întreținută consumă mai puțin gaz, reducând facturile lunare și prelungind durata de viață a echipamentului.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Reducerea Costurilor"
              },
              {
                tag: "Conformitate",                title: "Respectarea Legislației",                subtitle: "Obligatoriu legal",                description: "Legea impune verificarea tehnică periodică la fiecare 2 ani pentru siguranța ta și a celor din jur.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ex8KOdTiKTo6wVU9IBbBzQFXCf/uploaded-1781109156637-p7l2y77k.png",                imageAlt: "Respectarea Legislației"
              }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <AboutMetric
            useInvertedBackground={false}
            title="Ce Include Verificarea VTP?"
            metrics={[
              {
                icon: Wrench,
                label: "Verificarea Componentelor",                value: "Detalii"},
              {
                icon: DollarSign,
                label: "Testare Etanșeitate",                value: "Test"},
              {
                icon: Users,
                label: "Analiza Gazelor Arse",                value: "Analiză"},
              {
                icon: MessageSquare,
                label: "Reglaje Optime",                value: "Reglaj"},
            ]}
            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>
  );
}
