Hotel Miranda Landing

Este proyecto es una versión mejorada y migrada de la Landing Page original del Hotel Miranda, previamente desarrollada con HTML, CSS Y JS. La nueva implementación utiliza Astro con una isla de React, lo que permite crear una página estática ultrarrápida sin perder la interactividad donde más se necesita. Esta migración está orientada a obtener una mejor experiencia de usuario, un rendimiento superior y una mayor facilidad en el desarrollo.

Además,utilize SASS y metodología BEM para estructurar el código de manera eficiente y mantenible. Este proyecto me permitió demostrar mi habilidad para crear interfaces de usuario efectivas y atractivas.

Mejoras y Ventajas de la Migración a Astro

1. Desarrollo Más Sencillo y Familiar

Astro permite desarrollar con una estructura similar a frameworks como React, utilizando componentes y layouts. Esto facilita la transición para desarrolladores familiarizados con React, pero con la ventaja de que Astro genera HTML, CSS y JavaScript nativos en el resultado final.

2. Mejor SEO y Accesibilidad

GLa generación estática de Astro mejora significativamente el SEO y la accesibilidad, asegurando que los motores de búsqueda indexen correctamente el contenido y que la página sea accesible para todos los usuarios.

3. Transiciones Suaves con View Transitions API

Gracias a la View Transitions API, la página simula el comportamiento de una SPA (Single Page Application), ofreciendo transiciones suaves entre páginas sin recargas completas, mejorando la experiencia del usuario.