Landing page responsiva e dinâmica para uma cafeteria, desenvolvida do zero com HTML, SASS, JavaScript e Vite.

✨ Toda a codificação, estruturação, integração com API mock e responsividade foram feitas por mim.

🎨 Veja o layout original no Figma

• HTML5 semântico
• SASS (CSS) com uso de variáveis e mixins
• JavaScript (modular) com ES6+
• Vite como bundler e ambiente de desenvolvimento
• MockAPI para simulação da API de produtos
• Font Awesome para ícones
• Git + GitHub para versionamento

• 🔄 Exibição dinâmica de produtos via fetch() a partir da MockAPI
• 🌙 Modo noturno ativado por switch deslizante (tanto desktop quanto mobile)
• 📱 Menu suspenso adaptado para tablet e mobile
• 💻 Layout responsivo completo
  • Desktop (até 1200px)
  • Tablet (até 640px)
  • Mobile (até 320px)
• 💌 Formulário de contato
• 🎨 Transições suaves em botões e links
• 🧩 Código dividido em módulos reutilizáveis

git clone https://github.com/seu-usuario/serenatto-cafe.git
cd serenatto-cafe

npm install

npm run dev

• 🎨 Layout do Figma disponibilizado pela Alura
• ☁️ API de produtos hospedada em: MockAPI
• 🔤 Ícones fornecidos por: Font Awesome

Sinta-se à vontade para abrir issues, enviar pull requests, sugerir melhorias ou apenas deixar um ⭐ se você gostou do projeto!