"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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Flame, Package, Star } 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="centrale-intro" data-section="centrale-intro">
      <AboutMetric
      useInvertedBackground={false}
      title="Centrale Termice - Soluții pentru Confortul Tău"
      metrics={[
        {
          icon: Flame,
          label: "Eficiență",          value: "Energetică"},
        {
          icon: Package,
          label: "Branduri",          value: "Top"},
        {
          icon: Star,
          label: "Fiabilitate",          value: "Maximă"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="centrale-produse" data-section="centrale-produse">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "ariston-prod-1",          brand: "Ariston",          name: "Centrală Termică Condensare GENUS ONE",          price: "Cere Ofertă",          rating: 5,
          reviewCount: "200+",          imageSrc: "http://img.b2bpic.net/free-photo/powerbank-yellow-notepad-with-pen_140725-8761.jpg",          imageAlt: "Ariston Genus One condensing boiler"},
        {
          id: "ariston-prod-2",          brand: "Ariston",          name: "Boiler Electric PRO1 R 80L",          price: "Cere Ofertă",          rating: 4,
          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design-style_23-2150700334.jpg",          imageAlt: "Ariston PRO1 R electric boiler"},
        {
          id: "ariston-prod-3",          brand: "Ariston",          name: "Termostat Ambiental CUBE S NET",          price: "Cere Ofertă",          rating: 5,
          reviewCount: "100+",          imageSrc: "http://img.b2bpic.net/free-photo/executives-investors-photovoltaics-plant-analyzing-market-trends_482257-120507.jpg",          imageAlt: "Ariston Cube S Net thermostat"},
        {
          id: "motan-prod-1",          brand: "Motan",          name: "Centrală Termică Condensare KESTIA",          price: "Cere Ofertă",          rating: 5,
          reviewCount: "280+",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-getting-warm-near-heater_23-2149395807.jpg",          imageAlt: "Motan Kestia condensing boiler"},
        {
          id: "motan-prod-2",          brand: "Motan",          name: "Boiler Motan Maxi",          price: "Cere Ofertă",          rating: 4,
          reviewCount: "80+",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281307.jpg",          imageAlt: "Motan Maxi boiler"},
        {
          id: "motan-prod-3",          brand: "Motan",          name: "Kit Filtrare Magnetică Centrală",          price: "Cere Ofertă",          rating: 4,
          reviewCount: "60+",          imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6625.jpg",          imageAlt: "Motan magnetic filter kit"},
      ]}
      title="Centrale Termice Ariston & Motan"
      description="Alege modelul potrivit nevoilor tale, de la centrale în condensare la boilere electrice și accesorii inteligente."
    />
  </div>

  <div id="formular-oferta" data-section="formular-oferta">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Cere Ofertă Personalizată"
      description="Completează formularul și te vom contacta cu o ofertă adaptată nevoilor tale."
      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,
        },
        {
          name: "produsSelectat",          type: "text",          placeholder: "Produsul dorit (ex: Centrală Ariston Genus One)",          required: true,
        },
      ]}
      textarea={{
        name: "mesaj",        placeholder: "Detalii suplimentare pentru ofertă",        rows: 4,
        required: false,
      }}
      buttonText="Trimite Cererea"
      onSubmit={(data) => console.log('Offer request form submitted:', { ...data, status: 'Nou', createdAt: new Date().toISOString() })}
      imageSrc="http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51929.jpg"
      imageAlt="Modern autonomous heating system in the boiler room"
    />
  </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>
  );
}