"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, CheckCircle, MapPin, Shield, TrendingUp, Truck, Users, Zap } from "lucide-react";

export default function TransportesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Transportes Papanoá"
          navItems={[
            { name: "Servicios", id: "services" },
            { name: "Por Qué Elegirnos", id: "why-us" },
            { name: "Contacto", id: "contact" }
          ]}
          button={{
            text: "Solicitar Cotización",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Transporte Confiable"
          tagIcon={Truck}
          tagAnimation="slide-up"
          title="Soluciones de transporte y logística para tu negocio en CDMX"
          description="Transportes Papanoá ofrece servicios profesionales de transporte de mercancías, entregas rápidas y soluciones logísticas personalizadas. Con experiencia local y confiabilidad garantizada, somos tu aliado en movilidad empresarial."
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/blue-truck-rainy-highway-power-energy-motion_169016-69894.jpg",              imageAlt: "Vehículos de transporte moderno"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/diverse-warehouse-staff-ensuring-smooth-product-distribution-by-managing-inventory-handling_482257-135103.jpg",              imageAlt: "Centro logístico profesional"
            }
          ]}
          rating={5}
          ratingText="Valorados por nuestros clientes"
          buttons={[
            { text: "Solicitar Cotización", href: "#contact" },
            { text: "Llamar Ahora", href: "tel:+5255XXXXXXXX" }
          ]}
          buttonAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          tag="Nuestros Servicios"
          title="Servicios de Transporte y Logística"
          description="Ofrecemos una amplia gama de soluciones de transporte adaptadas a tus necesidades. Desde entregas locales hasta servicios personalizados de carga, contamos con la experiencia y recursos para garantizar tu satisfacción."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "1",              title: "Transporte de Carga Local",              description: "Servicio rápido y seguro para el transporte de mercancías dentro de la CDMX. Cobertura en toda la zona metropolitana con puntualidad garantizada.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/confident-courier-delivering-order-entering-client-yard-deliveryman-wearing-jeans-red-cap-shirt-carrying-yellow-thermal-backpack-carton-boxes-delivery-service-post-concept_74855-11632.jpg",                imageAlt: "Entrega local rápida"
              },
              items: [
                { icon: CheckCircle, text: "Entrega en 24 horas" },
                { icon: Shield, text: "Seguro incluido" },
                { icon: MapPin, text: "Cobertura local" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Servicios Logísticos Personalizados",              description: "Soluciones a medida para empresas que requieren transporte especializado, almacenamiento temporal, y gestión de entregas coordinadas.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/diverse-warehouse-staff-ensuring-smooth-product-distribution-by-managing-inventory-handling_482257-135103.jpg",                imageAlt: "Servicios logísticos"
              },
              items: [
                { icon: Zap, text: "Flexibilidad máxima" },
                { icon: Users, text: "Equipo profesional" },
                { icon: TrendingUp, text: "Escalable" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Transporte de Carga Pesada",              description: "Especialistas en movimiento de carga industrial y equipamiento empresarial. Vehículos modernos y personal capacitado para cargas especiales.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/railroad-tracks_1359-127.jpg",                imageAlt: "Transporte de carga pesada"
              },
              items: [
                { icon: Truck, text: "Equipo especializado" },
                { icon: Award, text: "Certificado" },
                { icon: CheckCircle, text: "Entrega segura" }
              ],
              reverse: false
            }
          ]}
          buttons={[
            { text: "Cotizar Servicio", href: "#contact" }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardOne
          tag="Por Qué Elegirnos"
          title="¿Por Qué Confiar en Transportes Papanoá?"
          description="Nuestros valores fundamentales garantizan un servicio de calidad excepcional. Somos confiables, puntuales y comprometidos con tu satisfacción."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "15+",              title: "Años",              description: "De experiencia en transportes y logística",              icon: Award
            },
            {
              id: "2",              value: "500+",              title: "Clientes",              description: "Empresas satisfechas en CDMX",              icon: Users
            },
            {
              id: "3",              value: "98%",              title: "Puntualidad",              description: "En entregas a tiempo",              icon: TrendingUp
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSixteen
          tag="Testimonios"
          title="Lo Que Dicen Nuestros Clientes"
          description="Empresas y emprendedores confían en nuestro servicio profesional y confiable."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Carlos Mendoza",              role: "Gerente de Logística",              company: "Distribuidora Central",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Carlos Mendoza"
            },
            {
              id: "2",              name: "María López",              role: "Directora de Operaciones",              company: "Comercializadora Express",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "María López"
            },
            {
              id: "3",              name: "Roberto García",              role: "Propietario",              company: "Tienda Online Premium",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Roberto García"
            },
            {
              id: "4",              name: "Ana Rodríguez",              role: "Coordinadora de Entregas",              company: "EmpresaTech CDMX",              rating: 5,
              imageSrc: "/placeholders/placeholder1.webp",              imageAlt: "Ana Rodríguez"
            }
          ]}
          kpiItems={[
            { value: "500+", label: "Entregas mensuales" },
            { value: "98%", label: "Clientes satisfechos" },
            { value: "15+", label: "Años de experiencia" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="¿Listo para optimizar tu transporte? Contáctanos hoy y obtén una cotización sin compromiso. Nuestro equipo está listo para ayudarte."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Enviar WhatsApp", href: "https://wa.me/5255XXXXXXXX?text=Solicito%20información%20sobre%20servicios%20de%20transporte" },
            { text: "Llamar Ahora", href: "tel:+5255XXXXXXXX" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/warehouse-workers-working-together-organizing-goods-distribution-market_342744-1532.jpg"
          imageAlt="Centro logístico profesional"
          logoText="Transportes Papanoá"
          copyrightText="© 2025 Transportes Papanoá. Todos los derechos reservados."
          columns={[
            {
              title: "Servicios",              items: [
                { label: "Transporte Local", href: "#services" },
                { label: "Servicios Logísticos", href: "#services" },
                { label: "Carga Pesada", href: "#services" }
              ]
            },
            {
              title: "Empresa",              items: [
                { label: "Acerca de Nosotros", href: "#why-us" },
                { label: "Nuestro Equipo", href: "#testimonial" },
                { label: "Contacto", href: "#contact" }
              ]
            },
            {
              title: "Contacto",              items: [
                { label: "Pochtecas 36, Iztapalapa, CDMX", href: "#" },
                { label: "Teléfono: +52 55 XXXX XXXX", href: "tel:+5255XXXXXXXX" },
                { label: "Email: info@transportespapanoa.com", href: "mailto:info@transportespapanoa.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
