"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Airplay, Car, Filter, Gauge, Headset, MapPin, Package, ShoppingBag, Sparkles, SprayCan, Truck, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Nosotros",          id: "#about"},
        {
          name: "Características",          id: "#features"},
        {
          name: "Productos",          id: "#products"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      brandName="Nice Depot"
      button={{
        text: "Comprar Ahora",          href: "#products"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Nice Depot"
      description="Tu solución integral para limpieza, repuestos y accesorios automotrices."
      buttons={[
        {
          text: "Explorar Productos",          href: "#products"},
        {
          text: "Contacto",          href: "#contact"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg",          imageAlt: "Productos de limpieza para vehículos"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg",          imageAlt: "Repuestos automotrices variados"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg",          imageAlt: "Productos de limpieza para el hogar"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-being-uber-driver_23-2149184217.jpg",          imageAlt: "Accesorios automotrices modernos"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35952.jpg",          imageAlt: "Proceso de lavado y limpieza de vehículos"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-using-diagnostic-tool-attaching-jumper-cables-car-engine-while-working-auto-repair-shop_637285-4269.jpg",          imageAlt: "Mecánico trabajando en un motor de coche"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Nuestra Historia"
      title="Calidad y Confianza en Cada Producto"
      description="En Nice Productos, nos dedicamos a ofrecer soluciones de alta calidad para el cuidado de tu hogar y vehículo. Desde 2005, hemos sido el socio de confianza para miles de clientes, garantizando satisfacción y resultados impecables. Nuestro compromiso es brindarte lo mejor."
      subdescription="Creemos en la excelencia, la durabilidad y un servicio al cliente excepcional. Siempre estamos buscando innovar y expandir nuestro catálogo para satisfacer todas tus necesidades de limpieza y automoción."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Envío Rápido y Seguro",          description: "Recibe tus pedidos en tiempo récord, con seguimiento y protección en cada envío.",          bentoComponent: "3d-stack-cards",          items: [
            {
              icon: Truck,
              title: "Despacho",              subtitle: "Rápido",              detail: "Nacional"},
            {
              icon: Package,
              title: "Empaque",              subtitle: "Seguro",              detail: "Protegido"},
            {
              icon: MapPin,
              title: "Rastreo",              subtitle: "Detallado",              detail: "En Vivo"},
          ]
        },
        {
          title: "Amplio Catálogo de Productos",          description: "Encuentra todo lo que necesitas, desde limpieza hasta repuestos, en un solo lugar.",          bentoComponent: "orbiting-icons",          centerIcon: ShoppingBag,
          items: [
            {
              icon: SprayCan,
              ring: 1,
            },
            {
              icon: Car,
              ring: 2,
            },
            {
              icon: Wrench,
              ring: 3,
            },
            {
              icon: Airplay,
              ring: 1,
            },
            {
              icon: Filter,
              ring: 2,
            },
            {
              icon: Gauge,
              ring: 3,
            },
          ]
        },
        {
          title: "Soporte al Cliente Dedicado",          description: "Nuestro equipo está listo para asistirte con cualquier duda o consulta.",          bentoComponent: "reveal-icon",          icon: Headset
        }
      ]}
      title="Por Qué Elegir Nice Productos"
      description="Ofrecemos una experiencia de compra superior con beneficios diseñados para tu comodidad y tranquilidad."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p-1",          name: "Shampoo para Carro Premium",          price: "$15.99",          imageSrc: "http://img.b2bpic.net/free-photo/bleach-bottle_187299-46016.jpg",          imageAlt: "Shampoo para carro"},
        {
          id: "p-2",          name: "Abrillantador de Llantas",          price: "$12.50",          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-spray_23-2148108861.jpg",          imageAlt: "Abrillantador de llantas"},
        {
          id: "p-3",          name: "Paños de Microfibra (3-pack)",          price: "$9.99",          imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg",          imageAlt: "Paños de microfibra"},
        {
          id: "p-4",          name: "Ambientador de Auto",          price: "$7.00",          imageSrc: "http://img.b2bpic.net/free-photo/place-airbag-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16599.jpg",          imageAlt: "Ambientador de auto"},
        {
          id: "p-5",          name: "Filtro de Aceite Universal",          price: "$25.00",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-engine-part-with-ratchet-repair-garage_1170-1693.jpg",          imageAlt: "Filtro de aceite"},
        {
          id: "p-6",          name: "Soporte Universal para Teléfono",          price: "$18.00",          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg",          imageAlt: "Soporte para teléfono"},
        {
          id: "p-7",          name: "Limpiador Multiusos",          price: "$8.50",          imageSrc: "http://img.b2bpic.net/free-photo/hand-sanitizers-around-white-containers-blue-wall_114579-7226.jpg",          imageAlt: "Limpiador multiusos"},
        {
          id: "p-8",          name: "Limpiacristales Anti-rayas",          price: "$6.75",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-is-resting-after-cleaning_1398-1095.jpg",          imageAlt: "Limpiacristales"},
      ]}
      title="Nuestros Productos Destacados"
      description="Descubre nuestra selección premium para el cuidado automotriz y la limpieza del hogar."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Excelente calidad de productos",          quote: "¡Los productos de limpieza para vehículos son increíbles! Mi coche nunca había lucido tan brillante. Recomiendo Nice Productos al 100%.",          name: "Carlos R.",          role: "Entusiasta Automotriz",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-emotive-amazed-beautiful-woman-holds-sponges-uses-cleaning-supplies-brining-house-order_273609-25244.jpg",          imageAlt: "Cliente satisfecho Carlos R."},
        {
          id: "2",          title: "El mejor lugar para repuestos",          quote: "He comprado varios repuestos aquí y siempre encuentro exactamente lo que necesito a precios justos. El servicio es rápido y confiable.",          name: "María G.",          role: "Mecánica Independiente",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-25903.jpg",          imageAlt: "Cliente satisfecha María G."},
        {
          id: "3",          title: "Accesorios innovadores y útiles",          quote: "Los accesorios automotrices que ofrecen son muy prácticos y de gran calidad. Le dieron un toque moderno al interior de mi carro.",          name: "Javier P.",          role: "Conductor Diario",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-smiling-while-taking-some-facial-cream-isolated-white-background-with_1258-138004.jpg",          imageAlt: "Cliente satisfecho Javier P."},
        {
          id: "4",          title: "Limpieza profunda y efectiva",          quote: "Usé los productos de limpieza para mi casa y quedé fascinada. Son muy efectivos y dejan un aroma fresco y duradero.",          name: "Ana L.",          role: "Ama de Casa",          imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg",          imageAlt: "Cliente satisfecha Ana L."},
        {
          id: "5",          title: "Superó mis expectativas",          quote: "Tenía dudas al principio, pero Nice Productos superó todas mis expectativas. La atención y la calidad de los productos son de primera.",          name: "Roberto M.",          role: "Comerciante",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-choosing-car-car-showroom_1303-26751.jpg",          imageAlt: "Cliente satisfecho Roberto M."},
      ]}
      title="Lo que Dicen Nuestros Clientes"
      description="Nuestra prioridad es tu satisfacción. Lee las experiencias de quienes ya confían en Nice Productos."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Nuestros Clientes Confían en Nosotros"
      description="Trabajamos con una amplia gama de clientes satisfechos en diferentes sectores."
      buttons={[
        {
          text: "Ver Más Casos",          href: "#"},
      ]}
      speed={60}
      showCard={false}
      names={[
        "Clean Innovations",        "Auto Solutions",        "Home Shine Co.",        "Vehicle Xpert",        "Detail Masters",        "Global Auto Parts",        "Sparkle Cleaners"
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "¿Cuáles son los métodos de pago aceptados?",          content: "Aceptamos tarjetas de crédito (Visa, MasterCard, American Express), transferencias bancarias y pagos a través de PayPal."},
        {
          id: "faq-2",          title: "¿Realizan envíos a todo el país?",          content: "Sí, realizamos envíos a nivel nacional. El tiempo de entrega y el costo pueden variar según tu ubicación."},
        {
          id: "faq-3",          title: "¿Se pueden devolver o cambiar los productos?",          content: "Sí, aceptamos devoluciones y cambios dentro de los 30 días posteriores a la compra, siempre y cuando los productos estén en su estado original."},
        {
          id: "faq-4",          title: "¿Ofrecen garantía en los repuestos automotrices?",          content: "Todos nuestros repuestos automotrices cuentan con garantía del fabricante. Los detalles específicos se encuentran en la descripción de cada producto."},
        {
          id: "faq-5",          title: "¿Tienen descuentos para compras al por mayor?",          content: "Sí, ofrecemos precios especiales para compras al por mayor. Por favor, contáctanos directamente para más información."},
      ]}
      sideTitle="¿Tienes Preguntas?"
      sideDescription="Encuentra respuestas a las consultas más frecuentes sobre nuestros productos y servicios."
      buttons={[
        {
          text: "Contactar Soporte",          href: "#contact"},
      ]}
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Contacto"
      title="¿Listo para Mejorar tu Coche y Hogar?"
      description="Estamos aquí para ayudarte a encontrar los mejores productos y soluciones. Contáctanos hoy mismo para asesoría personalizada."
      buttons={[
        {
          text: "Enviar Mensaje",          href: "mailto:info@niceproductos.com"},
        {
          text: "Llamar Ahora",          href: "tel:+123456789"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blue-marble-swirl-background-diy-abstract-flowing-texture-experimental-art_53876-103615.jpg"
      logoText="Nice Depot"
      columns={[
        {
          title: "Productos",          items: [
            {
              label: "Limpieza General",              href: "#products"},
            {
              label: "Limpieza Automotriz",              href: "#products"},
            {
              label: "Repuestos",              href: "#products"},
            {
              label: "Accesorios",              href: "#products"},
          ],
        },
        {
          title: "Compañía",          items: [
            {
              label: "Sobre Nosotros",              href: "#about"},
            {
              label: "Testimonios",              href: "#testimonials"},
            {
              label: "Contacto",              href: "#contact"},
          ],
        },
        {
          title: "Soporte",          items: [
            {
              label: "Preguntas Frecuentes",              href: "#faq"},
            {
              label: "Ayuda",              href: "#"},
            {
              label: "Envíos",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Nice Productos | Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
