# 🚀 Loja de Aplicativos - Versão Melhorada

Uma plataforma moderna e responsiva para vender e distribuir aplicativos com design elegante, carrossel de imagens e integração com WhatsApp.

## ✨ Novas Funcionalidades

### 1. **Botão Flutuante do WhatsApp**
- Botão fixo na tela com animação de pulso
- Abre conversa do WhatsApp ao clicar
- Posicionável (canto inferior direito ou esquerdo)
- Totalmente responsivo

### 2. **Carrossel de Imagens**
- Suporte a múltiplas imagens por aplicativo
- Transições suaves e automáticas
- Navegação por clique ou pontos
- Usa a biblioteca Swiper.js

### 3. **Design Moderno**
- Gradientes elegantes
- Animações suaves
- Efeitos de hover aprimorados
- Sombras dinâmicas
- Totalmente responsivo

### 4. **Upload de Imagens Melhorado**
- Suporte a drag-and-drop
- Preview de imagens
- Limite de 10 imagens por aplicativo
- Validação de formato

## 📋 Configuração Inicial

### 1. Configurar Número do WhatsApp

Abra o arquivo `config_whatsapp.php` e altere o número:

```php
'whatsapp_number' => '5585987654321', // Seu número aqui
```

**Formato:** Código do país + DDD + número (sem espaços)

Exemplos:
- Brasil: `5585987654321`
- EUA: `12125551234`

### 2. Personalizar Cores

Edite o arquivo `cores_loja/style_config.json`:

```json
{
    "page_title": "Sua Loja",
    "header_title": "Bem-vindo à Sua Loja",
    "colors": {
        "body_background": "#040010",
        "header_text": "#ffffff",
        ...
    }
}
```

### 3. Adicionar Logo

Coloque sua logo em `uploads/logo.png` (recomendado: 250x100px)

## 🎨 Estrutura de Arquivos

```
loja_app/
├── index.php                      # Página principal
├── adicionar_aplicativo.php       # Formulário de cadastro
├── config_whatsapp.php            # Configuração do WhatsApp
├── css/
│   ├── index.css                  # Estilos principais
│   └── modern-styles.css          # Estilos modernos (novo)
├── js/
│   └── app-utils.js              # Funções utilitárias (novo)
├── cores_loja/
│   ├── style_config.json          # Configuração de cores
│   ├── mensagem_template.json     # Template de mensagens
│   └── alert_texts.json           # Textos de alertas
├── app/                           # Pasta de aplicativos
├── uploads/                       # Pasta de uploads
└── api/
    └── .db.db                     # Banco de dados SQLite
```

## 📱 Adicionando Aplicativos

### Via Interface Web

1. Acesse `adicionar_aplicativo.php`
2. Preencha os dados do aplicativo
3. Faça upload da imagem principal (obrigatória)
4. Adicione múltiplas imagens para o carrossel (opcional)
5. Clique em "Registrar APK"

### Campos Disponíveis

- **Título:** Nome do aplicativo
- **Descrição:** Breve descrição
- **Link do APK:** URL externa (opcional)
- **Arquivo APK:** Upload local (opcional)
- **Imagem Principal:** Capa do aplicativo
- **Imagens para Carrossel:** Múltiplas screenshots
- **Código Downloader:** Para integração com downloader
- **Código Ntdown:** Para integração com ntdown

## 🎯 Recursos Principais

### Carrossel de Imagens
- Ativa automaticamente com 2+ imagens
- Transição automática a cada 4 segundos
- Navegação por clique nos pontos
- Indicador visual da posição

### Botão WhatsApp
- Animação de pulso contínua
- Tooltip "Fale conosco"
- Mensagem padrão personalizável
- Abre em nova aba

### Responsividade
- Mobile: 1 coluna
- Tablet: 2 colunas
- Desktop: 3 colunas

## 🛠️ Personalização Avançada

### Alterar Animação do Botão WhatsApp

No arquivo `index.php`, procure por:

```css
.whatsapp-float {
    animation: pulse 2s infinite;
}
```

Opções de animação:
- `pulse` - Pulso suave
- `bounce` - Pulo
- `glow` - Brilho

### Modificar Cores do Gradiente

Procure por:

```css
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
```

Altere os códigos hexadecimais para suas cores preferidas.

### Ajustar Velocidade do Carrossel

No arquivo `index.php`, procure por:

```javascript
autoplay: {
    delay: 4000, // Tempo em milissegundos
    disableOnInteraction: false,
}
```

## 📊 Banco de Dados

### Estrutura da Tabela `apks`

| Campo | Tipo | Descrição |
|-------|------|-----------|
| id | INTEGER | ID único (chave primária) |
| titulo | TEXT | Nome do aplicativo |
| descricao | TEXT | Descrição |
| imagem | TEXT | Imagem principal |
| imagens_multiplas | TEXT | JSON com múltiplas imagens |
| codigo_downloader | TEXT | Código downloader |
| codigo_ntdown | TEXT | Código ntdown |
| link | TEXT | Link do APK |
| apk_file | TEXT | Nome do arquivo APK |
| data_upload | TEXT | Data de upload |

## 🔒 Segurança

### Recomendações

1. **Proteja a pasta `api/`** com `.htaccess`
2. **Use HTTPS** em produção
3. **Valide uploads** no servidor
4. **Limpe inputs** para evitar XSS
5. **Use prepared statements** em queries

### Arquivo `.htaccess` Recomendado

```apache
<FilesMatch "\.db$">
    Order allow,deny
    Deny from all
</FilesMatch>
```

## 🚀 Deploy

### Requisitos

- PHP 7.4+
- SQLite3
- Servidor web (Apache/Nginx)
- 100MB espaço em disco

### Passos

1. Faça upload dos arquivos via FTP/SFTP
2. Configure permissões: `chmod 755` para pastas, `chmod 644` para arquivos
3. Crie pasta `uploads/` com permissão `chmod 777`
4. Crie pasta `app/` com permissão `chmod 777`
5. Acesse `index.php` no navegador

## 📞 Suporte

Para dúvidas ou problemas:

1. Verifique se PHP está habilitado
2. Confirme permissões de pasta
3. Teste upload de imagens
4. Verifique número do WhatsApp

## 📝 Changelog

### v2.0 (Atual)
- ✅ Botão flutuante do WhatsApp
- ✅ Carrossel de imagens com Swiper
- ✅ Design moderno com gradientes
- ✅ Upload de múltiplas imagens
- ✅ Animações suaves
- ✅ Arquivo de utilitários JavaScript
- ✅ Estilos modernos CSS

### v1.0
- Versão inicial com funcionalidades básicas

## 📄 Licença

Este projeto é fornecido como está. Sinta-se livre para modificar e personalizar conforme necessário.

---

**Desenvolvido com ❤️ para sua loja de aplicativos**
