Feature Rich Component - Copy this React, Tailwind Component to your project
Crea el código para una página web que sirva como la página principal (index) del proyecto "Visionary", que consiste en una plataforma donde los usuarios pueden aprender y subir cursos. La estructura debe tener lo siguiente: Header: El logo de la plataforma con el texto VISIONARY en la parte izquierda. Un menú de navegación en la parte derecha con dos enlaces: Sign Up y Help. El fondo del header debe ser semi-transparente, y los botones deben cambiar de color al pasar el ratón por encima. Banner principal: Un banner de bienvenida que ocupe el 70% del viewport, con una imagen de fondo relacionada con la educación o tecnología, centrada y de alta calidad. Dentro del banner, debe aparecer el lema principal de la plataforma: "ENSEÑA APRENDIENDO", en texto grande, centrado, y con una animación suave de entrada (fade in). Debajo del lema, debe haber un subtítulo: "Aprende todo lo que necesitas para alcanzar tus metas". Sección de cursos populares: Un título con el texto "Cursos populares del mes". Un párrafo descriptivo bajo el título. Debajo del párrafo, deben mostrarse dos tarjetas de cursos en formato cuadrícula (cada tarjeta debe incluir una imagen de ejemplo, el nombre del curso, y una pequeña animación de aumento al pasar el ratón sobre ella). Sección de Call to Action (CTA): Una sección promocional que invita a los usuarios a subir sus cursos o tutoriales. El texto central debe ser: "Sube tus cursos y tutoriales". Un botón central grande con el texto "Empieza ya", que cambie de color al pasar el ratón por encima. Footer: El pie de página debe incluir enlaces a Política de Privacidad, Política de Cookies, y un menú con enlaces a las redes sociales Instagram, Facebook, TikTok y YouTube. Todo el footer debe tener un fondo oscuro (#01034d) con textos claros y un diseño minimalista. Estilo general: Colores principales: fondo oscuro (#000428), textos blancos, y acentos en azul (#01034d). Fuentes: Utilizar una tipografía moderna y legible. El logo debe tener un tamaño de fuente mayor. El diseño debe ser responsive, adaptándose a pantallas de móviles y tabletas.
