https://github.com/sonvice/travel

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.
https://github.com/sonvice/travel

astro css js photoswipe scss swiper ux-design

Last synced: 4 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/sonvice/travel
• Owner: sonvice
• Created: 2024-04-21T16:46:21.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-21T16:48:01.000Z (over 2 years ago)
• Last Synced: 2025-07-02T21:03:53.511Z (about 1 year ago)
• Topics: astro, css, js, photoswipe, scss, swiper, ux-design
• Language: SCSS
• Homepage: https://landingtravel.netlify.app
• Size: 4.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Project Banner](https://i.ibb.co/ZMTM7MG/travel-landing.png)





    

    

    

    

    



Modern UI/UX Landing



# Travel Landing

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.

## Características principales:

- **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.

## Tecnologías utilizadas:

- Figma

- Astro framework

- Swiper Slider

- PhotoSwipe

- Sass

## 🧞 Commands

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                     |