"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="fluid"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Inicio",
          id: "hero",
        },
        {
          name: "Nosotros",
          id: "about",
        },
        {
          name: "Servicios",
          id: "features",
        },
        {
          name: "Testimonios",
          id: "testimonials",
        },
        {
          name: "Contacto",
          id: "contact",
        },
      ]}
      brandName="FitUp Gimnasio Cumbayá"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient",
      }}
      title="Transforma Tu Cuerpo, Transforma Tu Vida"
      description="FitUp es el gimnasio líder en Cumbayá, ofreciendo un ambiente motivador, equipos de última generación y entrenadores expertos para ayudarte a alcanzar tus metas fitness. ¡Únete a nuestra comunidad hoy!"
      tag="Entrena Mejor, Vive Mejor"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Empieza Hoy",
          href: "#contact",
        },
        {
          text: "Explora Servicios",
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-clinic-with-equipment-rehabilitation_1139-1200.jpg",
          imageAlt: "Interior moderno de gimnasio con máquinas",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/group-females-working-out_23-2148387782.jpg",
          imageAlt: "Persona levantando pesas en el gimnasio",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-fitness-gym-room-background_74190-4316.jpg",
          imageAlt: "Abstract blur fitness gym room background",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/orange-balls_1163-114.jpg",
          imageAlt: "Orange balls",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4766.jpg",
          imageAlt: "Abstract blur gym and fitness room",
        },
      ]}
      mediaAnimation="slide-up"
      rating={4.8}
      ratingText="Basado en 85+ reseñas excepcionales"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Tu Centro de Entrenamiento en Cumbayá"
      description="En FitUp, nos dedicamos a proporcionar una experiencia de entrenamiento integral. Contamos con equipos de alta calidad, un ambiente inspirador y un equipo de entrenadores personales listos para guiarte en cada paso. Nos enfocamos en tu bienestar y progreso a largo plazo."
      bulletPoints={[
        {
          title: "Equipos de Vanguardia",
          description: "Accede a las últimas innovaciones en máquinas y pesas para un entrenamiento eficiente.",
        },
        {
          title: "Entrenadores Expertos",
          description: "Nuestro equipo de profesionales certificados te brinda la mejor guía y motivación.",
        },
        {
          title: "Comunidad Vibrante",
          description: "Entrena en un ambiente positivo, rodeado de personas con metas similares.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-baskeball-player-standing-court_23-2147925229.jpg"
      imageAlt="Vista panorámica del gimnasio FitUp"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Área de Pesas Libres",
          description: "Desarrolla fuerza y masa muscular con nuestra amplia selección de mancuernas, barras y bancos.",
          imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-3786.jpg",
          imageAlt: "Pesas libres y mancuernas",
        },
        {
          title: "Máquinas de Cardio Modernas",
          description: "Mejora tu resistencia cardiovascular con nuestras cintas, elípticas y bicicletas de última generación.",
          imageSrc: "http://img.b2bpic.net/free-photo/wellness-health-lifestyle-workout-graphic-word_53876-21385.jpg",
          imageAlt: "Máquinas de cardio",
        },
        {
          title: "Clases Dirigidas",
          description: "Participa en nuestras energéticas clases grupales como spinning, zumba y yoga para todos los niveles.",
          imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-laughing-multi-ethnic-group-fitness-yoga-cl_1163-4980.jpg",
          imageAlt: "Clase de fitness grupal",
        },
        {
          title: "Entrenamiento Personalizado",
          description: "Recibe un plan de entrenamiento y nutrición a medida con la supervisión de un entrenador dedicado.",
          imageSrc: "http://img.b2bpic.net/free-photo/mature-age-activity-healthy-lifestyle-wellbeing-attractive-sporty-man-retirement-sitting-gym-with-his-cute-young-woman-instructor-who-is-holding-pen-clipboard-making-plan-training_343059-4791.jpg",
          imageAlt: "Entrenador personal con cliente",
        },
      ]}
      title="Nuestros Servicios y Equipos"
      description="Descubre la variedad de opciones que FitUp tiene para potenciar tu entrenamiento y maximizar tus resultados."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "85+",
          title: "Reseñas de 5 Estrellas",
          description: "Satisfacción garantizada por nuestros miembros.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",
          imageAlt: "Close up people high five at gym",
        },
        {
          id: "m2",
          value: "5 Años",
          title: "De Experiencia",
          description: "Líderes en fitness y bienestar en Cumbayá.",
          imageSrc: "http://img.b2bpic.net/free-photo/square-clock-outdoors-still-life_23-2150436195.jpg",
          imageAlt: "Square clock outdoors still life",
        },
        {
          id: "m3",
          value: "300+",
          title: "Miembros Activos",
          description: "Una comunidad creciente y comprometida con su salud.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-gesturing-peace-sign_23-2147827419.jpg",
          imageAlt: "Portrait of a happy woman gesturing peace sign",
        },
      ]}
      title="Nuestros Logros Hablan por Sí Solos"
      description="Impulsamos el éxito de nuestros miembros, transformando vidas y fomentando un estilo de vida saludable."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Resultados Increíbles y Atención Excelente",
          quote: "El sitio es excelente para realizar ejercicios personalizados, máquinas nuevas y una gran atención al cliente. He visto resultados que nunca creí posibles.",
          name: "Francisco X. Dávalos",
          role: "Miembro FitUp",
          imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-sports-man-happy-expression_1194-5246.jpg",
          imageAlt: "Francisco X. Dávalos",
        },
        {
          id: "t2",
          title: "El Mejor Gimnasio en Cumbayá",
          quote: "Un gimnasio local con todo lo necesario para entrenar fuerza: mancuernas, pesas libres, máquinas de peso y algunas máquinas de cardio. Siempre hay un entrenador de turno si tienes preguntas. Simple y asequible.",
          name: "Matthew Foster",
          role: "Local Guide",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-waving-hand-smartphone-wearing-wireless-headphones-working-out-recording_1258-253732.jpg",
          imageAlt: "Matthew Foster",
        },
        {
          id: "t3",
          title: "Ambiente Motivador y Equipos Top",
          quote: "FitUp ha superado mis expectativas. El ambiente es increíblemente motivador y las máquinas son de primer nivel. ¡Cada entrenamiento es un placer!",
          name: "Carolina López",
          role: "Entusiasta del Fitness",
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-angry-expression_1194-5240.jpg",
          imageAlt: "Carolina López",
        },
        {
          id: "t4",
          title: "Progreso Constante y Soporte Total",
          quote: "Desde que me uní a FitUp, mi progreso ha sido constante. Los entrenadores son muy atentos y siempre están dispuestos a ayudar con cualquier duda.",
          name: "Ricardo Zambrano",
          role: "Atleta Amateur",
          imageSrc: "http://img.b2bpic.net/free-photo/image-happy-sports-girl-standing-wall-looking-camera-female-resting-after-fitness_1153-4018.jpg",
          imageAlt: "Ricardo Zambrano",
        },
        {
          id: "t5",
          title: "Mi Lugar Favorito para Entrenar",
          quote: "No hay mejor lugar en Cumbayá para entrenar. Me encanta la variedad de equipos y las clases. ¡FitUp es mi segunda casa!",
          name: "Valeria Ortiz",
          role: "Miembro Gold",
          imageSrc: "http://img.b2bpic.net/free-photo/sport-wellbeing-young-brunette-fitness-girl-wearing-activewear-sitting-yoga-mat-meditating_1258-200202.jpg",
          imageAlt: "Valeria Ortiz",
        },
        {
          id: "t6",
          title: "Un Espacio Donde Te Sientes Parte",
          quote: "Más que un gimnasio, FitUp es una comunidad. Me siento motivado y apoyado cada vez que vengo. Definitivamente lo recomiendo.",
          name: "Andrés P. ",
          role: "Emprendedor",
          imageSrc: "http://img.b2bpic.net/free-photo/exercise-arms_1098-14491.jpg",
          imageAlt: "Andrés P. ",
        },
      ]}
      title="Lo Que Nuestros Miembros Dicen"
      description="Escucha las historias de éxito y las opiniones de quienes ya forman parte de la familia FitUp."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "NutriLife",
        "HealthHub",
        "SportMed",
        "WellnessPro",
        "ActiveWear",
        "BodyFuel",
        "FitStyle",
        "GymPartner",
      ]}
      title="Nuestros Aliados y Reconocimientos"
      description="Colaboramos con las mejores marcas del sector de salud y bienestar para ofrecerte una experiencia integral y de calidad superior."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "¿Cuáles son los horarios de operación?",
          content: "Estamos abiertos de lunes a viernes de 7:00 AM a 10:00 PM, sábados de 8:00 AM a 6:00 PM y domingos de 9:00 AM a 2:00 PM.",
        },
        {
          id: "faq2",
          title: "¿Ofrecen clases grupales?",
          content: "Sí, tenemos una variedad de clases grupales, incluyendo spinning, zumba, yoga y entrenamientos de alta intensidad. Consulta nuestro calendario para más detalles.",
        },
        {
          id: "faq3",
          title: "¿Hay entrenadores personales disponibles?",
          content: "Absolutamente. Contamos con un equipo de entrenadores personales certificados listos para diseñar un plan de entrenamiento adaptado a tus necesidades y objetivos.",
        },
        {
          id: "faq4",
          title: "¿Puedo probar el gimnasio antes de inscribirme?",
          content: "Sí, ofrecemos una sesión de prueba gratuita para que conozcas nuestras instalaciones y experimentes una de nuestras clases. ¡Contáctanos para agendarla!",
        },
      ]}
      sideTitle="¿Tienes Preguntas Frecuentes?"
      sideDescription="Encuentra respuestas rápidas a las consultas más comunes sobre nuestras membresías, servicios y todo lo relacionado con FitUp."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Contacta a FitUp"
      title="Empecemos Tu Viaje Fitness Hoy"
      description="Envíanos un mensaje o visítanos en Cumbayá. Nuestro equipo está listo para responder tus preguntas y ayudarte a dar el primer paso hacia una vida más activa y saludable."
      imageSrc="http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300875.jpg"
      imageAlt="Entrada moderna del gimnasio FitUp"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Ingresa tu correo electrónico"
      buttonText="Enviar Mensaje"
      termsText="Al hacer clic en Enviar Mensaje, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/young-adult-woman-doing-strength-exercises-gym_1153-4615.jpg"
      imageAlt="Suelo de gimnasio con pesas y equipamiento"
      logoText="FitUp"
      columns={[
        {
          title: "Empresa",
          items: [
            {
              label: "Acerca de",
              href: "#about",
            },
            {
              label: "Servicios",
              href: "#features",
            },
            {
              label: "Testimonios",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Recursos",
          items: [
            {
              label: "Preguntas Frecuentes",
              href: "#faq",
            },
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "Privacidad",
              href: "#",
            },
          ],
        },
        {
          title: "Contacto",
          items: [
            {
              label: "Ubicación",
              href: "https://maps.app.goo.gl/Q2B7YmXyZ9X8P31q8",
            },
            {
              label: "Teléfono: 099 900 0493",
              href: "tel:+593999000493",
            },
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 FitUp Gimnasio Cumbayá. Todos los derechos reservados."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
