"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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Calendar, DollarSign, MessageSquare, Users, Wrench } from "lucide-react";

export default function InterventiiPage() {
  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="feature" data-section="feature">
          <FeatureCardNineteen
            textboxLayout="default"
            useInvertedBackground={false}
            title="Servicii de Intervenții Rapide"
            description="Răspuns prompt la orice urgență legată de instalațiile termice."
            features={[
              {
                tag: "Urgențe",                title: "Intervenții Non-Stop",                subtitle: "Disponibili 24/7",                description: "Echipa noastră este pregătită să intervină rapid, la orice oră, pentru a rezolva defecțiunile.",                imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24154.jpg",                imageAlt: "Tehnician în intervenție"
              },
              {
                tag: "Eficiență",                title: "Diagnosticare Rapidă",                subtitle: "Identificăm problema eficient",                description: "Utilizăm echipamente moderne pentru a localiza și remedia rapid cauza defecțiunilor.",                imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-machine-scanning_23-2149341559.jpg",                imageAlt: "Diagnosticare tehnică"
              },
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <AboutMetric
            useInvertedBackground={false}
            title="Statistici Intervenții"
            metrics={[
              {
                icon: Calendar,
                label: "Intervenții Finalizate (lună)",                value: "95+"
              },
              {
                icon: Wrench,
                label: "Răspuns Mediu (ore)",                value: "<2"
              },
              {
                icon: Users,
                label: "Clienți Asistați",                value: "50+"
              },
              {
                icon: MessageSquare,
                label: "Feedback Pozitiv",                value: "98%"
              }
            ]}
            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>
  );
}
