Desarrollé el sitio web con React.js, resultando en una SPA (Single Page Application). Para su estructura, utilicé Bootstrap, y para dar efectos dinámicos a los elementos cuando entran en el viewport por primera vez, usé Framer-Motion.
Implementé principios de UX/UI para hacerlo amigable e intuitivo, siguiendo la paleta de colores requerida por el cliente. Además, usé efectos llamativos para destacar el CTA. La página es 100% responsiva.
Para mejorar el SEO, utilicé palabras clave y HTML semántico, lo que facilita la comprensión del contenido por parte de los motores de búsqueda y mejora la accesibilidad.
Usé atributos ARIA para mejorar la accesibilidad para usuarios con discapacidades, haciendo la página accesible para todos (a11y).
Implementé Lazy Loading para la carga diferida de imágenes y videos, y optimicé las imágenes para mejorar el rendimiento y la experiencia del usuario, haciendo que la carga sea más rápida.
Ya que esta es la V1, el botón de modo oscuro está ubicado en la barra de navegación. Será reubicado en la sección de 'Cuenta' cuando desarrolle el backend.
Por ahora, la visualización del sitio web completo es posible porque aún no se requiere autenticación/autorización. Una vez integrado con el backend, se deberá registrarse e identificarse para ver más allá de la Landing Page
