"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Facebook, Instagram, Linkedin, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Nosotros",
          id: "about",
        },
        {
          name: "Funcionalidades",
          id: "features",
        },
        {
          name: "Métricas",
          id: "metrics",
        },
        {
          name: "Productos",
          id: "products",
        },
        {
          name: "Precios",
          id: "pricing",
        },
        {
          name: "Testimonios",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
      logoAlt="Surtidora Ramona Logo"
      brandName="SURTIDORA RAMONA"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Surtidora Ramona: Tu ERP Empresarial Integral"
      description="Gestión total para distribuidores y supermercados. Moderniza tu operación con inventario inteligente, facturación profesional, y IA predictiva."
      buttons={[
        {
          text: "Solicitar Demo",
          href: "#contact",
        },
        {
          text: "Ver Funcionalidades",
          href: "#features",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
          alt: "John Doe",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",
          alt: "Jane Smith",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
          alt: "Carlos Ruiz",
        },
        {
          src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
          alt: "Maria Gomez",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
          alt: "Alex Chen",
        },
      ]}
      avatarText="Más de 500 empresas ya confían en nosotros"
      imageSrc="http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=1"
      imageAlt="ERP Dashboard Interface"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Transformando la Gestión de tu Negocio"
      description="Surtidora Ramona ERP es la solución definitiva para optimizar cada aspecto de tu empresa de consumo masivo. Diseñada para supermercados, distribuidores y cadenas, nuestra plataforma ofrece control total y crecimiento escalable."
      bulletPoints={[
        {
          title: "Eficiencia Operativa",
          description: "Automatiza procesos clave, desde inventario hasta contabilidad, reduciendo errores y ahorrando tiempo.",
        },
        {
          title: "Decisiones Basadas en Datos",
          description: "Accede a reportes avanzados y análisis de IA para tomar decisiones estratégicas informadas y predictivas.",
        },
        {
          title: "Experiencia del Cliente Mejorada",
          description: "Gestiona clientes y entregas con CRM y módulos de delivery, garantizando un servicio excepcional.",
        },
        {
          title: "Escalabilidad Garantizada",
          description: "Una plataforma robusta, lista para crecer contigo y soportar múltiples sucursales y operaciones futuras.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/group-businesswomen-sharing-insight-new-project-copy-space_482257-124016.jpg"
      imageAlt="Diverse business team collaborating in a modern office."
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Gestión manual ineficiente",
          "Datos dispersos y desactualizados",
          "Falta de visibilidad financiera",
          "Procesos de entrega complejos",
        ],
      }}
      positiveCard={{
        items: [
          "Automatización integral de procesos",
          "Panel unificado con datos en tiempo real",
          "Reportes financieros y KPIs precisos",
          "Optimización de rutas y entregas",
        ],
      }}
      title="ERP de Próxima Generación para un Control Total"
      description="Accede a funcionalidades avanzadas diseñadas para maximizar la eficiencia y rentabilidad en cada área de tu negocio, superando los límites de los sistemas tradicionales."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "facturacion",
          value: "+25%",
          description: "Aumento en la facturación anual de nuestros clientes.",
        },
        {
          id: "rentabilidad",
          value: "+15%",
          description: "Mejora promedio en el margen de rentabilidad.",
        },
        {
          id: "inventario",
          value: "-30%",
          description: "Reducción de pérdidas por stock obsoleto o bajo.",
        },
        {
          id: "satisfaccion",
          value: "98%",
          description: "Nivel de satisfacción en la gestión de pedidos.",
        },
      ]}
      title="Indicadores Clave para Decisiones Inteligentes"
      description="Monitorea en tiempo real los KPIs más importantes de tu negocio y toma el control de tu crecimiento con datos precisos y análisis predictivos."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Alimentos y Víveres",
          price: "Gestionado por el ERP",
          imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623444.jpg",
          imageAlt: "Alimentos y Víveres",
        },
        {
          id: "p2",
          name: "Frutas y Vegetales Frescos",
          price: "Control de Caducidad",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-vegetables-supermarket-photo-your-advertising_185193-110549.jpg",
          imageAlt: "Frutas y Vegetales Frescos",
        },
        {
          id: "p3",
          name: "Artículos de Limpieza",
          price: "Alertas de Reposición",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-cleaning-concept_23-2148133329.jpg",
          imageAlt: "Artículos de Limpieza",
        },
        {
          id: "p4",
          name: "Bebidas y Refrescos",
          price: "Análisis de Demanda",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-looking-wine-display_107420-84926.jpg",
          imageAlt: "Bebidas y Refrescos",
        },
        {
          id: "p5",
          name: "Cuidado Personal",
          price: "Seguimiento de Stock",
          imageSrc: "http://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg",
          imageAlt: "Cuidado Personal",
        },
        {
          id: "p6",
          name: "Lácteos y Congelados",
          price: "Óptima Rotación",
          imageSrc: "http://img.b2bpic.net/free-photo/stashed-flour-used-cooking_23-2149517177.jpg",
          imageAlt: "Lácteos y Congelados",
        },
      ]}
      title="Gestión Inteligente de tus Productos"
      description="Desde alimentos hasta artículos del hogar, nuestro ERP clasifica, controla y optimiza tu inventario, asegurando disponibilidad y maximizando la rentabilidad en cada categoría."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basico",
          badge: "Inicio",
          badgeIcon: Sparkles,
          price: "$99/mes",
          subtitle: "Para pequeños comercios",
          features: [
            "Módulo de Inventario Básico",
            "Facturación Contado",
            "Gestión de Clientes (CRM)",
            "Soporte Estándar",
          ],
        },
        {
          id: "profesional",
          badge: "Más Popular",
          badgeIcon: Star,
          price: "$249/mes",
          subtitle: "Para distribuidores y PYMES",
          features: [
            "Inventario Inteligente Completo",
            "Facturación Profesional (Crédito, Cotizaciones)",
            "Punto de Venta (POS)",
            "Módulo de Proveedores",
            "Delivery Management",
            "Reportes Avanzados",
            "Soporte Prioritario",
          ],
        },
        {
          id: "corporativo",
          badge: "Empresarial",
          badgeIcon: Award,
          price: "Personalizado",
          subtitle: "Para cadenas y grandes empresas",
          features: [
            "Todas las funciones del plan Profesional",
            "Módulo de Contabilidad",
            "Módulo de Recursos Humanos",
            "Integración con IA (Predicción, Asistente)",
            "Roles y Seguridad Avanzada",
            "Gestión Multi-sucursal",
            "Soporte 24/7 y Consultoría Dedicada",
          ],
        },
      ]}
      title="Planes Flexibles para tu Crecimiento"
      description="Elige el plan de Surtidora Ramona ERP que mejor se adapte a las necesidades y tamaño de tu negocio, con opciones escalables y transparentes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Ana García",
          date: "23 de Enero, 2024",
          title: "Aumento del 30% en Eficiencia de Inventario",
          quote: "Surtidora Ramona ERP revolucionó nuestra gestión de inventario. Las alertas de reposición y el control de vencimientos son invaluables. ¡Es un antes y un después para nuestro supermercado!",
          tag: "Supermercado 'La Cosecha'",
          avatarSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
          avatarAlt: "Ana García",
          imageSrc: "http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg",
          imageAlt: "female CEO confident portrait retail",
        },
        {
          id: "t2",
          name: "Luis Pérez",
          date: "15 de Febrero, 2024",
          title: "Facturación Rápida y Profesional",
          quote: "La función de facturación es increíblemente rápida y personalizable. Podemos generar facturas, cotizaciones y recibos en segundos, y enviarlos por WhatsApp. ¡Nuestros clientes están encantados!",
          tag: "Distribuidora 'El Éxito'",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-with-folded-hands_259150-56910.jpg",
          avatarAlt: "Luis Pérez",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg?_wi=2",
          imageAlt: "female CEO confident portrait retail",
        },
        {
          id: "t3",
          name: "Sofía Rodríguez",
          date: "10 de Marzo, 2024",
          title: "Control Total de Delivery y Clientes",
          quote: "El módulo de delivery nos permitió organizar nuestras rutas y asignar repartidores de manera eficiente. Además, el CRM nos ayuda a entender mejor a nuestros clientes frecuentes. Excelente plataforma.",
          tag: "Tienda 'Mi Bodega'",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
          avatarAlt: "Sofía Rodríguez",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
          imageAlt: "female CEO confident portrait retail",
        },
        {
          id: "t4",
          name: "Roberto Morales",
          date: "5 de Abril, 2024",
          title: "IA Predictiva que Impulsa Ventas",
          quote: "La integración de la IA ha sido clave. Ahora podemos predecir la demanda de productos y optimizar nuestras compras. 'Asistente Ramona' es como tener un analista 24/7.",
          tag: "Cadena de Abastos 'FreshMarket'",
          avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
          avatarAlt: "Roberto Morales",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831045.jpg",
          imageAlt: "female CEO confident portrait retail",
        },
        {
          id: "t5",
          name: "Elena Castro",
          date: "28 de Abril, 2024",
          title: "Seguridad y Roles Claros para mi Equipo",
          quote: "La gestión de roles y permisos nos da tranquilidad. Sabemos quién hace qué y tenemos un historial de auditoría completo. La seguridad es una prioridad para Surtidora Ramona.",
          tag: "Supermercado 'Gourmet Express'",
          avatarSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg",
          avatarAlt: "Elena Castro",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
          imageAlt: "female CEO confident portrait retail",
        },
      ]}
      title="Nuestros Clientes Impulsan su Éxito"
      description="Empresas como la tuya ya están transformando sus operaciones con Surtidora Ramona ERP. Conoce sus historias de éxito y cómo nuestra plataforma ha marcado la diferencia."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "¿Es Surtidora Ramona ERP compatible con mi negocio?",
          content: "Sí, nuestra plataforma está diseñada para ser escalable y adaptable a diferentes tipos de negocios de consumo masivo, desde pequeños comercios y supermercados hasta grandes distribuidores y cadenas comerciales.",
        },
        {
          id: "faq2",
          title: "¿Necesito conocimientos técnicos para usar el ERP?",
          content: "No. Hemos diseñado Surtidora Ramona ERP con una interfaz intuitiva y fácil de usar, eliminando la necesidad de conocimientos técnicos avanzados. Ofrecemos capacitación completa y soporte para que tu equipo pueda empezar rápidamente.",
        },
        {
          id: "faq3",
          title: "¿Cómo funciona la integración de la Inteligencia Artificial?",
          content: "Nuestra IA predice tendencias de ventas, recomienda niveles de stock óptimos y analiza datos financieros para ofrecerte insights valiosos. El 'Asistente Ramona' te permite consultar información clave en lenguaje natural.",
        },
        {
          id: "faq4",
          title: "¿Soporta la gestión de múltiples sucursales?",
          content: "Absolutamente. Surtidora Ramona ERP está preparado para gestionar múltiples sucursales desde una única plataforma centralizada, ofreciéndote una visión consolidada y control total de todas tus operaciones.",
        },
      ]}
      sideTitle="¿Tienes Preguntas? Te Ayudamos"
      sideDescription="Explora nuestras preguntas frecuentes para encontrar respuestas rápidas sobre Surtidora Ramona ERP. Si no encuentras lo que buscas, contáctanos directamente."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Listo para potenciar tu negocio? Agenda una demostración gratuita y descubre cómo Surtidora Ramona ERP puede transformar tus operaciones y prepararte para el futuro."
      buttons={[
        {
          text: "Agenda una Demo",
          href: "mailto:info@surtidoraramona.com?subject=Solicitud%20de%20Demostración%20ERP",
        },
        {
          text: "Contáctanos",
          href: "tel:+123456789",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/creative-thunder-concept-logo-design-template-vector-illustration-isolated-background_384344-2117.jpg"
      logoAlt="Surtidora Ramona Logo"
      logoText="SURTIDORA RAMONA"
      copyrightText="© 2024 Surtidora Ramona. Todos los derechos reservados."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
