"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, CalendarCheck, Clock, GraduationCap, ShieldCheck, Sparkles, Star, Target, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Inicio",
          id: "#hero",
        },
        {
          name: "Servicios",
          id: "#servicios",
        },
        {
          name: "Programas",
          id: "#programas",
        },
        {
          name: "Planes",
          id: "#planes",
        },
        {
          name: "Testimonios",
          id: "#testimonios",
        },
        {
          name: "Contacto",
          id: "#contacto",
        },
      ]}
      brandName="Fuerza Viva"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Transforma Tu Cuerpo, Transforma Tu Vida"
      description="Únete a nuestra comunidad fitness y alcanza tus metas con el mejor entrenamiento y apoyo de expertos."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-photographer-dark-photo-studio_613910-3042.jpg",
          alt: "Miembro 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-tattoed-shirtless-male-with-stylish-haircut-beard-standing-against-brick-wall-room-with-loft-interior_613910-21048.jpg",
          alt: "Miembro 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-exercising-outdoor-short-break-i-will-continue-my-training_329181-11102.jpg",
          alt: "Miembro 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-woman-with-jumping-rope_23-2147789633.jpg",
          alt: "Miembro 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-trendy-hairstyle_23-2149478906.jpg",
          alt: "Miembro Adicional",
        },
      ]}
      avatarText="Más de 500 miembros activos ya entrenan con nosotros"
      buttons={[
        {
          text: "Ver Servicios",
          href: "#servicios",
        },
        {
          text: "Únete Ahora",
          href: "#contacto",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/sporty-woman-looking-smartphone_23-2147988254.jpg",
          alt: "Atleta motivada",
        },
        {
          type: "text-icon",
          text: "Clases para Todos",
          icon: Users,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/fitness-smiling-woman-grey-sports-clothing-with-pink-hair-young-beautiful-model-with-perfect-bodyfemale-posing-street-near-blue-wallcheerful-happy-stretching-out-before-training_158538-21643.jpg",
          alt: "Estiramiento al aire libre",
        },
        {
          type: "text-icon",
          text: "Entrenadores Expertos",
          icon: GraduationCap,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-colorful-sport-wear-beach_343596-2441.jpg",
          alt: "Corredora en la playa",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Nuestra Historia"
      title="Más que un Gimnasio, Una Familia."
      description="Desde 1999, hemos sido el corazón de la comunidad fitness en Maldonado. Con años de experiencia, ofrecemos un ambiente acogedor y profesional donde todos son bienvenidos."
      subdescription="Creemos en el poder del movimiento para mejorar la vida. Nuestro equipo de expertos está aquí para guiarte en cada paso de tu viaje hacia una mejor versión de ti mismo."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/cast-iron-dumbbell-weights_1048-12225.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Entrenamiento Personalizado",
          description: "Programas diseñados exclusivamente para ti, con seguimiento de un entrenador certificado.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-training-together_23-2149639224.jpg",
            imageAlt: "Entrenador personal con cliente",
          },
          items: [
            {
              icon: Users,
              text: "Sesiones individuales",
            },
            {
              icon: CalendarCheck,
              text: "Planes a medida",
            },
            {
              icon: Target,
              text: "Enfoque en tus metas",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-photographer-dark-photo-studio_613910-3042.jpg",
          imageAlt: "personal trainer assisting client",
        },
        {
          title: "Clases Grupales Dinámicas",
          description: "Disfruta de la energía de nuestras clases: Yoga, Zumba, Spinning, Pilates y más.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/trainer-assisting-group-people-with-stretching-exercise_1170-235.jpg",
            imageAlt: "Clase grupal de fitness",
          },
          items: [
            {
              icon: Sparkles,
              text: "Instructores expertos",
            },
            {
              icon: Clock,
              text: "Horarios flexibles",
            },
            {
              icon: Handshake,
              text: "Comunidad unida",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattoed-shirtless-male-with-stylish-haircut-beard-standing-against-brick-wall-room-with-loft-interior_613910-21048.jpg",
          imageAlt: "personal trainer assisting client",
        },
        {
          title: "Equipamiento de Última Generación",
          description: "Contamos con las máquinas más modernas para un entrenamiento eficaz y seguro.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197731.jpg",
            imageAlt: "Equipamiento moderno de gimnasio",
          },
          items: [
            {
              icon: Weight,
              text: "Área de pesas",
            },
            {
              icon: Bike,
              text: "Máquinas de cardio",
            },
            {
              icon: ShieldCheck,
              text: "Seguridad y confort",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-exercising-outdoor-short-break-i-will-continue-my-training_329181-11102.jpg",
          imageAlt: "personal trainer assisting client",
        },
      ]}
      title="Entrena a Tu Manera"
      description="Ofrecemos una amplia gama de clases y equipos para que encuentres tu rutina perfecta."
      tag="Nuestros Servicios"
    />
  </div>

  <div id="programas" data-section="programas">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Programa de Fuerza Total",
          price: "$60/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-61178.jpg",
          imageAlt: "Hombre levantando pesas",
        },
        {
          id: "p2",
          name: "Reto de Cardio Extremo",
          price: "$55/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-taking-selfies-gym_23-2148419819.jpg",
          imageAlt: "Mujer corriendo en cinta",
        },
        {
          id: "p3",
          name: "Bienestar en Yoga y Meditación",
          price: "$45/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/trainer-assisting-group-people-with-stretching-exercise_1170-236.jpg",
          imageAlt: "Grupo de personas haciendo yoga",
        },
        {
          id: "p4",
          name: "Guía de Nutrición Personal",
          price: "$70/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/training-concept-with-slate_23-2147692056.jpg",
          imageAlt: "Comida saludable en una mesa",
        },
        {
          id: "p5",
          name: "CrossFit Challenge",
          price: "$65/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-white-rope-gym_651396-760.jpg",
          imageAlt: "Persona haciendo entrenamiento CrossFit",
        },
        {
          id: "p6",
          name: "Pilates Reformer",
          price: "$50/mes",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-training-gym_23-2150772251.jpg",
          imageAlt: "Mujer haciendo pilates en máquina",
        },
      ]}
      title="Alcanza Tus Metas Más Rápido"
      description="Desde entrenamiento de fuerza hasta clases de yoga, tenemos el programa ideal para ti."
      tag="Programas Personalizados"
    />
  </div>

  <div id="planes" data-section="planes">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$30",
          name: "Plan Básico",
          buttons: [
            {
              text: "Comenzar Ahora",
              href: "#contacto",
            },
          ],
          features: [
            "Acceso a sala de máquinas",
            "Horario libre",
            "Soporte básico",
          ],
        },
        {
          id: "premium",
          badge: "Recomendado",
          badgeIcon: Star,
          price: "$50",
          name: "Plan Premium",
          buttons: [
            {
              text: "Elegir Premium",
              href: "#contacto",
            },
          ],
          features: [
            "Acceso a todas las clases grupales",
            "Entrenamiento personalizado (1 sesión/mes)",
            "Acceso a sala de máquinas",
            "Soporte prioritario",
          ],
        },
        {
          id: "vip",
          price: "$75",
          name: "Plan VIP",
          buttons: [
            {
              text: "Contactar para VIP",
              href: "#contacto",
            },
          ],
          features: [
            "Todo lo del Plan Premium",
            "Entrenamiento personalizado (4 sesiones/mes)",
            "Plan nutricional",
            "Acceso anticipado a eventos",
          ],
        },
      ]}
      title="Flexibilidad para Todos"
      description="Elige el plan que mejor se adapte a tus necesidades y comienza hoy mismo tu transformación."
      tag="Nuestros Planes"
    />
  </div>

  <div id="logros" data-section="logros">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          icon: Award,
          title: "Años de Actividad",
          value: "25+",
        },
        {
          id: "m2",
          icon: Star,
          title: "Miembros Felices",
          value: "500+",
        },
        {
          id: "m3",
          icon: Star,
          title: "Clases Semanales",
          value: "40+",
        },
        {
          id: "m4",
          icon: Users,
          title: "Entrenadores Certificados",
          value: "10+",
        },
      ]}
      title="Impacto en la Comunidad"
      description="Décadas de dedicación y miles de historias de éxito nos respaldan."
      tag="Nuestros Logros"
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Ana García",
          date: "2023-04-12",
          title: "Resultados Increíbles",
          quote: "El mejor gimnasio en Maldonado. Las clases son fantásticas y los entrenadores muy profesionales. ¡He visto resultados que nunca pensé posibles!",
          tag: "Perdida de Peso",
          avatarSrc: "http://img.b2bpic.net/free-photo/healthy-lifestyle-concept-sporty-young-woman-cropped-top-shots-has-bodybuilding-exercises-gym-raises-dumbbells-motivates-you-sport-isolated-beige-background-lifts-weights_273609-58671.jpg",
          avatarAlt: "Ana García",
          imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-jumping-outdoors-summer_1262-6328.jpg",
          imageAlt: "Ana García entrenando",
        },
        {
          id: "2",
          name: "Carlos López",
          date: "2023-05-20",
          title: "Excelente Ambiente",
          quote: "Recién empecé y el ambiente es muy higiénico y el trato excelente. Me siento muy motivado cada día. ¡Totalmente recomendable!",
          tag: "Ganancia Muscular",
          avatarSrc: "http://img.b2bpic.net/free-photo/thinking-young-sporty-guy-looking-side-wearing-headband-wristband-holding-hands-waist-isolated-white-wall_141793-87858.jpg",
          avatarAlt: "Carlos López",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-gym-treadmill_23-2148353063.jpg",
          imageAlt: "Carlos López en la cinta",
        },
        {
          id: "3",
          name: "Sofía Hernández",
          date: "2023-06-01",
          title: "Mi Segunda Familia",
          quote: "Más que un gimnasio, es una familia. La atención y la variedad de máquinas son excelentes. Llevo años aquí y no lo cambio por nada.",
          tag: "Bienestar General",
          avatarSrc: "http://img.b2bpic.net/free-photo/women-fitness-class-taking-selfies_23-2148387807.jpg",
          avatarAlt: "Sofía Hernández",
          imageSrc: "http://img.b2bpic.net/free-photo/young-athletic-woman-getting-ready-exercising-adjusting-mobile-phone-arm-band-nature_637285-1975.jpg",
          imageAlt: "Sofía Hernández en clase grupal",
        },
        {
          id: "4",
          name: "Javier Ruiz",
          date: "2023-07-15",
          title: "Profesionales de Primera",
          quote: "Los instructores son muy profesionales y el equipamiento es de primera. Siempre hay alguien dispuesto a ayudarte con una sonrisa.",
          tag: "Rendimiento Deportivo",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",
          avatarAlt: "Javier Ruiz",
          imageSrc: "http://img.b2bpic.net/free-photo/motivated-young-female-athlete-smiling-gym-using-leg-press-equipment_197531-22866.jpg",
          imageAlt: "Javier Ruiz haciendo pull-ups",
        },
        {
          id: "5",
          name: "Laura Díaz",
          date: "2023-08-22",
          title: "Siempre a la Vanguardia",
          quote: "Este gimnasio está siempre a la vanguardia con lo último en tecnología. Me encanta la innovación y la constante mejora. ¡Una experiencia de 5 estrellas!",
          tag: "Tecnología Fitness",
          avatarSrc: "http://img.b2bpic.net/free-photo/upperangle-shot-attractive-sweaty-sportswoman-using-gym-equipment-gain-perfect-abs-good-body-shape-pushup-rings-pumping-biceps-smiling-as-if-feeling-joy-working-out-train-endurance_197531-30367.jpg",
          avatarAlt: "Laura Díaz",
          imageSrc: "http://img.b2bpic.net/free-photo/debonair-woman-doing-exercize_197531-13092.jpg",
          imageAlt: "Laura Díaz sonriendo tras entrenar",
        },
      ]}
      title="Voces de Transformación"
      description="La satisfacción de nuestros miembros es nuestra mayor motivación."
      tag="Lo que Dicen Nuestros Miembros"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",
          title: "¿Cuáles son los horarios de apertura del gimnasio?",
          content: "Abrimos de Lunes a Viernes de 7:00 a 23:00, Sábados de 8:00 a 18:00 y Domingos de 9:00 a 14:00.",
        },
        {
          id: "q2",
          title: "¿Ofrecen clases de prueba gratuitas?",
          content: "Sí, puedes probar un día sin costo en nuestras instalaciones. ¡Contáctanos para más detalles!",
        },
        {
          id: "q3",
          title: "¿Qué tipos de clases grupales tienen?",
          content: "Ofrecemos Yoga, Zumba, Spinning, Pilates, Entrenamiento Funcional y muchas más.",
        },
        {
          id: "q4",
          title: "¿Hay entrenadores personales disponibles?",
          content: "Sí, contamos con un equipo de entrenadores personales certificados para guiarte en tu rutina. Puedes consultar nuestros planes con entrenamiento personalizado.",
        },
        {
          id: "q5",
          title: "¿Cuáles son las opciones de membresía?",
          content: "Tenemos planes básicos, premium y VIP, que incluyen diferentes niveles de acceso a instalaciones, clases y servicios personalizados.",
        },
        {
          id: "q6",
          title: "¿Tienen duchas y vestuarios?",
          content: "Sí, nuestras instalaciones incluyen vestuarios y duchas limpias y modernas para tu comodidad.",
        },
      ]}
      title="¿Tienes Dudas?"
      description="Encuentra respuestas a las preguntas más comunes sobre membresías, clases y más."
      tag="Preguntas Frecuentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contacto" data-section="contacto">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contáctanos"
      title="Empieza Tu Viaje Fitness"
      description="Déjanos tus datos y te ayudaremos a encontrar el plan perfecto para ti."
      imageSrc="http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858031.jpg"
      imageAlt="Personas ejercitándose en un gimnasio"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Tu email"
      buttonText="Enviar Consulta"
      termsText="Al enviar, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Fuerza Viva"
      columns={[
        {
          title: "¿Precisás ayuda?",
          items: [
            {
              label: "Preguntas frecuentes",
              href: "#faq",
            },
            {
              label: "Contáctanos",
              href: "#contacto",
            },
          ],
        },
        {
          title: "Empresa",
          items: [
            {
              label: "Acerca de nosotros",
              href: "#about",
            },
            {
              label: "Servicios",
              href: "#servicios",
            },
            {
              label: "Planes",
              href: "#planes",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Twitter",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Gimnasio Fuerza Viva. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
