"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Inicio",          id: "#home"},
        {
          name: "Servicios",          id: "#services"},
        {
          name: "Sectores",          id: "#sectors"},
        {
          name: "Productos",          id: "#products"},
        {
          name: "Beneficios",          id: "#benefits"},
        {
          name: "Casos",          id: "#cases"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="ProcessAP Robotics"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-animated"}}
      title="Automatiza la limpieza y operaciones de tu negocio con robots inteligentes"
      description="Integración de robótica, IoT y software para hoteles, retail, hospitales e industria. Libera a tu equipo de tareas repetitivas y optimiza recursos."
      kpis={[
        {
          value: "+30%",          label: "Eficiencia Operativa"},
        {
          value: "-25%",          label: "Costes de Limpieza"},
        {
          value: "x2",          label: "Productividad"},
      ]}
      enableKpiAnimation={true}
      tag="Automatización Robótica"
      buttons={[
        {
          text: "Solicitar demo",          href: "#contact"},
        {
          text: "Ver soluciones",          href: "#solutions"},
        {
          text: "Calcular retorno (ROI)",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340089.jpg"
      imageAlt="Robot de limpieza autónomo en un lobby de hotel moderno"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",          alt: "Happy builder in hardhat"},
        {
          src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",          alt: "Technician optimizing data center equipment for maximum efficiency"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",          alt: "Portrait of manual worker"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg",          alt: "Portrait of tractor operator"},
        {
          src: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037151.jpg",          alt: "Designer using a 3d printer"},
      ]}
      avatarText="Más de 50 profesionales en robótica"
      marqueeItems={[
        {
          type: "text",          text: "Soporte 24/7"},
        {
          type: "text",          text: "Implementación Rápida"},
        {
          type: "text",          text: "Tecnología PUDU"},
        {
          type: "text",          text: "Integración Inteligente"},
        {
          type: "text",          text: "ROI Comprobado"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="services" data-section="services">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "¿Qué hace "},
        {
          type: "text",          content: "ProcessAP"},
        {
          type: "text",          content: "? Tu partner en automatización robótica."},
        {
          type: "text",          content: "ProcessAP es tu integrador de robótica y consultora de automatización. No fabricamos robots, sino que los implementamos y conectamos para optimizar tus operaciones. Nos centramos en tres pilares clave para asegurar una automatización real y efectiva en tu negocio."
        }
      ]}
      buttons={[
        {
          text: "Hablar con un especialista",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-device_23-2149311917.jpg"
      imageAlt="Diagrama de servicios de ProcessAP: Análisis, Selección, Integración y Soporte"
    />
  </div>

  <div id="sectors" data-section="sectors">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",          title: "Hoteles",          description: "Automatización de limpieza y logística interna para mejorar la experiencia del huésped y la eficiencia operativa.",          tag: "Hospitalidad",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111206.jpg",          imageAlt: "Robot de limpieza en un pasillo de hospital moderno"},
        {
          id: "s2",          title: "Supermercados & Retail",          description: "Optimización de la limpieza y apoyo en tareas logísticas para mantener las instalaciones impecables y el personal enfocado en el cliente.",          tag: "Comercio",          imageSrc: "http://img.b2bpic.net/free-photo/regular-human-job-performed-by-anthropomorphic-futuristic-robot_23-2151043477.jpg",          imageAlt: "Robot logístico en un pasillo de supermercado"},
        {
          id: "s3",          title: "Hospitales",          description: "Soluciones de limpieza autónoma que garantizan altos estándares de higiene y seguridad en entornos críticos.",          tag: "Salud",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologist-white-protective-uniform-holding-tablet-food-production-factory_342744-1226.jpg",          imageAlt: "Robot de limpieza en un pasillo de hospital moderno"},
        {
          id: "s4",          title: "Industria & Logística",          description: "Robots robustos para la limpieza de grandes superficies y el apoyo en la manipulación de cargas, aumentando la productividad.",          tag: "Producción",          imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189362.jpg",          imageAlt: "Robot industrial limpiando un almacén"},
      ]}
      title="Sectores clave que transformamos"
      description="Nuestras soluciones robóticas se adaptan a las necesidades específicas de diversos entornos, garantizando eficiencia y ahorro en cada sector."
      tag="Nuestros Mercados"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "pudu-cc1",          name: "PUDU CC1",          price: "Desde €15/día",          imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340041.jpg",          imageAlt: "Robot fregadora autónoma PUDU CC1",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
        {
          id: "pudu-mt1",          name: "PUDU MT1",          price: "Desde €25/día",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524381.jpg",          imageAlt: "Robot de limpieza industrial PUDU MT1",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
        {
          id: "pudu-sh1",          name: "PUDU SH1",          price: "Desde €10/día",          imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340024.jpg",          imageAlt: "Robot fregadora compacta PUDU SH1",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
        {
          id: "pudu-t1",          name: "PUDU T1 (Transporte)",          price: "Solicitar oferta",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-biorobots-concept_23-2149524384.jpg",          imageAlt: "Robot de transporte PUDU T1",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
        {
          id: "pudu-k1",          name: "PUDU K1 (Servicio)",          price: "Solicitar oferta",          imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340126.jpg",          imageAlt: "Robot de servicio PUDU K1",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
        {
          id: "pudu-l3",          name: "PUDU L3 (Logística)",          price: "Solicitar oferta",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-robotic-vacuum_23-2151108361.jpg",          imageAlt: "Robot logístico PUDU L3",          priceButtonProps: {
            text: "Más detalles",            href: "#contact"},
        },
      ]}
      title="Nuestra Gama de Robots PUDU"
      description="Ofrecemos una selección de robots PUDU líderes en el mercado, adaptados a cada necesidad operativa, desde limpieza hasta logística y servicio."
      tag="Soluciones Robóticas"
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "b1",          title: "Ahorro Operativo",          description: "Reduce significativamente los costes asociados a tareas manuales repetitivas y optimiza el uso de recursos.",          tag: "Eficiencia",          imageSrc: "http://img.b2bpic.net/free-photo/businessperson-s-hand-holding-graph-workplace_23-2147838597.jpg",          imageAlt: "Gráfico de eficiencia y ahorro de costes"},
        {
          id: "b2",          title: "Mayor Eficiencia",          description: "Garantiza una limpieza constante y procesos logísticos fluidos, mejorando la calidad y velocidad de tus operaciones.",          tag: "Productividad",          imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641481.jpg",          imageAlt: "Gráfico de eficiencia y ahorro de costes"},
        {
          id: "b3",          title: "Menos Dependencia de Personal",          description: "Libera a tu equipo para tareas de mayor valor, reduciendo la carga de trabajo físico y mejorando la satisfacción laboral.",          tag: "Innovación",          imageSrc: "http://img.b2bpic.net/free-photo/team-3d-characters-construction_1048-5034.jpg",          imageAlt: "Icono de menos dependencia de personal"},
        {
          id: "b4",          title: "Imagen Tecnológica",          description: "Moderniza la percepción de tu negocio, proyectando una imagen de vanguardia y compromiso con la innovación.",          tag: "Modernización",          imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083941.jpg",          imageAlt: "Icono de imagen tecnológica mejorada"},
      ]}
      title="Resolvemos tus principales desafíos operativos"
      description="Con ProcessAP, transformamos tus procesos repetitivos en operaciones eficientes y rentables, liberando el potencial de tu equipo."
      tag="Beneficios Clave"
    />
  </div>

  <div id="cases" data-section="cases">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Director de Hotel",          role: "Gerente de Operaciones",          company: "Grand Palace Hotels",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/robot-working-as-maid-instead-humans_23-2150912047.jpg",          imageAlt: "Robot de limpieza en un hotel"},
        {
          id: "t2",          name: "Gerente de Supermercado",          role: "Jefe de Tienda",          company: "FreshMart",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-shopping-with-mask-side-view_23-2149445539.jpg",          imageAlt: "Robot de limpieza en un supermercado"},
        {
          id: "t3",          name: "Responsable de Logística",          role: "Director de Almacén",          company: "Global LogisTech",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/drone-delivering-goods-city-autonomous-delivery-robot-business-air-transportation-concept_35913-2728.jpg",          imageAlt: "Robot logístico en un almacén"},
        {
          id: "t4",          name: "Administrador Hospitalario",          role: "Jefe de Servicios Generales",          company: "Clínica Vida",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/specialist-fitness-researcher-monitoring-endurance-controling-egk-sportwoman-with-mask-running-cross-trainer-physician-man-analyzing-heart-rate-medical-modern-laboratory-medicine-service_482257-27631.jpg",          imageAlt: "Robot de limpieza en un hospital"},
        {
          id: "t5",          name: "Gerente de Centro Comercial",          role: "Director de Operaciones",          company: "Mall del Sol",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-that-performs-regular-human-job_23-2151061712.jpg",          imageAlt: "Robot de limpieza en un centro comercial"},
      ]}
      kpiItems={[
        {
          value: "99%",          label: "Satisfacción Cliente"},
        {
          value: "+40%",          label: "Reducción Errores"},
        {
          value: "-30%",          label: "Tiempo de Tarea"},
      ]}
      title="Casos de Uso Reales"
      description="Descubre cómo ProcessAP Robotics ha transformado las operaciones de diversas empresas, ofreciendo soluciones efectivas y medibles."
      tag="Experiencias de Éxito"
    />
  </div>

  <div id="key-messages" data-section="key-messages">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Microsoft",        "Google",        "Apple",        "Amazon",        "Tesla",        "Samsung",        "IBM",        "Oracle",        "Siemens",        "Bosch"]}
      title="Líderes en Innovación Robótica"
      description="ProcessAP es tu partner en la evolución de la limpieza profesional y la automatización real. Confían en nosotros para liderar la transformación digital."
      tag="Nuestros Partners"
      showCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "m1",          name: "Juan García",          role: "CEO & Fundador",          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",          imageAlt: "Foto de Juan García"},
        {
          id: "m2",          name: "Ana López",          role: "Directora de Operaciones",          imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371890.jpg",          imageAlt: "Foto de Ana López"},
        {
          id: "m3",          name: "Carlos Ruíz",          role: "Ingeniero Principal de Robótica",          imageSrc: "http://img.b2bpic.net/free-photo/troubled-man-having-bladder-problem-need-toilet-standing-white-background_1258-113365.jpg",          imageAlt: "Foto de Carlos Ruíz"},
        {
          id: "m4",          name: "Sofía Pérez",          role: "Especialista en Integración",          imageSrc: "http://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151211053.jpg",          imageAlt: "Foto de Sofía Pérez"},
        {
          id: "m5",          name: "David Martínez",          role: "Técnico de Soporte",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",          imageAlt: "Foto de David Martínez"},
      ]}
      title="Nuestro Equipo de Expertos"
      description="En ProcessAP, somos un equipo de ingenieros y consultores apasionados por la robótica y la automatización. Nuestra filosofía se basa en la integración, ingeniería y soporte continuo para ofrecer soluciones reales."
      tag="Quiénes Somos"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ponte en Contacto"
      title="Transforma tu negocio con la robótica inteligente"
      description="Solicita una demo gratuita, calcula tu ahorro operativo o habla con un especialista. Estamos aquí para resolver tus dudas y encontrar la mejor solución."
      buttons={[
        {
          text: "Solicitar demo gratuita",          href: "mailto:info@processap.com"},
        {
          text: "Calcular ahorro operativo",          href: "#"},
        {
          text: "Hablar con un especialista",          href: "https://wa.me/XXXXXXXXXX"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Inicio",              href: "#home"},
            {
              label: "Servicios",              href: "#services"},
            {
              label: "Sectores",              href: "#sectors"},
            {
              label: "Productos",              href: "#products"},
          ],
        },
        {
          items: [
            {
              label: "Beneficios",              href: "#benefits"},
            {
              label: "Casos de Uso",              href: "#cases"},
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          items: [
            {
              label: "Política de Privacidad",              href: "#"},
            {
              label: "Términos y Condiciones",              href: "#"},
            {
              label: "Aviso Legal",              href: "#"},
          ],
        },
      ]}
      logoText="ProcessAP Robotics"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
