"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, BookOpen, Briefcase, Building, CheckCircle, Cog, Gauge, HelpCircle, Mail, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",          id: "#home"},
        {
          name: "Servicios",          id: "#services"},
        {
          name: "Maquinaria",          id: "#machinery"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="Sillue e Hijos"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Sillue e Hijos: Maestros en Movimiento de Tierras y Excavaciones"
      description="Transformamos el terreno con precisión técnica y la flota más avanzada. Su proyecto, nuestra infraestructura."
      tag="Expertos en Construcción"
      tagIcon={Building}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Nuestros Servicios",          href: "#services"},
        {
          text: "Alquiler de Maquinaria",          href: "#machinery"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307765.jpg"
      imageAlt="Excavadora trabajando en un sitio de construcción al amanecer"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",          alt: "Hombre profesional sonriente"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-architect-close-up_23-2148243014.jpg",          alt: "Obrero de construcción sonriente"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-waist-construction-uniform-looking-happy_176474-83919.jpg",          alt: "Ingeniero con chaleco de seguridad"},
        {
          src: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",          alt: "Gerente de proyecto confiado"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",          alt: "Miembro experimentado del equipo"},
      ]}
      avatarText="+20 profesionales cualificados"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Movimiento de Suelos",          description: "Preparación y nivelación de terrenos con topografía de alta precisión para cualquier tipo de proyecto.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210975.jpg",          imageAlt: "Vista aérea de terreno nivelado"},
        {
          title: "Excavaciones de Gran Escala",          description: "Desde zanjas hasta sótanos, realizamos excavaciones complejas con ingeniería y seguridad avanzadas.",          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg",          imageAlt: "Excavación profunda en sitio de construcción"},
        {
          title: "Alquiler de Maquinaria Pesada",          description: "Disponemos de una amplia flota de equipos modernos, con o sin operador, para adaptarse a sus necesidades.",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-adventure-time-with-off-road-vehicle-rough-terrain_23-2151476274.jpg",          imageAlt: "Variedad de maquinaria pesada en fila"},
      ]}
      title="Nuestros Servicios: Precisión y Eficiencia"
      description="Ofrecemos soluciones integrales para cualquier desafío de movimiento de tierras y construcción."
      tag="Servicios Especializados"
      tagIcon={Cog}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "exp",          value: "+20",          title: "Años de Experiencia",          description: "Liderando el sector con conocimiento y visión.",          icon: Gauge,
        },
        {
          id: "projects",          value: "480+",          title: "Proyectos Completados",          description: "Un legado de obras exitosas y clientes satisfechos.",          icon: Award,
        },
        {
          id: "satisfaction",          value: "98%",          title: "Satisfacción del Cliente",          description: "Nuestro compromiso con la calidad y el servicio excepcional.",          icon: CheckCircle,
        },
      ]}
      title="Más de Dos Décadas de Liderazgo"
      description="Nuestra trayectoria habla por sí misma, forjando confianza y excelencia en cada proyecto."
      tag="Nuestra Historia"
      tagIcon={BookOpen}
    />
  </div>

  <div id="machinery" data-section="machinery">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={true}
      products={[
        {
          id: "excavator",          name: "Excavadoras Hidráulicas",          price: "Desde $500/día",          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307785.jpg",          imageAlt: "Excavadora hidráulica de gran tamaño"},
        {
          id: "bulldozer",          name: "Bulldozers de Alta Capacidad",          price: "Desde $650/día",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-tractor-snowy-weather_627829-12168.jpg",          imageAlt: "Bulldozer con pala frontal"},
        {
          id: "loader",          name: "Cargadoras Frontales",          price: "Desde $400/día",          imageSrc: "http://img.b2bpic.net/free-photo/geometric-facade-modern-building_23-2151966494.jpg",          imageAlt: "Cargadora frontal con balde grande"},
        {
          id: "dump-truck",          name: "Camiones Volquete",          price: "Desde $300/día",          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14145.jpg",          imageAlt: "Camión volquete articulado"},
        {
          id: "grader",          name: "Motoniveladoras",          price: "Desde $550/día",          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-grayscale-shot-road-beautiful-landscape_181624-28638.jpg",          imageAlt: "Motoniveladora en obra"},
        {
          id: "compactor",          name: "Compactadoras",          price: "Desde $350/día",          imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307753.jpg",          imageAlt: "Compactadora de rodillo vibratorio"},
      ]}
      title="Nuestra Flota: Innovación y Potencia"
      description="Maquinaria de última generación para garantizar la máxima eficiencia en cada tarea."
      tag="Tecnología en Equipo"
      tagIcon={Wrench}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Constructora A",        "Ingeniería B",        "Desarrollos C",        "Urbanismo D",        "Arquitectura E",        "Grupo F",        "Consorcio G"]}
      title="Nuestros Socios Estratégicos"
      description="Trabajamos con empresas líderes para construir el futuro de la infraestructura."
      tag="Confianza y Colaboración"
      tagIcon={Briefcase}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Ing. Martín Gómez",          role: "Director de Proyectos",          company: "Constructora Urbis",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-engineer_23-2148233726.jpg",          imageAlt: "Retrato de Ing. Martín Gómez"},
        {
          id: "2",          name: "Arq. Sofía Pérez",          role: "Jefa de Obra",          company: "Estudio Arquitectónico",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",          imageAlt: "Retrato de Arq. Sofía Pérez"},
        {
          id: "3",          name: "Lic. Elena Rojas",          role: "Desarrolladora Inmobiliaria",          company: "Grupo Nova",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",          imageAlt: "Retrato de Lic. Elena Rojas"},
        {
          id: "4",          name: "Sr. Carlos Díaz",          role: "Gerente General",          company: "Logística Integral",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",          imageAlt: "Retrato de Sr. Carlos Díaz"},
        {
          id: "5",          name: "Dra. Ana Torres",          role: "Directora de Infraestructura Pública",          company: "Municipalidad X",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-lady-planning-her-day_1098-21469.jpg",          imageAlt: "Retrato de Dra. Ana Torres"},
      ]}
      kpiItems={[
        {
          value: "+500",          label: "Proyectos"},
        {
          value: "20+",          label: "Años"},
        {
          value: "99%",          label: "Calidad"},
      ]}
      title="Voces de Nuestros Clientes"
      description="La satisfacción y el éxito de sus proyectos son nuestro mayor aval. Conozca sus experiencias."
      tag="Casos de Éxito"
      tagIcon={Users}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "¿Qué tipos de proyectos manejan?",          content: "Trabajamos en una amplia gama de proyectos, desde pequeñas excavaciones residenciales hasta grandes movimientos de tierra industriales y de infraestructura."},
        {
          id: "2",          title: "¿Ofrecen alquiler de maquinaria con operador?",          content: "Sí, ofrecemos la opción de alquilar nuestra maquinaria con operadores altamente cualificados y experimentados para asegurar la eficiencia y seguridad en su obra."},
        {
          id: "3",          title: "¿Cómo puedo solicitar un presupuesto?",          content: "Puede solicitar un presupuesto a través de nuestro formulario de contacto en esta misma página, o llamando directamente a nuestros números de teléfono."},
        {
          id: "4",          title: "¿Cuentan con seguros y licencias?",          content: "Absolutamente. Sillue e Hijos opera con todas las licencias y seguros requeridos por la normativa vigente, garantizando la tranquilidad de nuestros clientes."},
        {
          id: "5",          title: "¿Qué zonas geográficas cubren?",          content: "Principalmente operamos en la región X y zonas aledañas, pero estamos abiertos a evaluar proyectos en otras ubicaciones. Contáctenos para más detalles."},
        {
          id: "6",          title: "¿Cuál es su política de mantenimiento de maquinaria?",          content: "Nuestra maquinaria es sometida a un riguroso programa de mantenimiento preventivo y correctivo para asegurar su óptimo funcionamiento y seguridad en todo momento."},
      ]}
      title="Preguntas Frecuentes"
      description="Encuentre respuestas rápidas a sus dudas sobre nuestros servicios y operaciones."
      tag="Soporte"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Contáctenos"
      title="Hablemos de Su Próximo Proyecto"
      description="Estamos listos para escuchar sus necesidades y ofrecerle las mejores soluciones. Envíenos un mensaje."
      tagIcon={Mail}
      imageSrc="http://img.b2bpic.net/free-photo/windows-business-building_1339-6977.jpg"
      imageAlt="Edificio corporativo moderno con reflejos de construcción"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Su correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en 'Enviar Mensaje', confirma que está de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/couple-love-icon_1025-540.jpg"
      logoAlt="Logo Sillue e Hijos"
      logoText="Sillue e Hijos"
      columns={[
        {
          title: "Empresa",          items: [
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Historia",              href: "#metrics"},
            {
              label: "Clientes",              href: "#social-proof"},
          ],
        },
        {
          title: "Servicios",          items: [
            {
              label: "Movimiento de Suelos",              href: "#services"},
            {
              label: "Excavaciones",              href: "#services"},
            {
              label: "Alquiler de Maquinaria",              href: "#machinery"},
          ],
        },
        {
          title: "Contacto",          items: [
            {
              label: "Solicitar Presupuesto",              href: "#contact"},
            {
              label: "Soporte",              href: "#faq"},
            {
              label: "info@sillueehijos.com",              href: "mailto:info@sillueehijos.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Sillue e Hijos. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
