ValLanches e Salgados 🥟

ValLanches é uma landing page moderna e elegante para venda de salgados artesanais. Desenvolvida com foco em alta conversão e estética premium (Glassmorphism e Dark Mode), a página apresenta os produtos, combos promocionais e facilita o contato direto com o cliente via WhatsApp.

🚀 Funcionalidades

• Design Premium: Efeito Glassmorphism, UI limpa e destaques visuais com gradientes em tons de ouro e laranja.
• Cardápio Interativo: Grade de produtos com descrição, preço e fotos simuladas.
• Carrinho Flutuante: Sistema visual de carrinho de compras pronto para futura integração com JavaScript.
• Integração WhatsApp: Botão flutuante para contato direto e fechamento de pedidos.
• Totalmente Responsivo: Menu hamburger no mobile e adaptação perfeita aos ecrãs menores.

🛠️ Tecnologias Utilizadas

• Frontend: HTML5, CSS3 Avançado (CSS Variables, Flexbox, CSS Grid).
• Tipografia: Google Fonts (Oswald para títulos, Roboto para textos gerais).
• Ícones: FontAwesome 6.0.
• Animações: Transições CSS cubic-bezier para hover states.

📂 Arquitetura do Projeto

Para melhorar o desempenho e a manutenção, o projeto foi refatorado e separado em arquivos:

• index.html: Toda a estrutura HTML e conteúdo da página.
• styles.css: +600 linhas de CSS dedicados a estilo e responsividade.
• images/: Diretório de armazenamento das fotos reais dos produtos (Coxinha, Risole, Bolinha de Queijo, etc).

💡 Como Configurar as Mídias

Atualmente, alguns blocos utilizam imagens vindas da plataforma Unsplash (ex: imagem da aba de "Hero" e "Promoção"). Para inserir imagens reais:

1. Adicione os arquivos .jpg ou .png na pasta images/.
2. Substitua o src="..." dentro do arquivo index.html.

📦 Como Usar

Não é necessário rodar servidores, configurar pacotes ou backend. Basta abrir o index.html em qualquer navegador moderno.

👤 Autor

Wellison Oliveira (@mannowell)

Desenvolvido em HTML Puro e CSS Moderno com ❤️.

📄 Licença

Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

🤝 Contribuindo

Contribuições são bem-vindas! Siga os passos abaixo:

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/MinhaFeature)
3. Commit suas mudanças (git commit -m 'Adiciona nova feature')
4. Push para a branch (git push origin feature/MinhaFeature)
5. Abra um Pull Request