# Mousinho Consultoria - Landing Page

> **Conexões Comerciais Estratégicas**  
> Landing Page profissional para captação de leads via WhatsApp

![Preview](assets/images/hero_connections_1764940709444.png)

---

## 📋 Sobre o Projeto

Landing page moderna e profissional desenvolvida para a **Mousinho Consultoria**, empresa especializada em consultoria comercial que ajuda empresas a transformar contatos em conexões estratégicas de negócios.

### Objetivo Principal
Converter visitantes em leads qualificados através de CTAs estratégicos direcionados ao WhatsApp.

---

## 🎨 Design

### Paleta de Cores
- **Primária:** Azul (#2563eb)
- **Secundária:** Cyan (#0ea5e9)
- **Background:** Preto/Dark (#0a0a0f)
- **Texto:** Branco (#ffffff)
- **Acentos:** Gradientes azul para cyan

### Características Visuais
- ✨ Design dark mode elegante
- 🌟 Glassmorphism sutil
- 💫 Animações suaves e micro-interações
- 📱 100% responsivo (Mobile First)
- 🎭 Efeito de partículas no hero

---

## 🛠️ Tecnologias Utilizadas

- **HTML5** - Estrutura semântica
- **CSS3** - Estilização moderna com variáveis CSS
- **JavaScript** - Interatividade e animações
- **Google Fonts** - Tipografia Inter

---

## 📂 Estrutura do Projeto

```
Antonio/
├── index.html          # Página principal
├── styles.css          # Estilos completos
├── scripts.js          # Scripts de interação
├── README.md           # Documentação
└── assets/
    └── images/         # Imagens geradas
        ├── hero_connections_*.png
        ├── crm_organization_*.png
        ├── digital_marketing_*.png
        ├── productivity_team_*.png
        └── consultant_profile_*.png
```

---

## 🚀 Como Usar

### Desenvolvimento Local
```bash
# Via Python
python3 -m http.server 8089

# Via Node.js
npx serve -p 8089

# Via PHP
php -S localhost:8089
```

Acesse: `http://localhost:8089`

---

## 📝 Seções da Landing Page

1. **Hero** - Chamada principal com estatísticas e CTAs
2. **Benefícios** - 4 cards com diferenciais
3. **Features** - 3 blocos alternados com imagens
4. **Serviços** - Grid com 9 serviços oferecidos
5. **Sobre** - Informações sobre a consultoria
6. **CTA Final** - Chamada para ação com WhatsApp
7. **Footer** - Links e informações de contato

---

## 🔧 Configuração do WhatsApp

Para configurar o número do WhatsApp, edite todas as ocorrências em `index.html`:

```html
<!-- Substituir 5511999999999 pelo número real -->
href="https://wa.me/5511999999999?text=..."
```

### Mensagens Pré-configuradas
- **Hero CTA:** "Olá! Vim pelo site e gostaria de saber mais sobre a consultoria comercial."
- **Serviços CTA:** "Olá! Gostaria de saber mais sobre os serviços de consultoria comercial."
- **CTA Final:** "Olá! Vim pelo site e gostaria de agendar uma apresentação da consultoria comercial."
- **Botão Flutuante:** "Olá! Vim pelo site e gostaria de mais informações."

---

## 📊 Features de Marketing

### UTM Tracking
O script automaticamente detecta parâmetros UTM na URL e adiciona às mensagens do WhatsApp:
- `utm_source`
- `utm_medium`
- `utm_campaign`

### Analytics Ready
Funções preparadas para integração com Google Analytics 4:
- Tracking de cliques em CTAs
- Profundidade de scroll (25%, 50%, 75%, 100%)

---

## ⚡ Otimizações

### Performance
- [x] Lazy loading de imagens
- [x] CSS crítico inline-ready
- [x] JavaScript não-bloqueante
- [x] Fontes com preconnect

### SEO
- [x] Meta tags completas
- [x] Open Graph configurado
- [x] Estrutura semântica HTML5
- [x] Heading hierarchy correta

### Acessibilidade
- [x] Aria labels em botões
- [x] Contraste adequado
- [x] Focus states visíveis
- [x] Reduced motion support

---

## 📱 Responsividade

| Dispositivo | Breakpoint | Status |
|-------------|------------|--------|
| Mobile | < 640px | ✅ |
| Tablet | 640px - 1024px | ✅ |
| Desktop | > 1024px | ✅ |

---

## 🔄 Atualizações Futuras

- [ ] Service Worker (PWA)
- [ ] Formulário de contato alternativo
- [ ] Integração com CRM
- [ ] Chat widget

---

## 📄 Licença

© 2024 Mousinho Consultoria Comercial e Imobiliária. Todos os direitos reservados.

---

## 👨‍💻 Desenvolvedor

**[Dante Testa](https://dantetesta.com.br)**  
Desenvolvido em 05/12/2024 às 10:17

---

> *Organização. Comunicação. Lucratividade.*
