# 🚀 Como Usar o Catálogo Liberi Kids

## ✅ Configuração Concluída!

Suas credenciais do Supabase foram configuradas:
- **URL:** `https://ydhzylfnpqlxnzfcclla.supabase.co`
- **Sistema:** Adaptado para suas tabelas existentes

## 📋 Para Ativar o Banco de Dados

### Passo 1: Configurar Supabase
1. Acesse https://supabase.com e faça login
2. Vá para **SQL Editor**
3. **Copie e cole** todo o conteúdo do arquivo `sql/supabase-setup.sql`
4. **Execute** o script
5. **Copie e cole** todo o conteúdo do arquivo `SETUP-RAPIDO-SUPABASE.sql`
6. **Execute** o script

### Passo 2: Testar o Catálogo
1. Abra `site/index.html` no navegador
2. Deve carregar produtos reais do banco
3. Teste adicionar ao carrinho
4. Teste finalizar pedido via WhatsApp

### Passo 3: Acessar Admin
1. **Clique no logo** da Liberi Kids
2. **Login:** maiara.seco@gmail.com
3. **Senha:** 123456
4. Cadastre novos produtos com imagens

## 🛒 Funcionalidades Disponíveis

### Para Clientes:
- ✅ Visualizar catálogo
- ✅ Filtrar por tamanho/gênero
- ✅ Adicionar ao carrinho
- ✅ Finalizar via WhatsApp
- ✅ Login/cadastro

### Para Admin:
- ✅ Cadastrar produtos
- ✅ Upload de imagens
- ✅ Gerenciar estoque
- ✅ Ver variações

## 🔧 Arquivos Principais

- `site/index.html` - Página principal
- `site/script.js` - JavaScript (configurado)
- `site/styles.css` - CSS completo
- `sql/supabase-setup.sql` - Estrutura do banco
- `SETUP-RAPIDO-SUPABASE.sql` - Configuração rápida

## 📱 Como Funciona

1. **Produtos** são carregados do Supabase
2. **Carrinho** funciona localmente
3. **Pedidos** são enviados via WhatsApp
4. **Admin** gerencia pelo painel

## ⚠️ Problemas Comuns

### Produtos não carregam
- Verifique se executou os scripts SQL
- Abra F12 e veja erros no console
- Confirme se as tabelas existem

### Admin não abre
- Clique no **logo** (não no menu)
- Use: maiara.seco@gmail.com / 123456
- Verifique se a tabela `usuarios_admin` existe

### Upload de imagens falha
- Confirme se o bucket 'produtos' foi criado
- Verifique as políticas de storage
- Teste com imagens pequenas (< 5MB)

## 🎉 Resultado Final

Após a configuração você terá:
- Catálogo online funcionando
- Sistema de pedidos via WhatsApp
- Painel administrativo
- Upload de imagens
- Controle de estoque

---

**🚀 Seu catálogo está pronto para receber clientes!**