"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { CalendarCheck, Gauge, Timer } 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",
        },
      ]}
      brandName="ENA INSTAL"
      button={{
        text: "Login Admin",
        href: "/admin",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="vtp-intro" data-section="vtp-intro">
      <AboutMetric
      useInvertedBackground={false}
      title="Programare Verificare Tehnică Periodică (VTP)"
      metrics={[
        {
          icon: Gauge,
          label: "Siguranță",
          value: "Maximizată",
        },
        {
          icon: Timer,
          label: "Timp Răspuns",
          value: "Rapid",
        },
        {
          icon: CalendarCheck,
          label: "Ușor de Programat",
          value: "Online",
        },
      ]}
      metricsAnimation="slide-up"
      description="Asigură-te că centrala ta termică funcționează la parametri optimi și în conformitate cu normele de siguranță. Completează formularul pentru a programa o verificare tehnică periodică (VTP)."
    />
  </div>

  <div id="vtp-form" data-section="vtp-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Completează Detaliile Programării"
      description="Un tehnician ENA INSTAL te va contacta în cel mai scurt timp pentru a confirma programarea."
      inputs={[
        {
          name: "nume",
          type: "text",
          placeholder: "Nume",
          required: true,
        },
        {
          name: "prenume",
          type: "text",
          placeholder: "Prenume",
          required: true,
        },
        {
          name: "telefon",
          type: "tel",
          placeholder: "Telefon",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email",
          required: true,
        },
        {
          name: "adresa",
          type: "text",
          placeholder: "Adresă completă",
          required: true,
        },
        {
          name: "localitate",
          type: "text",
          placeholder: "Localitate",
          required: true,
        },
        {
          name: "tipCentrala",
          type: "text",
          placeholder: "Tip Centrală (ex: Condensare)",
          required: true,
        },
        {
          name: "marca",
          type: "text",
          placeholder: "Marcă Centrală (ex: Ariston)",
          required: true,
        },
        {
          name: "dataProgramare",
          type: "date",
          placeholder: "Data dorită",
          required: true,
        },
      ]}
      textarea={{
        name: "observatii",
        placeholder: "Observații (detalii suplimentare)",
        rows: 3,
        required: false,
      }}
      buttonText="Trimite Programarea"
      onSubmit={(data) => console.log('VTP programare submitted:', { ...data, status: 'Nou', createdAt: new Date().toISOString() })}
      imageSrc="http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26529.jpg"
      imageAlt="Service man adjusting house heating system"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ENA INSTAL"
      leftLink={{
        text: "Confidentialitate",
        href: "#",
      }}
      rightLink={{
        text: "Termeni și Condiții",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
