Este proyecto es una landing page temática de viajes, diseñada desde cero en Figma y luego desarrollada con Astro framework. La página web es completamente responsive y utiliza Sass para modularizar el CSS, lo que facilita el mantenimiento y la escalabilidad del código.
-
Diseño desde cero en Figma: La landing page fue diseñada cuidadosamente en Figma, teniendo en cuenta las últimas tendencias de diseño y usabilidad en la industria de los viajes.
-
Desarrollada con Astro framework: Utilizamos Astro framework para la implementación del sitio web, aprovechando su eficiencia y rendimiento para una experiencia de usuario óptima.
-
Integración de librerías Swiper Slider y PhotoSwipe: Implementamos las librerías Swiper Slider y PhotoSwipe para crear una galería de imágenes interactiva y atractiva, que permite a los usuarios explorar las fotos de los destinos de viaje de manera fluida y fácil.
-
Responsive: La landing page está diseñada para adaptarse a cualquier dispositivo, desde computadoras de escritorio hasta dispositivos móviles, garantizando una experiencia consistente para todos los usuarios.
-
Uso de Sass para modularizar el CSS: Empleamos Sass para organizar y modularizar el código CSS, lo que facilita la gestión de estilos y la incorporación de cambios en el diseño de manera eficiente.
- Figma
- Astro framework
- Swiper Slider
- PhotoSwipe
- Sass
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |