"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Sparkles, Users, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Inicio",          id: "hero"},
        {
          name: "Problema",          id: "problema"},
        {
          name: "Curso",          id: "solucion"},
        {
          name: "Bonos",          id: "bonos"},
        {
          name: "Precio",          id: "precio"},
        {
          name: "Testimonios",          id: "testimonios"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Reservar",          id: "cierre"},
      ]}
      brandName="Calistenia 360"
      button={{
        text: "Reservar mi cupo",        href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      showDimOverlay={true}
      title="Convertite en Instructor de Calistenia Certificado y empezá a cobrar por enseñar lo que ya entrenás"
      description="Formación intensiva 10ma edición · Presencial · Solo 15 cupos."
      imageSrc="http://img.b2bpic.net/free-photo/young-confident-people-prepared-run_23-2147752619.jpg"
      imageAlt="Hero background image with people training"
      buttons={[
        {
          text: "¡EMPEZÁ A ENSEÑAR HOY!",          href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11792.jpg",          alt: "Instructor sonriente"},
        {
          src: "http://img.b2bpic.net/free-photo/muscular-man-working-out-gym-doing-exercises-with-dumbbells-strong-male-naked-torso-abs_639032-2756.jpg",          alt: "Joven atleta masculino"},
        {
          src: "http://img.b2bpic.net/free-photo/front-view-young-woman-lifting-weights_23-2148284961.jpg",          alt: "Deportista entrenando"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-headphones_23-2148285875.jpg",          alt: "Mujer latina fitness"},
        {
          src: "http://img.b2bpic.net/free-photo/her-determination-is-key-success_329181-20872.jpg",          alt: "Atleta femenina enfocada"},
      ]}
      avatarText="Más de 300 alumnos ya certificados"
      testimonials={[
        {
          name: "Martín Rodríguez",          handle: "@martinR_calis",          testimonial: "El curso de Calistenia 360 me cambió la forma de ver el entrenamiento y me dio la confianza para empezar a enseñar. La metodología es excelente y el apoyo de los instructores, fundamental. ¡Totalmente recomendable!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg"},
        {
          name: "Ana Giménez",          handle: "@anag_fitness",          testimonial: "Increíble la calidad del contenido y la dedicación de los instructores. Ahora me siento completamente preparado para guiar a mis propios alumnos. ¡Una experiencia transformadora!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-posing-dark-wall_176420-626.jpg"},
        {
          name: "Pablo Sosa",          handle: "@pabloS_strength",          testimonial: "Lo mejor del curso es el enfoque práctico y la comunidad. Aprendí no solo a entrenar mejor, sino a realmente enseñar y conectar con mis estudiantes. ¡Superó mis expectativas!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32117.jpg"},
      ]}
    />
  </div>

  <div id="problema" data-section="problema">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "No sabés cómo cobrar por enseñar",          description: "Entrenás hace años pero te falta la estructura para monetizar tu pasión.",          imageSrc: "http://img.b2bpic.net/free-photo/business-person-thinking-hard-about-tax-taxation-concept-photo-young-depressed-businessman-sitting-office_1391-150.jpg",          imageAlt: "Icono de dinero"},
        {
          title: "Faltan herramientas y técnica",          description: "No tenés las herramientas o la confianza para planificar y corregir la técnica de tus alumnos.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-supplies_171337-13069.jpg",          imageAlt: "Icono de herramientas"},
        {
          title: "Querés certificar tu conocimiento",          description: "Buscás sumar un ingreso con lo que te apasiona, pero no tenés una certificación oficial que te respalde.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sports-couple-is-engaged-gym_1157-21907.jpg",          imageAlt: "Icono de certificado"},
        {
          title: "¿Para quién es el curso? - Profes y entrenadores",          description: "Si sos profesor de educación física o entrenador y querés sumar calistenia a tus servicios y diferenciarte.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-kids-teacher-with-basket-ball_23-2149038778.jpg",          imageAlt: "Icono de un entrenador"},
        {
          title: "¿Para quién es el curso? - Practicantes avanzados",          description: "Si entrenás calistenia hace tiempo y buscás convertir tu pasión en una fuente de ingresos certificada.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-athlete-wearing-technical-t-shirt-cross-fitness-hand-protection-grabbling-carbon-pullup-bar-isolated-white_346278-1719.jpg",          imageAlt: "Icono de un atleta"},
      ]}
      title="¿Te pasa esto?"
      description="Muchos entrenadores y practicantes apasionados se encuentran con estas barreras:"
    />
  </div>

  <div id="solucion" data-section="solucion">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "El Curso Intensivo de Calistenia 360 te da el método, la práctica y la certificación para enseñar de forma profesional."},
        {
          type: "text",          content: "Con nuestra formación, no solo aprenderás, sino que dominarás el arte de enseñar calistenia:\n\n*   Clases prácticas presenciales en el centro de Montevideo.\n*   Material de repaso completo para estudio en casa.\n*   Certificación oficial de Calistenia 360.\n*   Acompañamiento personalizado durante todo el proceso.\n*   Grupos reducidos para un aprendizaje efectivo con horarios a elección."},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/people-doing-outdoor-training_23-2149891426.jpg",          alt: "Instructor de calistenia enseñando a un grupo de estudiantes"},
      ]}
      buttons={[
        {
          text: "QUIERO APRENDER A ENSEÑAR",          href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia"},
      ]}
    />
  </div>

  <div id="bonos" data-section="bonos">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Acceso a la comunidad privada",          description: "Formá parte de nuestra comunidad de instructores, compartí experiencias y hacé networking.",          imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-word-discount_53876-30895.jpg",          imageAlt: "Icono de comunidad"},
        {
          title: "Guías de entrenamiento avanzadas",          description: "Material complementario con rutinas y progresiones para nivel intermedio y avanzado.",          imageSrc: "http://img.b2bpic.net/free-photo/young-business-people-are-discussing-new-creative-ideas-together-meeting-office_146671-15732.jpg",          imageAlt: "Icono de guías"},
        {
          title: "Clase magistral de marketing",          description: "Aprendé a promocionar tus servicios y conseguir alumnos con técnicas probadas.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-athletic-woman-practicing-situps-while-exercising-living-room_637285-11615.jpg",          imageAlt: "Icono de marketing"},
      ]}
      title="Además, llevate 3 bonos gratuitos incluidos"
      description="Potenciá tu formación con estos beneficios exclusivos sin costo adicional."
      buttons={[
        {
          text: "QUIERO LOS BONOS GRATIS",          href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia"},
      ]}
    />
  </div>

  <div id="precio" data-section="precio">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      plans={[
        {
          id: "contado",          badge: "Descuento",          badgeIcon: Sparkles,
          price: "$11.000",          subtitle: "Pago único con descuento de lanzamiento. Precio normal: $13.500",          features: [
            "Formación Completa",            "Certificación Oficial",            "Todos los Bonos Incluidos"],
          buttons: [
            {
              text: "PAGAR CONTADO AHORA",              href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia (pago contado)"},
          ],
        },
        {
          id: "reserva",          badge: "Flexible",          badgeIcon: Wallet,
          price: "$1.350",          subtitle: "Reservá tu cupo con solo el 10% y el resto en cuotas mensuales mientras cursás.",          features: [
            "Reserva de Cupo",            "Flexibilidad de Pago",            "Congelá el Precio Actual"],
          buttons: [
            {
              text: "RESERVAR MI CUPO AHORA",              href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia (reserva)"},
          ],
        },
      ]}
      title="Invertí en tu futuro como Instructor"
      description="⚠️ Solo 15 cupos por edición — ¡Descuento de lanzamiento por tiempo limitado! Asegurá tu lugar ahora."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "ediciones",          icon: Award,
          title: "Ediciones Realizadas",          value: "10ma"},
        {
          id: "alumnos",          icon: Users,
          title: "Alumnos Certificados",          value: "+300"},
        {
          id: "satisfaccion",          icon: Star,
          title: "Satisfacción Promedio",          value: "4.9/5"},
      ]}
      title="Nuestra Experiencia nos Respalda"
      description="Formando instructores de calistenia con éxito edición tras edición."
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="El curso de Calistenia 360 me cambió la forma de ver el entrenamiento y me dio la confianza para empezar a enseñar. La metodología es excelente y el apoyo de los instructores, fundamental. ¡Totalmente recomendable!"
      rating={5}
      author="Martín Rodríguez, Instructor Certificado"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/side-view-woman-dancing-studio_23-2150621031.jpg",          alt: "Avatar de Martín Rodríguez"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-posing-dark-wall_176420-626.jpg",          alt: "Avatar de Ana Giménez"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32117.jpg",          alt: "Avatar de Pablo Sosa"},
        {
          src: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg",          alt: "Avatar de Sofía Pereira"},
        {
          src: "http://img.b2bpic.net/free-photo/african-american-freelancer-home-office-sitting-desk-typing-laptop_482257-126952.jpg",          alt: "Avatar de Juan Álvarez"},
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "¿Necesito experiencia previa en calistenia?",          content: "Es recomendable tener al menos 6 meses de práctica en calistenia o una base de entrenamiento funcional para aprovechar al máximo el curso."},
        {
          id: "faq2",          title: "¿Dónde y cuándo se dicta el curso?",          content: "El curso es presencial y se dicta en el CENTRO de Montevideo. Los días y horarios se coordinan según la disponibilidad del grupo, ofreciendo flexibilidad."},
        {
          id: "faq3",          title: "¿Qué incluye la certificación?",          content: "La certificación de Instructor de Calistenia 360 te habilita para diseñar planes de entrenamiento, corregir técnica y guiar a alumnos de diferentes niveles."},
        {
          id: "faq4",          title: "¿Cómo reservo mi lugar?",          content: "Podés reservar tu lugar directamente haciendo clic en los botones de WhatsApp que encontrarás en la página. Te guiaremos en el proceso."},
        {
          id: "faq5",          title: "¿Puedo pagar en cuotas?",          content: "Sí, tenés la opción de reservar con un pago inicial y financiar el resto en cuotas mensuales mientras cursás el programa."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227842.jpg"
      imageAlt="Grupo de personas dialogando y aprendiendo en un taller de calistenia"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Preguntas Frecuentes"
      description="Resolvé todas tus dudas sobre el curso de instructor."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="cierre" data-section="cierre">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Los cupos son limitados y las ediciones se agotan rápido. ¡No pierdas tu oportunidad de certificarte y potenciar tu carrera! Asegurá tu lugar con descuento de lanzamiento por tiempo limitado."
      buttons={[
        {
          text: "¡QUIERO SER INSTRUCTOR CERTIFICADO!",          href: "https://wa.me/598XXXXXXXXX?text=Hola, quiero reservar mi cupo para el curso de Instructor de Calistenia"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}