"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Nosotros",
          id: "#porque",
        },
        {
          name: "Servicios",
          id: "#servicios",
        },
        {
          name: "Familias",
          id: "#testimonios",
        },
        {
          name: "Ubicación",
          id: "#ubicacion-section",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/horse-emblem-icon-logo_24911-44996.jpg"
      logoAlt="Centro Ecuestre Tunari logo"
      brandName="Centro Ecuestre Tunari"
      button={{
        text: "WhatsApp",
        href: "https://wa.me/59168519219?text=Hola,%20me%20interesa%20una%20visita%20al%20Centro%20Ecuestre%20Tunari",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Aprende Equitación con Seguridad, Profesionalismo y Amor por los Caballos"
      description="En Centro Ecuestre Tunari ofrecemos clases de equitación para niños desde los 5 años, paseos guiados a caballo y experiencias únicas de conexión con la naturaleza en Cochabamba."
      testimonials={[
        {
          name: "Madre de alumno",
          handle: "8 años",
          testimonial: "Mi hijo ganó mucha confianza desde que comenzó las clases. Es increíble ver cómo ha crecido en tan poco tiempo.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-looking-away-from-camera_23-2148244809.jpg",
          imageAlt: "Avatar de madre de alumno",
        },
        {
          name: "Padre de familia",
          handle: "Entusiasmado",
          testimonial: "Los instructores son muy pacientes y profesionales. Se nota que aman lo que hacen y eso se transmite a los niños.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-corporate-man_23-2148336854.jpg",
          imageAlt: "Avatar de padre de familia",
        },
        {
          name: "Familia Rodríguez",
          handle: "Clientes Felices",
          testimonial: "El ambiente es increíble. Es como entrar a otro mundo cada vez que venimos. Muy recomendado.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-man-red-haired-woman_273609-9909.jpg",
          imageAlt: "Avatar de la familia Rodríguez",
        },
        {
          name: "Joven Jinete",
          handle: "Amante de los caballos",
          testimonial: "Cada clase es una aventura. Aprendo mucho y me divierto con mis amigos y los caballos. ¡Es mi lugar favorito!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hat-with-pigtails_23-2148070383.jpg",
          imageAlt: "Avatar de joven jinete",
        },
        {
          name: "Familia G.",
          handle: "Recomendados",
          testimonial: "El lugar es hermoso y seguro. Ver la alegría de nuestros hijos al montar no tiene precio. Siempre regresamos.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-boy-looking-away_23-2148244716.jpg",
          imageAlt: "Avatar de familia feliz",
        },
      ]}
      tag="Centro Ecuestre Tunari · Cochabamba"
      buttons={[
        {
          text: "Reservar una Visita",
          href: "#ubicacion-section",
        },
        {
          text: "Solicitar Información por WhatsApp",
          href: "https://wa.me/59168519219?text=Hola,%20me%20interesa%20el%20Centro%20Ecuestre%20Tunari",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-with-smile-face_141793-54612.jpg",
          alt: "Foto de niño sonriente",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-view-pleased-young-blonde-woman_141793-116583.jpg",
          alt: "Foto de hombre feliz",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-blonde-cartoon-character_1308-171273.jpg",
          alt: "Foto de mujer sonriente",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-shopping-center_23-2148225714.jpg",
          alt: "Foto de joven",
        },
        {
          src: "http://img.b2bpic.net/free-photo/little-blonde-girl-wearing-striped-shirt_273609-14537.jpg",
          alt: "Foto de niña rubia",
        },
      ]}
      avatarText="Más de 50 alumnos felices"
      imageSrc="http://img.b2bpic.net/free-photo/mesmerizing-view-wild-horse-meadow_181624-45924.jpg"
      imageAlt="Caballo majestuoso galopando en el valle de Cochabamba al atardecer"
      showDimOverlay={true}
      showBlur={true}
    />
  </div>

  <div id="porque" data-section="porque">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Una experiencia ecuestre diferente"
      description={[
        "En Centro Ecuestre Tunari creemos que montar a caballo es mucho más que un deporte. Nuestros programas desarrollan disciplina, confianza, responsabilidad y respeto por los animales, mientras los alumnos disfrutan de una experiencia segura y divertida.",
        "Contamos con caballos entrenados especialmente para enseñanza, entrenadoras certificadas con amplia experiencia, y estamos afiliados a la Asociación de Deportes Ecuestres de Cochabamba.",
        "Ofrecemos un ambiente seguro, familiar y profesional para niños desde los 5 años, con contacto directo con la naturaleza y supervisión permanente.",
      ]}
    />
  </div>

  <div id="servicios" data-section="servicios">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Clases de Equitación",
          description: "Aprendizaje progresivo con entrenadoras certificadas, adaptado al nivel y edad de cada alumno. Desde las posiciones básicas hasta técnica avanzada.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pzp51z",
          imageAlt: "Ícono de caballo",
        },
        {
          title: "Paseos Guiados",
          description: "Recorridos seguros y supervisados para disfrutar del entorno natural de Cochabamba acompañado de nuestros caballos más tranquilos y confiables.",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zrmh0y",
          imageAlt: "Ícono de hoja natural",
        },
        {
          title: "Visitas a los Establos",
          description: "Conoce de cerca nuestros caballos y aprende sobre su cuidado, alimentación y bienestar. Una experiencia única para toda la familia.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-girl-with-horse_23-2150856771.jpg",
          imageAlt: "Ícono de casa",
        },
        {
          title: "Formación en Valores",
          description: "Promovemos respeto, empatía, responsabilidad y amor por los animales. Montar a caballo forma carácter, disciplina y confianza en los jóvenes.",
          imageSrc: "http://img.b2bpic.net/free-photo/hierarchy-shape-finance-diagrams_23-2148305951.jpg",
          imageAlt: "Ícono de corazón amarillo",
        },
      ]}
      title="Más que una clase de equitación"
      description="Cada visita al Centro Ecuestre Tunari se convierte en una experiencia educativa y memorable."
    />
  </div>

  <div id="padres" data-section="padres">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "¿El personal está capacitado y certificado?",
          content: "Sí, contamos con instructores altamente cualificados y certificados con años de experiencia en equitación y pedagogía ecuestre.",
        },
        {
          id: "faq-2",
          title: "¿Los caballos son seguros para enseñanza?",
          content: "Nuestros caballos son cuidadosamente seleccionados y entrenados específicamente para garantizar la seguridad y el óptimo aprendizaje de todos los alumnos.",
        },
        {
          id: "faq-3",
          title: "¿Hay supervisión constante durante las clases?",
          content: "Absolutamente. Cada sesión se realiza bajo la atenta mirada y guía permanente de nuestros profesionales, asegurando un entorno seguro y de apoyo.",
        },
        {
          id: "faq-4",
          title: "¿Las instalaciones son adecuadas y equipadas?",
          content: "Disponemos de pistas y equipos modernos, mantenidos en óptimas condiciones para la práctica de la equitación, garantizando un espacio seguro y funcional.",
        },
        {
          id: "faq-5",
          title: "¿Hay programas para principiantes?",
          content: "Diseñamos rutas de aprendizaje personalizadas que se ajustan al ritmo y nivel de cada estudiante, siendo ideales para principiantes desde los 5 años.",
        },
        {
          id: "faq-6",
          title: "¿El equipo de seguridad está incluido?",
          content: "Sí, proporcionamos todo el equipo de protección necesario, incluyendo cascos, para que su hijo tenga una experiencia segura desde el primer día.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-children-learning-ride-horses_23-2150542078.jpg"
      imageAlt="Niño montando a caballo con instructor"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Tranquilidad para las familias"
      description="Sabemos que la seguridad es lo más importante. Por eso contamos con todas las garantías para que su hijo aprenda en un ambiente seguro y positivo."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="testimonios" data-section="testimonios">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",
          name: "Madre de alumno",
          handle: "8 años",
          testimonial: "Mi hijo ganó mucha confianza desde que comenzó las clases. Es increíble ver cómo ha crecido en tan poco tiempo.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
          imageAlt: "Foto de madre de alumno",
        },
        {
          id: "test-2",
          name: "Padre de familia",
          handle: "Cliente Feliz",
          testimonial: "Los instructores son muy pacientes y profesionales. Se nota que aman lo que hacen y eso se transmite a los niños.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-father-daughter-celebrating-christmas_23-2147721495.jpg",
          imageAlt: "Foto de padre de familia",
        },
        {
          id: "test-3",
          name: "Familia Rodríguez",
          handle: "Clientes Frecuentes",
          testimonial: "Los caballos están muy bien cuidados y el ambiente es increíble. Es como entrar a otro mundo cada vez que venimos.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-family-looking-camera_23-2148045541.jpg",
          imageAlt: "Foto de la familia Rodríguez",
        },
        {
          id: "test-4",
          name: "Mamá de alumna",
          handle: "6 años",
          testimonial: "Una experiencia hermosa para que los niños aprendan y disfruten. Mi hija no quiere faltar ni un solo sábado.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
          imageAlt: "Foto de mamá de alumna",
        },
        {
          id: "test-5",
          name: "Claudia S.",
          handle: "Visitante Regular",
          testimonial: "Siempre salimos felices y renovados. Es el mejor lugar para desconectar y conectar con la naturaleza. ¡Un 5 estrellas!",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-excited-woman-walking-park_1262-20515.jpg",
          imageAlt: "Foto de Claudia S.",
        },
        {
          id: "test-6",
          name: "Roberto G.",
          handle: "Padre de familia",
          testimonial: "Mis hijos han aprendido no solo a montar, sino también valores importantes de respeto y disciplina. Totalmente recomendado.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
          imageAlt: "Foto de Roberto G.",
        },
      ]}
      title="Lo que viven nuestras familias"
      description="Descubre las experiencias y el impacto positivo que el Centro Ecuestre Tunari tiene en la vida de nuestros alumnos y sus familias."
    />
  </div>

  <div id="galeria" data-section="galeria">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Clases de Equitación",
          description: "Momentos de aprendizaje y superación.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-with-horse-ranch_1303-22026.jpg",
          imageAlt: "Niños en clase de equitación",
        },
        {
          title: "Paseos Guiados",
          description: "Recorriendo los paisajes de Cochabamba a caballo.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-horse-green-field-horseback-riding-competition-hobby_639032-1400.jpg",
          imageAlt: "Paseo a caballo en el valle",
        },
        {
          title: "Caballos y Establos",
          description: "Cuidado y bienestar de nuestros nobles compañeros.",
          imageSrc: "http://img.b2bpic.net/free-photo/really-beautiful-mini-horse-family-grass-pasture_493961-243.jpg",
          imageAlt: "Interior de los establos",
        },
        {
          title: "Momentos con Nuestros Alumnos",
          description: "Alegría y aprendizaje en cada jornada.",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-children-learning-ride-horses_23-2150542007.jpg",
          imageAlt: "Niños felices con caballos",
        },
        {
          title: "Naturaleza y Aventuras",
          description: "Explorando la belleza natural a lomos de un caballo.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-rider-horseback-mountains_1398-1016.jpg",
          imageAlt: "Jinete explorando un sendero natural",
        },
        {
          title: "Entrenamiento y Disciplina",
          description: "El arte de la equitación y la conexión con el animal.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3511.jpg",
          imageAlt: "Jinete y caballo saltando un obstáculo",
        },
      ]}
      title="Momentos en el Centro Ecuestre"
      description="Capturamos la esencia de la equitación, la conexión con los caballos y la belleza natural de Cochabamba."
    />
  </div>

  <div id="ubicacion-section" data-section="ubicacion-section">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Dirección",
          description: "Av. J. Rosendi Final, 8 cuadras al norte de la Terminal de Buses de Quillacollo, Cochabamba, Bolivia",
          imageSrc: "http://img.b2bpic.net/free-photo/map-pin-location-direction-position-graphic_53876-120987.jpg",
          imageAlt: "Ícono de dirección",
        },
        {
          title: "Contacto",
          description: "Escríbenos por WhatsApp para coordinar tu visita o clase de prueba",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-monday-concept-composition-with-telephone_23-2149139101.jpg",
          imageAlt: "Ícono de contacto",
        },
        {
          title: "Horarios",
          description: "Lunes a Sábado · Consultar disponibilidad",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-clock_1339-6373.jpg",
          imageAlt: "Ícono de horario",
        },
      ]}
      title="Visítanos en Cochabamba"
      description="Te esperamos en nuestras instalaciones en Quillacollo, Cochabamba. Fácil acceso desde la ciudad. Aquí tienes nuestros datos de contacto y horarios."
      buttons={[
        {
          text: "Reservar Visita por WhatsApp",
          href: "https://wa.me/59168519219?text=Hola,%20me%20interesa%20visitar%20el%20Centro%20Ecuestre%20Tunari",
        },
      ]}
    />
  </div>

  <div id="cta-final" data-section="cta-final">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Tu próxima aventura"
      title="Tu próxima aventura comienza aquí"
      description="Descubre el mundo de la equitación junto a profesionales apasionados y caballos extraordinarios. Aprende, crece y crea recuerdos inolvidables."
      buttons={[
        {
          text: "Agenda tu Visita",
          href: "https://wa.me/59168519219?text=Hola,%20quiero%20agendar%20una%20visita%20al%20Centro%20Ecuestre%20Tunari",
        },
        {
          text: "Escríbenos por WhatsApp",
          href: "https://wa.me/59168519219?text=Hola,%20quiero%20informaci%C3%B3n%20del%20Centro%20Ecuestre%20Tunari",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/horse-emblem-icon-logo_24911-44996.jpg"
      logoAlt="Centro Ecuestre Tunari logo"
      logoText="Centro Ecuestre Tunari"
      leftLink={{
        text: "Nosotros",
        href: "#porque",
      }}
      rightLink={{
        text: "Servicios",
        href: "#servicios",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
