"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Calendar, ShoppingCart, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",          id: "#hero"},
        {
          name: "Sobre Nosotros",          id: "#about"},
        {
          name: "Productos",          id: "#products"},
        {
          name: "Precios",          id: "#pricing"},
        {
          name: "Testimonios",          id: "#testimonials"},
        {
          name: "Contacto",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/outgoing-call-right-side_187299-39504.jpg"
      brandName="iPhone Store"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient"}}
      title="Descubre la Innovación. Encuentra Tu iPhone Perfecto."
      description="Explora nuestra exclusiva colección de iPhones, desde los últimos modelos hasta clásicos atemporales, con la mejor tecnología y diseño. ¡Tu próximo dispositivo te espera!"
      buttons={[
        {
          text: "Comprar Ahora",          href: "#products"},
        {
          text: "Más Información",          href: "#about"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930155.jpg",          imageAlt: "Latest iPhone model"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smartphones-with-shopping-bags-yellow-table_23-2147957624.jpg",          imageAlt: "Collection of iPhones"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-gaming-entertainment-concept_53876-127157.jpg",          imageAlt: "Person using an iPhone"},
        {
          imageSrc: "http://img.b2bpic.net/free-vector/neon-home-screen-interface_23-2148753680.jpg",          imageAlt: "iPhone camera close-up"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-lighting-control-application-turning-lights-sitting-kitchen-house-with-automation-lighting-system-person-using-smart-home-software-working-remote-laptop_482257-16243.jpg",          imageAlt: "iPhone showing app interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-gym-composition-with-sport-elements_23-2147913642.jpg",          imageAlt: "iPhone charging wirelessly"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Somos Tu Destino Confiable para iPhones"
      description={[
        "En iPhone Store, nos dedicamos a ofrecer la mejor experiencia de compra de iPhones. Con años de experiencia en el mercado, garantizamos productos auténticos, precios competitivos y un servicio al cliente excepcional.",        "Nuestra misión es conectar a las personas con la tecnología que aman, facilitando el acceso a los dispositivos más innovadores de Apple. Creemos en la transparencia, la calidad y la satisfacción total del cliente."]}
      buttons={[
        {
          text: "Conoce Nuestro Compromiso",          href: "#features"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          tag: "Innovación",          title: "Pantalla Super Retina XDR",          subtitle: "Colores Vibrantes y Claridad Asombrosa",          description: "Experimenta negros puros y blancos brillantes, junto con una precisión de color incomparable que da vida a tus fotos y videos. Una visualización sin igual.",          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-screen-circle-neon-lights_53876-97190.jpg",          imageAlt: "iPhone Super Retina XDR Display"},
        {
          tag: "Rendimiento",          title: "Chip A Bionic Avanzado",          subtitle: "Velocidad y Eficiencia Sin Precedentes",          description: "El procesador más rápido en un smartphone, capaz de ejecutar las aplicaciones más exigentes y juegos con gráficos intensivos sin esfuerzo. Máximo poder en tu mano.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-circuit-board-close-up_23-2149174361.jpg",          imageAlt: "Advanced A Bionic Chip"},
        {
          tag: "Duración",          title: "Batería para Todo el Día",          subtitle: "Energía que te Acompaña",          description: "Desde el amanecer hasta el anochecer, tu iPhone está diseñado para seguir tu ritmo. Disfruta de más horas de uso, streaming y juegos sin preocuparte por la carga.",          imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388500.jpg",          imageAlt: "iPhone All-Day Battery Life"},
      ]}
      title="Características Exclusivas de iPhone"
      description="Cada iPhone está diseñado con precisión para ofrecer una experiencia de usuario superior, combinando hardware potente con software intuitivo."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "iphone-15-pro-max",          brand: "Apple",          name: "iPhone 15 Pro Max",          price: "$1,199",          rating: 5,
          reviewCount: "2,450",          imageSrc: "https://images.unsplash.com/photo-1695430310705-01e1a5327b72?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aXBob25lJTIwMTVfMDB2MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone 15 Pro Max"},
        {
          id: "iphone-15",          brand: "Apple",          name: "iPhone 15",          price: "$799",          rating: 4,
          reviewCount: "1,870",          imageSrc: "https://images.unsplash.com/photo-1694939023595-6b80d0d86e92?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8aXBob25lJTIwMTUwfDB8MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone 15"},
        {
          id: "iphone-14-pro",          brand: "Apple",          name: "iPhone 14 Pro",          price: "$999",          rating: 4,
          reviewCount: "1,520",          imageSrc: "https://images.unsplash.com/photo-1671726203360-dfa52b8004f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mzh8fGlwaG9uZSUyMDE0fDB8MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone 14 Pro"},
        {
          id: "iphone-se",          brand: "Apple",          name: "iPhone SE (3ª Gen)",          price: "$429",          rating: 4,
          reviewCount: "3,100",          imageSrc: "https://images.unsplash.com/photo-1647976900293-6c84b1b3b1c2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8aXBob25lJTIwc2V8fDB8MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone SE"},
        {
          id: "iphone-13",          brand: "Apple",          name: "iPhone 13",          price: "$599",          rating: 4,
          reviewCount: "2,980",          imageSrc: "https://images.unsplash.com/photo-1641042533222-1d7b3b4b4b4b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8aXBob25lJTIwMTN8fDB8MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone 13"},
        {
          id: "iphone-12",          brand: "Apple",          name: "iPhone 12",          price: "$499",          rating: 4,
          reviewCount: "3,500",          imageSrc: "https://images.unsplash.com/photo-1634706509614-72b9a7f3b1b3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aXBob25lJTIwMTJ8fDB8MHwwfHwxNjYwODI2NTQyfDQ5fHx3aGl0ZXxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=800&q=60",          imageAlt: "iPhone 12"},
      ]}
      title="Nuestros Modelos de iPhone"
      description="Explora la gama completa de iPhones disponibles, cada uno diseñado para satisfacer diferentes necesidades y estilos de vida. Encuentra el que mejor se adapta a ti."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-basic",          tag: "Básico",          price: "$29.99",          period: "/mes",          description: "Ideal para usuarios que buscan funcionalidad esencial y un gran valor.",          button: {
            text: "Seleccionar Básico",            href: "#products"},
          featuresTitle: "Incluye:",          features: [
            "iPhone 12/SE (con contrato)",            "12 meses de garantía",            "Soporte básico 24/7"],
        },
        {
          id: "plan-premium",          tag: "Popular",          price: "$49.99",          period: "/mes",          description: "Perfecto para quienes desean las últimas innovaciones y un rendimiento superior.",          button: {
            text: "Seleccionar Premium",            href: "#products"},
          featuresTitle: "Incluye:",          features: [
            "iPhone 14/15 (con contrato)",            "24 meses de garantía",            "Soporte prioritario 24/7",            "Seguro de pantalla incluido"],
        },
        {
          id: "plan-pro",          tag: "Profesional",          price: "$79.99",          period: "/mes",          description: "Diseñado para profesionales y entusiastas que exigen lo mejor en tecnología y servicio.",          button: {
            text: "Seleccionar Pro",            href: "#products"},
          featuresTitle: "Incluye:",          features: [
            "iPhone 15 Pro/Pro Max (con contrato)",            "36 meses de garantía extendida",            "Soporte VIP dedicado 24/7",            "Seguro contra daños accidentales",            "Actualización anual garantizada"],
        },
      ]}
      title="Planes Flexibles para tu iPhone"
      description="Elige el plan que mejor se adapte a tus necesidades. Ofrecemos opciones para cada tipo de usuario, con los mejores iPhones y beneficios exclusivos."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "customers",          value: "15K+",          title: "Clientes Satisfechos",          description: "Miles de usuarios felices con sus nuevos iPhones y nuestro servicio.",          icon: Users,
        },
        {
          id: "sales",          value: "20K+",          title: "iPhones Vendidos",          description: "Un historial comprobado de dispositivos de calidad entregados.",          icon: ShoppingCart,
        },
        {
          id: "experience",          value: "10 Años",          title: "Experiencia en el Mercado",          description: "Una década de dedicación y liderazgo en la venta de productos Apple.",          icon: Calendar,
        },
      ]}
      title="Cifras que Hablan por Sí Solas"
      description="Nuestra dedicación y compromiso se reflejan en la satisfacción de nuestros clientes y el volumen de iPhones entregados."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sofía García",          role: "Diseñadora Gráfica",          testimonial: "La mejor tienda para comprar iPhones. Mi iPhone 15 Pro llegó impecable y el servicio fue excepcional. ¡Totalmente recomendada!",          imageSrc: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg",          imageAlt: "Sofía García"},
        {
          id: "2",          name: "Javier López",          role: "Ingeniero de Software",          testimonial: "Compré un iPhone 14 Pro y la experiencia fue muy fluida. El proceso de entrega fue rápido y seguro. ¡Volveré a comprar aquí!",          imageSrc: "http://img.b2bpic.net/free-photo/man-making-heart-with-his-hands_1368-6339.jpg",          imageAlt: "Javier López"},
        {
          id: "3",          name: "Ana Martínez",          role: "Gerente de Proyectos",          testimonial: "Excelente atención al cliente y variedad de modelos. Encontré el iPhone SE que buscaba a un precio increíble. Muy satisfecha.",          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-sitting-table-looking-side-coffee-shop_839833-31794.jpg",          imageAlt: "Ana Martínez"},
        {
          id: "4",          name: "Carlos Ruíz",          role: "Consultor de Negocios",          testimonial: "iPhone Store superó mis expectativas. La calidad del producto y el soporte post-venta son insuperables. ¡Cinco estrellas!",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307253.jpg",          imageAlt: "Carlos Ruíz"},
        {
          id: "5",          name: "Laura Díaz",          role: "Estudiante",          testimonial: "Mi primer iPhone y no podría estar feliz. Fácil de usar, potente y el color es precioso. Gracias a iPhone Store por la ayuda.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-talking-phone-park-alley_23-2147779750.jpg",          imageAlt: "Laura Díaz"},
      ]}
      title="Lo que Dicen Nuestros Clientes"
      description="La satisfacción de nuestros clientes es nuestra máxima prioridad. Lee sus experiencias y descubre por qué confían en nosotros para sus iPhones."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Apple Pay",        "Visa",        "Mastercard",        "PayPal",        "DHL Express",        "FedEx",        "UPS",        "Stripe"]}
      title="Socios Confiables"
      description="Trabajamos con las mejores plataformas de pago y logística para garantizar una experiencia de compra segura y eficiente."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "¿Los iPhones son nuevos y originales?",          content: "Sí, todos nuestros iPhones son completamente nuevos, sellados de fábrica y 100% originales de Apple. Garantizamos la autenticidad de cada dispositivo."},
        {
          id: "faq-2",          title: "¿Qué opciones de envío tienen?",          content: "Ofrecemos envío estándar y express a nivel nacional. Los tiempos de entrega varían según tu ubicación y la opción seleccionada. Puedes consultar más detalles al finalizar tu compra."},
        {
          id: "faq-3",          title: "¿Aceptan devoluciones?",          content: "Sí, aceptamos devoluciones dentro de los 15 días posteriores a la compra, siempre que el producto esté en su estado original, sin usar y con su embalaje intacto. Consulta nuestra política de devoluciones para más información."},
        {
          id: "faq-4",          title: "¿Ofrecen garantía?",          content: "Todos nuestros iPhones vienen con la garantía oficial de Apple, además de una garantía extendida propia que puede variar según el plan que elijas. Para más detalles, consulta nuestras opciones de garantía."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-asian-girl-talks-mobile-phone-young-woman-having-phone-call-using-her_1258-193064.jpg"
      imageAlt="FAQ section image of iPhone with support chat"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Preguntas Frecuentes"
      description="Encuentra respuestas a las dudas más comunes sobre la compra de tu iPhone, garantías y envíos."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Contacto"
      title="¿Listo para tu Nuevo iPhone?"
      description="Si tienes alguna pregunta o necesitas ayuda para elegir tu dispositivo ideal, nuestro equipo está aquí para asistirte. Déjanos tu correo y te contactaremos."
      inputPlaceholder="Tu correo electrónico"
      buttonText="Enviar"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/outgoing-call-right-side_187299-39504.jpg"
      logoText="iPhone Store"
      leftLink={{
        text: "Términos y Condiciones",        href: "#"}}
      rightLink={{
        text: "Política de Privacidad",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}