"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Calendar, Clock, Gauge, Leaf, Lightbulb } 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-1781109072418-yyosw3pe.jpg"
      logoAlt="ENA CONFORT Logo"
      button={{
        text: "Login Admin",        href: "/admin"}}
      animateOnLoad={true}
    />
  </div>

  <div id="ena-confort-hero" data-section="ena-confort-hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="ENA CONFORT - Service și Mentenanță Centrale Termice"
      description="Soluții complete pentru confortul termic al casei tale, cu un accent deosebit pe eficiență și fiabilitate."
      buttons={[
        {
          text: "Cere Ofertă",          href: "/ena-confort#ena-confort-contact"},
        {
          text: "Despre ENA CONFORT",          href: "/ena-confort#ena-confort-services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cozy-living-room-with-orange-sofa-natural-light_23-2152001394.jpg"
      imageAlt="ENA Confort modern home interior with smart heating"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",          alt: "Ana Popa"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",          alt: "Alexandru Mihai"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg",          alt: "Cristina Stoica"},
        {
          src: "http://img.b2bpic.net/free-photo/professionals-taking-selfie-close-up_23-2148336925.jpg",          alt: "Daniel Radu"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",          alt: "Laura Vasile"},
      ]}
      avatarText="Peste 500+ familii mulțumite"
      marqueeItems={[
        {
          type: "text-icon",          text: "Confort Termic",          icon: Gauge,
        },
        {
          type: "text-icon",          text: "Eficiență Energetică",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Soluții Personalizate",          icon: Lightbulb,
        },
        {
          type: "text-icon",          text: "Mentenanță Preventivă",          icon: Calendar,
        },
        {
          type: "text-icon",          text: "Intervenții Rapide",          icon: Clock,
        },
      ]}
    />
  </div>

  <div id="ena-confort-services" data-section="ena-confort-services">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Verificare",          title: "Revizii Periodice",          subtitle: "Pentru o funcționare fără griji",          description: "Verificări complete ale centralei pentru a preveni defecțiunile și a asigura eficiența energetică.",          imageSrc: "http://img.b2bpic.net/free-photo/technologist-with-grey-tablet-his-hands-make-set-up-production-line-while-standing-department-dairy-factory_645730-773.jpg",          imageAlt: "Periodic check icon"},
        {
          tag: "Reparații",          title: "Service Specializat",          subtitle: "Soluții rapide și eficiente",          description: "Diagnosticare și reparații profesionale pentru orice tip de centrală termică, cu piese de schimb originale.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615094.jpg",          imageAlt: "Specialized service tools"},
        {
          tag: "Prevenție",          title: "Contracte Mentenanță",          subtitle: "Confort garantat pe termen lung",          description: "Pachete personalizate de mentenanță anuală pentru a menține centrala în stare perfectă de funcționare.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-checking-freon-tank_482257-78533.jpg",          imageAlt: "Maintenance contract icon"},
        {
          tag: "Analiză",          title: "Diagnosticare Avansată",          subtitle: "Identificarea precisă a problemelor",          description: "Utilizăm tehnologii moderne pentru o diagnosticare rapidă și exactă, reducând timpul de intervenție.",          imageSrc: "http://img.b2bpic.net/free-photo/worker-production-department-make-set-up-line-while-standing-near-equipment-dairy-factory_645730-177.jpg",          imageAlt: "Advanced diagnostics screen"},
      ]}
      title="Servicii ENA CONFORT"
      description="Asigurăm funcționarea optimă a sistemului tău de încălzire printr-o gamă extinsă de servicii de mentenanță."
    />
  </div>

  <div id="ena-confort-contact" data-section="ena-confort-contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Contact ENA CONFORT"
      description="Pentru întrebări sau solicitări legate de serviciile ENA CONFORT, completează formularul."
      inputs={[
        {
          name: "nume",          type: "text",          placeholder: "Numele tău",          required: true,
        },
        {
          name: "telefon",          type: "tel",          placeholder: "Telefon",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Adresa de email",          required: true,
        },
      ]}
      textarea={{
        name: "mesaj",        placeholder: "Mesajul tău",        rows: 4,
        required: true,
      }}
      buttonText="Trimite Solicitarea"
      onSubmit={(data) => console.log('ENA Confort lead submitted:', { ...data, status: 'Nou', createdAt: new Date().toISOString() })}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148994130.jpg"
      imageAlt="Close up hands holding smartphone"
    />
  </div>

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