"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Clock, ShieldCheck, Truck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Servicios",
          id: "features",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      brandName="ODM Express"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars",
      }}
      title="Logística Express de Confianza en Córdoba"
      description="Transporte de carga rápida y segura. Conectamos tu empresa con todo el país utilizando la tecnología y el compromiso de ODM Express."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-hispanic-male-executive-gesturing-thumbs-up-against-isolated-background_662251-929.jpg",
          alt: "Cliente 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-going-out-shopping-various-consumer-goods_23-2151669832.jpg",
          alt: "Cliente 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7552.jpg",
          alt: "Cliente 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-portrait-positive-smiling-industrial-worker_74855-5110.jpg",
          alt: "Cliente 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/african-american-man-elegant-black-suit_1157-46912.jpg",
          alt: "Cliente 5",
        },
      ]}
      avatarText="Más de 500 clientes confían en nosotros"
      buttons={[
        {
          text: "Cotizar Envío",
          href: "#contact",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Envíos Certificados",
        },
        {
          type: "text",
          text: "Logística 24/7",
        },
        {
          type: "text",
          text: "Cobertura Nacional",
        },
        {
          type: "text",
          text: "Monitoreo GPS",
        },
        {
          type: "text",
          text: "Entrega Prioritaria",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Zap,
          title: "Entrega Express",
          description: "Tiempos de entrega optimizados para asegurar que tu mercadería llegue siempre a tiempo.",
        },
        {
          icon: ShieldCheck,
          title: "Carga Segura",
          description: "Monitoreo constante y protocolos de seguridad para proteger tu carga en cada kilómetro.",
        },
        {
          icon: Truck,
          title: "Distribución Nacional",
          description: "Cobertura extendida desde Córdoba hacia todo el país con flota propia moderna.",
        },
      ]}
      title="Nuestros Servicios"
      description="Soluciones logísticas diseñadas para la eficiencia de tu negocio."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Tu Aliado Estratégico en Córdoba"
      description="En ODM Express, entendemos que tu carga es el corazón de tu negocio. Nos enfocamos en soluciones personalizadas y tecnología de vanguardia."
      bulletPoints={[
        {
          title: "Experiencia local",
          description: "Conocemos Córdoba y sus rutas mejor que nadie.",
        },
        {
          title: "Tecnología de rastreo",
          description: "Visibilidad total sobre tu carga en tiempo real.",
        },
        {
          title: "Atención personalizada",
          description: "Ejecutivos de cuenta dedicados a tu operación.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-standing-working-laptop-workers-warehouse_259150-56902.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "98%",
          title: "Puntualidad",
          description: "En entregas a tiempo",
          icon: Clock,
        },
        {
          id: "m2",
          value: "5k+",
          title: "Envíos",
          description: "Realizados al mes",
          icon: Truck,
        },
        {
          id: "m3",
          value: "100%",
          title: "Seguridad",
          description: "Carga monitoreada",
          icon: ShieldCheck,
        },
      ]}
      title="Resultados Comprobados"
      description="Nuestros números avalan nuestro compromiso y calidad de servicio."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="La logística de ODM Express transformó nuestra operación. Son rápidos, seguros y siempre tienen soluciones para nuestros problemas."
      rating={5}
      author="Mariana Gómez - Directora Logística"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-913.jpg",
          alt: "Mariana",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1377.jpg",
          alt: "Cliente 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
          alt: "Cliente 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/female-male-collegues-working-office_1303-17918.jpg",
          alt: "Cliente 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
          alt: "Cliente 5",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "¿Cuáles son los tiempos de entrega?",
          content: "Los tiempos varían según el destino, pero garantizamos entregas express dentro de la región.",
        },
        {
          id: "f2",
          title: "¿Tienen cobertura nacional?",
          content: "Sí, conectamos Córdoba con todo el país a través de nuestra red propia de transporte.",
        },
        {
          id: "f3",
          title: "¿Cómo cotizo mi carga?",
          content: "Puedes contactarnos mediante el formulario o por teléfono para obtener una cotización a medida.",
        },
      ]}
      sideTitle="Preguntas Frecuentes"
      sideDescription="Todo lo que necesitas saber antes de empezar a trabajar con nosotros."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Contacto"
      title="Solicita tu Presupuesto"
      description="Comienza hoy mismo a optimizar la logística de tu empresa en Córdoba."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Empresa",
          items: [
            {
              label: "Sobre Nosotros",
              href: "#",
            },
            {
              label: "Servicios",
              href: "#features",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacidad",
              href: "#",
            },
            {
              label: "Términos",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 ODM Express Córdoba"
      bottomRightText="Todos los derechos reservados"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
