
import Image from "next/image";

export default function AcercaDePage() {
  return (
    <div className="min-h-screen">
      {/* Hero Section */}
      <section className="relative py-20 bg-gradient-to-br from-[#0A2240] to-[#2C3E50]">
        <div className="container-custom">
          <div className="max-w-4xl mx-auto text-center text-white">
            <h1 className="heading-primary text-4xl md:text-6xl mb-8">
              ACERCA DE ESCUELAS DEPORTIVAS DE CHILE
            </h1>
            <div className="text-lg leading-relaxed space-y-4">
              <p>
                Somos el primer y único centro nacional que unifica y respalda a todas las escuelas deportivas 
                del país, creando un puente entre el talento deportivo juvenil y las oportunidades de desarrollo 
                profesional.
              </p>
              <p>
                ¿Sabías que muchos talentos deportivos chilenos nunca llegan a desarrollar todo su potencial por 
                falta de visibilidad y oportunidades? En Escuelas Deportivas de Chile trabajamos para cambiar 
                esta realidad.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Video Institucional */}
      <section className="py-16 bg-white">
        <div className="container-custom">
          <div className="max-w-4xl mx-auto">
            <div className="relative aspect-video rounded-lg overflow-hidden shadow-lg border-t-4 border-[#00B8D4]">
              <Image
                src="https://cdn.abacus.ai/images/0859d34d-445c-45ff-88bb-4cc8c084a84e.png"
                alt="Video Institucional - Escuelas Deportivas Chile"
                fill
                className="object-cover"
              />
              <div className="absolute inset-0 bg-black/30 flex items-center justify-center">
                <button className="w-20 h-20 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center hover:bg-white/30 transition-all duration-200">
                  <div className="w-0 h-0 border-l-8 border-l-white border-t-6 border-b-6 border-t-transparent border-b-transparent ml-1"></div>
                </button>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Misión y Visión */}
      <section className="py-16 bg-gray-50">
        <div className="container-custom">
          <div className="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h2 className="heading-secondary text-2xl mb-4 text-[#0A2240]">
                Nuestra Misión
              </h2>
              <p className="text-gray-700 leading-relaxed">
                Somos una institución pionera dedicada a centralizar, validar y respaldar a las escuelas 
                deportivas de Chile, facilitando el desarrollo del talento deportivo nacional desde sus bases.
              </p>
            </div>

            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h2 className="heading-secondary text-2xl mb-4 text-[#0A2240]">
                Nuestra Visión
              </h2>
              <p className="text-gray-700 leading-relaxed">
                Ser el referente nacional en la certificación y respaldo de escuelas deportivas, garantizando 
                estándares de calidad que impulsen el desarrollo del deporte chileno.
              </p>
            </div>
          </div>
        </div>
      </section>

      {/* Nuestros Valores */}
      <section className="py-16 bg-white">
        <div className="container-custom">
          <div className="text-center mb-12">
            <h2 className="heading-secondary text-3xl mb-8 text-[#0A2240]">
              Nuestros Valores
            </h2>
            <div className="grid md:grid-cols-4 gap-6 max-w-4xl mx-auto">
              <div className="text-center">
                <div className="w-16 h-16 bg-[#00B8D4] rounded-full flex items-center justify-center mx-auto mb-3">
                  <span className="text-white font-bold text-xl">C</span>
                </div>
                <h3 className="font-semibold text-[#0A2240]">Confiabilidad</h3>
              </div>
              <div className="text-center">
                <div className="w-16 h-16 bg-[#00B8D4] rounded-full flex items-center justify-center mx-auto mb-3">
                  <span className="text-white font-bold text-xl">T</span>
                </div>
                <h3 className="font-semibold text-[#0A2240]">Transparencia</h3>
              </div>
              <div className="text-center">
                <div className="w-16 h-16 bg-[#00B8D4] rounded-full flex items-center justify-center mx-auto mb-3">
                  <span className="text-white font-bold text-xl">V</span>
                </div>
                <h3 className="font-semibold text-[#0A2240]">Veracidad</h3>
              </div>
              <div className="text-center">
                <div className="w-16 h-16 bg-[#00B8D4] rounded-full flex items-center justify-center mx-auto mb-3">
                  <span className="text-white font-bold text-xl">C</span>
                </div>
                <h3 className="font-semibold text-[#0A2240]">Compromiso</h3>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* La Mejor Forma de Crecer */}
      <section className="py-16 bg-gray-50">
        <div className="container-custom">
          <div className="text-center mb-12">
            <h2 className="heading-secondary text-3xl mb-4 text-[#0A2240]">
              La Mejor Forma de Crecer
            </h2>
          </div>

          <div className="grid lg:grid-cols-2 gap-8 max-w-6xl mx-auto">
            {/* Escuelas */}
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#00B8D4]">
                Escuelas
              </h3>
              <div className="text-gray-700 space-y-4">
                <p>
                  En Escuelas Deportivas de Chile, sabemos que cada escuela deportiva es un pilar fundamental en 
                  el desarrollo del talento nacional. Por eso, te invitamos a formar parte de nuestra red, donde 
                  podrás acceder a beneficios exclusivos como certificación oficial, respaldo institucional y 
                  visibilidad ante patrocinadores y organizaciones deportivas.
                </p>
                <p>
                  Además, nuestra plataforma te permitirá conectar con otros actores clave del ámbito deportivo, 
                  facilitando la organización de eventos, torneos y actividades conjuntas. Juntos, podemos crear 
                  un ecosistema deportivo más sólido, inclusivo y lleno de oportunidades para todos.
                </p>
              </div>
            </div>

            {/* Instituciones Educacionales */}
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#00B8D4]">
                Instituciones Educacionales
              </h3>
              <div className="text-gray-700 space-y-4">
                <p>
                  ¿Eres parte de una institución educacional interesada en fomentar el deporte entre tus estudiantes? 
                  En Escuelas Deportivas de Chile, te ofrecemos la oportunidad de colaborar con escuelas deportivas 
                  certificadas y profesionales altamente capacitados.
                </p>
                <p>
                  Además, al trabajar con nosotros, tu institución podrá acceder a recursos, eventos y actividades 
                  que enriquecerán la experiencia deportiva de tus alumnos. Juntos, podemos construir una base 
                  sólida para el desarrollo del talento deportivo desde las aulas.
                </p>
              </div>
            </div>

            {/* Instructores Deportivos */}
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#00B8D4]">
                Instructores Deportivos
              </h3>
              <div className="text-gray-700 space-y-4">
                <p>
                  ¿Eres instructor o entrenador en cualquier disciplina deportiva? ¡Este es tu momento! En Escuelas 
                  Deportivas de Chile, te invitamos a unirte a nuestra red nacional de profesionales del deporte.
                </p>
                <p>
                  Aquí podrás conectar con escuelas deportivas certificadas, compartir tus conocimientos, y ser 
                  parte del desarrollo del talento deportivo chileno. Además, tendrás la oportunidad de dar 
                  visibilidad a tu trabajo y acceder a nuevas oportunidades de crecimiento profesional.
                </p>
              </div>
            </div>

            {/* Padres y Apoderados */}
            <div className="bg-white p-8 rounded-lg shadow-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#00B8D4]">
                Padres y Apoderados
              </h3>
              <div className="text-gray-700 space-y-4">
                <p>
                  Sabemos que como padre o apoderado, buscas lo mejor para tus hijos. En Escuelas Deportivas de 
                  Chile, te ofrecemos una plataforma confiable donde podrás encontrar escuelas deportivas certificadas 
                  que cumplen con los más altos estándares de calidad y seguridad.
                </p>
                <p>
                  Aquí podrás explorar opciones en diversas disciplinas, asegurándote de que tus hijos estén en un 
                  entorno que fomente su desarrollo físico, emocional y social. ¡Confía en nosotros para guiarte 
                  en este importante paso hacia el futuro deportivo de tus hijos!
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Membresía y Beneficios */}
      <section className="py-16 bg-white">
        <div className="container-custom">
          <div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
            <div className="bg-gray-50 p-8 rounded-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#0A2240]">
                Membresía Institucional
              </h3>
              <ul className="space-y-2 text-gray-700">
                <li>• Registro oficial en nuestra plataforma nacional</li>
                <li>• Respaldo institucional para eventos y actividades</li>
                <li>• Visibilidad en nuestra red nacional</li>
              </ul>
            </div>

            <div className="bg-gray-50 p-8 rounded-lg">
              <h3 className="heading-secondary text-xl mb-4 text-[#0A2240]">
                Beneficios
              </h3>
              <ul className="space-y-2 text-gray-700">
                <li>• Reconocimiento oficial como escuela deportiva validada</li>
                <li>• Acceso a red de contactos deportivos</li>
                <li>• Participación en eventos y torneos oficiales</li>
                <li>• Visibilidad ante patrocinadores y organizaciones deportivas</li>
              </ul>
            </div>
          </div>
        </div>
      </section>

      {/* Historias de Escuelas */}
      <section className="py-16 bg-gray-50">
        <div className="container-custom">
          <div className="max-w-4xl mx-auto">
            <h2 className="heading-secondary text-3xl mb-8 text-center text-[#0A2240]">
              Escuelas Deportivas en Chile: Un Movimiento que Transforma Vidas
            </h2>
            
            <div className="prose prose-lg max-w-none text-gray-700 space-y-6">
              <p>
                Chile es un país donde el deporte late con fuerza, y las escuelas deportivas son el corazón de 
                este movimiento. Según datos recientes, existen más de 500 escuelas deportivas a lo largo del 
                país, desde Arica hasta Punta Arenas, formando a miles de niños, jóvenes y adultos en distintas 
                disciplinas. Estas escuelas cuentan con más de 2,000 entrenadores certificados, muchos de ellos 
                avalados por federaciones nacionales y programas gubernamentales, garantizando una formación 
                de calidad.
              </p>

              <h3 className="heading-secondary text-xl text-[#00B8D4] mt-8 mb-4">
                Una Historia de Esfuerzo y Superación
              </h3>
              <p>
                Todo comenzó en las canchas de barrio, donde niños y niñas soñaban con ser los próximos Alexis 
                Sánchez o Christiane Endler. Con el tiempo, esas canchas se convirtieron en escuelas deportivas 
                organizadas, espacios donde no solo se enseña a jugar, sino también valores como el trabajo en 
                equipo, la disciplina y la perseverancia.
              </p>

              <h3 className="heading-secondary text-xl text-[#00B8D4] mt-8 mb-4">
                Los Deportes Más Practicados
              </h3>
              <p>
                El fútbol lidera como el deporte más popular, seguido de cerca por el básquetbol, el voleibol 
                y el atletismo. Sin embargo, en los últimos años, disciplinas como el tenis, el hockey y el 
                ciclismo han ganado terreno, reflejando la diversidad y pasión de los chilenos por el deporte.
              </p>
              <p>
                Hoy, estas escuelas son más que lugares de entrenamiento: son comunidades que inspiran. Muchos 
                de los grandes deportistas chilenos dieron sus primeros pasos en una escuela local, demostrando 
                que el talento, cuando se cultiva con dedicación, puede llegar lejos.
              </p>

              <div className="bg-[#00B8D4]/10 p-6 rounded-lg mt-8">
                <h3 className="heading-secondary text-xl text-[#0A2240] mb-4">
                  Únete a Nosotros
                </h3>
                <p className="mb-4">
                  Si diriges una escuela deportiva, eres entrenador o simplemente crees en el poder transformador 
                  del deporte, te invitamos a registrarte en nuestro sitio web. Aquí podrás:
                </p>
                <ul className="list-disc list-inside space-y-2 text-gray-700">
                  <li>Dar visibilidad a tu escuela o proyecto</li>
                  <li>Conectar con otras instituciones y patrocinadores</li>
                  <li>Acceder a recursos para mejorar la formación de tus alumnos</li>
                </ul>
                <p className="mt-4 font-semibold">
                  ¡Juntos podemos hacer crecer el deporte en Chile! Regístrate hoy y sé parte de esta gran comunidad.
                </p>
              </div>

              <p className="text-center font-semibold text-[#0A2240] mt-8">
                Este es solo el comienzo. El futuro del deporte chileno se escribe en cada cancha, en cada 
                entrenamiento y en cada historia de superación. ¿Serás parte de ella?
              </p>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
}
