Projeto desenvolvido para apresentar pacotes de viagens para Gramado, com layout inspirado em sites como Decolar.com, exibindo informações como imagem do destino, valor total, descontos aplicados e número de dias. Construído com React + Vite.
- Card visual com:
- 📷 Imagem do destino
- 💰 Preço do pacote
- 🏷️ Descontos promocionais
- 📅 Quantidade de dias incluídos
✈️ Cidade de origem- 🏨 Tipo de pacote: Hotel + Aéreo
- ⭐ Nota de avaliação
- Design responsivo inspirado em plataformas de turismo
-
Clone o repositório:
git clone https://github.com/seu-usuario/pacotes-gramado.git
-
Acesse a pasta do projeto:
cd pacotes-gramado
-
Instale as dependências:
npm install
-
Rode o servidor local:
npm run dev
-
Acesse no navegador:
http://localhost:5173
📁 pacotes-gramado/
├── public/
│ └── gramado.png # Imagem do destino
├── src/
│ ├── App.jsx # Componente principal do card
│ ├── App.css # Estilos do card
│ └── main.jsx # Ponto de entrada
├── index.html
├── package.json
├── vite.config.js
└── README.md
- Destino: Gramado
- Duração: 9 dias / 8 noites
- Nota de Avaliação: 9.4 ★★★
- Saída: São Paulo
- Pacote: Hotel + Aéreo
- Desconto: Economize R$84
- Preço por pessoa:
- De: R$ 1.266
- Por: R$ 1.182
- Obs.: Taxas e impostos não inclusos
Desenvolvido por Adriana participante do Projeto Geração Tech 2.0.
Este projeto foi orientado por Luan Oliveira, mentor em tecnologias Front-End e React moderno.
Distribuído sob a licença MIT. Sinta-se à vontade para usar, adaptar e compartilhar.