🍷 World Wines Web (WWW)
World Wines Web é uma plataforma de e-commerce moderna e elegante dedicada à venda de vinhos exclusivos. O projeto foca em uma experiência de usuário (UX) fluida, com animações suaves, um sistema de carrinho persistente e uma interface de pagamento interativa.
🚀 Tecnologias Utilizadas
O projeto foi desenvolvido utilizando as tecnologias mais recentes do ecossistema React:
- Framework: Next.js 16 (App Router)
- Estilização: Tailwind CSS v4
- Banco de Dados: Supabase (PostgreSQL)
- Ícones: React Icons & Material Symbols
- Animações: AOS (Animate On Scroll)
- Gerenciamento de Estado: React Context API
✨ Funcionalidades Principais
- 🛒 Carrinho de Compras Inteligente:
- Adição/Remoção de itens em tempo real.
- Cálculo automático de totais.
- Persistência de dados (salva no LocalStorage para não perder o carrinho ao atualizar a página).
- Sidebar deslizante moderna.
- 💳 Página de Pagamento Interativa:
- Cartão Virtual Dinâmico: O cartão muda de cor e exibe a bandeira (Visa, Master, Elo, Amex) automaticamente enquanto o usuário digita.
- Máscaras de input automáticas para formatação de dados.
- 📱 Design Responsivo:
- Layout totalmente adaptado para Celulares, Tablets e Desktops.
- Menu Mobile animado.
- 🗄️ Integração com Backend (Supabase):
- Conexão configurada para leitura de produtos e usuários.
- Estrutura de banco de dados relacional (SQL).
🛠️ Como rodar o projeto localmente
Siga os passos abaixo para executar o projeto na sua máquina:
1. Clone o repositório
```bash
git clone https://github.com/seu-usuario/World-Wine.git
cd World-Wine