<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Proyecto Olimpia - IA para la Creatividad</title>
<!-- Tipografía Google Fonts (SF Pro Display style) -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="navbar">
<div class="navbar-container">
<div class="logo">
<img src="https://el-ias.es/wp-content/uploads/2024/12/logo-olimpiua-2048x1001.png" alt="Logo Proyecto Olimpia">
</div>
<nav class="nav-links">
<a href="#home" class="active">Inicio</a>
<a href="#modules">Módulos</a>
<a href="#professors">Profesores</a>
<a href="#benefits">Beneficios</a>
<a href="#faq">FAQ</a>
</nav>
<a href="https://buy.stripe.com/fZe8xBcN04AV5567st" class="nav-cta">Matricúlate</a>
</div>
</header>
<section id="home" class="hero">
<div class="hero-container">
<div class="hero-content">
<h1>Formación Avanzada en <span class="gradient-text">Inteligencia Artificial</span></h1>
<h2>Potencia tu creatividad y productividad con IA</h2>
<div class="hero-features">
<div class="feature">
<span class="material-icons">schedule</span>
<span>+50 horas de formación</span>
</div>
<div class="feature">
<span class="material-icons">person</span>
<span>Mentorías personalizadas</span>
</div>
<div class="feature">
<span class="material-icons">groups</span>
<span>Red exclusiva de creadores</span>
</div>
<div class="feature">
<span class="material-icons">verified</span>
<span>Acceso ilimitado de por vida</span>
</div>
</div>
<div class="cta-container">
<div class="price-tag">
<span class="price-original">1500€</span>
<span class="price-current">697€ + IVA</span>
</div>
<div class="button-container">
<a href="https://buy.stripe.com/fZe8xBcN04AV5567st" class="cta-button">
Matricúlate Ahora
</a>
</div>
</div>
</div>
<div class="hero-video">
<div class="video-wrapper">
<script src="https://fast.wistia.com/player.js" async></script>
<script src="https://fast.wistia.com/embed/8z02zqy3p4.js" async type="module"></script>
<style>
wistia-player[media-id='8z02zqy3p4']:not(:defined) {
background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/8z02zqy3p4/swatch');
display: block;
filter: blur(5px);
padding-top:52.71%;
}
</style>
<wistia-player media-id="8z02zqy3p4"></wistia-player>
</div>
</div>
</div>
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
</section>
<section id="benefits" class="benefits">
<div class="container">
<h2 class="section-title">¿Por qué elegir Proyecto Olimpia?</h2>
<div class="benefits-grid">
<div class="benefit-card">
<span class="material-icons">lightbulb</span>
<h3>Aprendizaje Práctico</h3>
<p>Más de 50 horas intensivas con proyectos reales y aplicaciones prácticas de IA.</p>
</div>
<div class="benefit-card">
<span class="material-icons">update</span>
<h3>Siempre Actualizado</h3>
<p>Contenido constantemente actualizado con las últimas herramientas y técnicas de IA.</p>
</div>
<div class="benefit-card">
<span class="material-icons">group</span>
<h3>Comunidad Exclusiva</h3>
<p>Acceso a una red de creadores para networking y colaboraciones creativas.</p>
</div>
<div class="benefit-card">
<span class="material-icons">live_tv</span>
<h3>Directos Semanales</h3>
<p>Sesiones en vivo para resolver dudas y profundizar en temas avanzados.</p>
</div>
<div class="benefit-card">
<span class="material-icons">school</span>
<h3>Diploma Acreditativo</h3>
<p>Certificación oficial al completar el programa con éxito.</p>
</div>
<div class="benefit-card">
<span class="material-icons">devices</span>
<h3>Multiplataforma</h3>
<p>Accede al contenido desde cualquier dispositivo, en cualquier momento.</p>
</div>
</div>
</div>
</section>
<section id="modules" class="modules">
<div class="container">
<h2 class="section-title">10 Módulos Intensivos</h2>
<p class="section-subtitle">Un viaje completo por el ecosistema de la IA aplicada</p>
<div class="modules-slider">
<div class="module-card">
<div class="module-number">01</div>
<div class="module-icon"><span class="material-icons">bolt</span></div>
<h3>La Chispa del Olimpo</h3>
<p>Introducción al conocimiento olímpico: Contexto y terminología esencial.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h 30m</div>
</div>
<div class="module-card">
<div class="module-number">02</div>
<div class="module-icon"><span class="material-icons">security</span></div>
<h3>El Escudo de Hefesto</h3>
<p>IA aplicada a la ofimática para optimizar tareas y potenciar la productividad.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h 50m</div>
</div>
<div class="module-card">
<div class="module-number">03</div>
<div class="module-icon"><span class="material-icons">auto_awesome</span></div>
<h3>La Galería de Afrodita</h3>
<p>Generación de imágenes impactantes con herramientas avanzadas.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 4h 30m</div>
</div>
<div class="module-card">
<div class="module-number">04</div>
<div class="module-icon"><span class="material-icons">video_camera_front</span></div>
<h3>La Acrópolis de los Relatos Visuales</h3>
<p>Generación de videos únicos y personalización con prompts poderosos.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 8h</div>
</div>
<div class="module-card">
<div class="module-number">05</div>
<div class="module-icon"><span class="material-icons">music_note</span></div>
<h3>La Lira de Apolo</h3>
<p>Generación de música, clonación de voces y producción de alta calidad.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h</div>
</div>
<div class="module-card">
<div class="module-number">06</div>
<div class="module-icon"><span class="material-icons">local_library</span></div>
<h3>El Reino de Gea</h3>
<p>Herramientas para control local y trabajo independiente con IA.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h</div>
</div>
<div class="module-card">
<div class="module-number">07</div>
<div class="module-icon"><span class="material-icons">handyman</span></div>
<h3>La Mano Invisible de Hermes</h3>
<p>Automatizaciones con IA para optimizar tareas como un estratega.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h</div>
</div>
<div class="module-card">
<div class="module-number">08</div>
<div class="module-icon"><span class="material-icons">theater_comedy</span></div>
<h3>El Coliseo de las Transformaciones</h3>
<p>Efectos especiales visuales con técnicas de IA de nivel avanzado.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 3h</div>
</div>
<div class="module-card">
<div class="module-number">09</div>
<div class="module-icon"><span class="material-icons">landscape</span></div>
<h3>La Cumbre del Olimpo</h3>
<p>Creación de proyectos audiovisuales desde bocetos a exhibición.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 6h 30m</div>
</div>
<div class="module-card highlight">
<div class="module-number">10</div>
<div class="module-icon"><span class="material-icons">workspace_premium</span></div>
<h3>El Ascenso a la Eternidad</h3>
<p>Repaso final y consolidación de conocimientos con práctica.</p>
<div class="module-duration"><span class="material-icons">schedule</span> 1h 30m</div>
</div>
</div>
<div class="slider-controls">
<button class="prev-btn"><span class="material-icons">arrow_back</span></button>
<div class="slider-dots"></div>
<button class="next-btn"><span class="material-icons">arrow_forward</span></button>
</div>
</div>
</section>
<section id="professors" class="professors">
<div class="container">
<h2 class="section-title">Profesores Expertos</h2>
<p class="section-subtitle">Aprende de los mejores especialistas en IA y creatividad</p>
<div class="professors-grid">
<div class="professor-card">
<div class="professor-image">
<img src="https://el-ias.es/wp-content/uploads/2024/12/1718885529484.jpg" alt="Estebandiba El IAS">
</div>
<div class="professor-info">
<h3>Estebandiba El IAS</h3>
<p>Divulgador y formador de IA</p>
<div class="professor-social">
<a href="#" class="social-icon"><span class="material-icons">language</span></a>
<a href="#" class="social-icon"><span class="material-icons">link</span></a>
</div>
</div>
</div>
<div class="professor-card">
<div class="professor-image">
<img src="https://el-ias.es/wp-content/uploads/2024/12/angel-apa.jpg" alt="Angel Aparicio">
</div>
<div class="professor-info">
<h3>Angel Aparicio</h3>
<p>Experto en Automatizaciones IA</p>
<div class="professor-social">
<a href="#" class="social-icon"><span class="material-icons">language</span></a>
<a href="#" class="social-icon"><span class="material-icons">link</span></a>
</div>
</div>
</div>
<div class="professor-card">
<div class="professor-image">
<img src="https://el-ias.es/wp-content/uploads/2024/12/hilario-abad.jpg" alt="Hilario Abad">
</div>
<div class="professor-info">
<h3>Hilario Abad</h3>
<p>Divulgador y cineasta</p>
<div class="professor-social">
<a href="#" class="social-icon"><span class="material-icons">language</span></a>
<a href="#" class="social-icon"><span class="material-icons">link</span></a>
</div>
</div>
</div>
<div class="professor-card">
<div class="professor-image">
<img src="https://el-ias.es/wp-content/uploads/2025/01/WhatsApp-Image-2025-01-21-at-10.37.09-AM-copia-1.jpg" alt="David Garrido">
</div>
<div class="professor-info">
<h3>David Garrido</h3>
<p>Experto en ComfyUI</p>
<div class="professor-social">
<a href="#" class="social-icon"><span class="material-icons">language</span></a>
<a href="#" class="social-icon"><span class="material-icons">link</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="faq">
<div class="container">
<h2 class="section-title">Preguntas Frecuentes</h2>
<div class="faq-container">
<div class="faq-item">
<div class="faq-question">
<h3>¿Tengo que tener conocimientos de programación?</h3>
<span class="material-icons">expand_more</span>
</div>
<div class="faq-answer">
<p>No hace falta que tengas ningún tipo de conocimiento de programación. El curso está diseñado para ser accesible para todos los niveles, incluso si nunca has trabajado con IA antes.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>¿Cuánto dura el curso?</h3>
<span class="material-icons">expand_more</span>
</div>
<div class="faq-answer">
<p>Está programado que el curso dure alrededor de 40 horas (sin incluir las horas de directos, con los que sumaría 50 horas). 90 días de seguimiento con directos semanales. También tienes un año de actualizaciones al curso.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>¿Podré acceder a las clases en directo una vez finalizadas?</h3>
<span class="material-icons">expand_more</span>
</div>
<div class="faq-answer">
<p>Las clases en directo se quedarán subidas a la plataforma para que puedas acceder a ellas en cualquier momento, incluso después de que hayan terminado.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<h3>¿Qué recursos necesito para seguir el curso?</h3>
<span class="material-icons">expand_more</span>
</div>
<div class="faq-answer">
<p>Solo necesitarás un ordenador con conexión a internet. Te guiaremos con la instalación de todas las herramientas necesarias durante el curso, muchas de las cuales son gratuitas o tienen planes accesibles.</p>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<h2>Transforma tu creatividad con IA</h2>
<p>Aprovecha esta oportunidad única y únete a Proyecto Olimpia</p>
<div class="final-cta">
<div class="price-tag">
<span class="price-original">1500€</span>
<span class="price-current">697€ + IVA</span>
</div>
<div class="button-container">
<a href="https://buy.stripe.com/fZe8xBcN04AV5567st" class="cta-button">
Matricúlate Ahora
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-logo">
<img src="https://el-ias.es/wp-content/uploads/2024/12/logo-olimpiua-2048x1001.png" alt="Logo Proyecto Olimpia">
</div>
<div class="footer-links">
<a href="#home">Inicio</a>
<a href="#modules">Módulos</a>
<a href="#professors">Profesores</a>
<a href="#benefits">Beneficios</a>
<a href="#faq">FAQ</a>
</div>
<div class="footer-social">
<a href="#" class="social-icon"><span class="material-icons">facebook</span></a>
<a href="#" class="social-icon"><span class="material-icons">twitter</span></a>
<a href="#" class="social-icon"><span class="material-icons">instagram</span></a>
<a href="#" class="social-icon"><span class="material-icons">youtube</span></a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Proyecto Olimpia. Todos los derechos reservados.</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>