Landing page de alta conversão para o serviço de gestão de redes sociais da Conectavit. Focada em capturar leads interessados em terceirizar a gestão completa de suas redes sociais.

• Removidos gradientes entre rosa e verde
• Rosa (#ff084b) aplicado com preto para CTAs e destaques
• Verde limão (#8cff2d) aplicado com preto para benefícios e acentos
• Verde escuro (#316f06) para textos secundários
• Fundo escuro com gradientes sutis para profundidade

Expandido de 5 para 9 benefícios específicos:

1. Planejamento mensal estratégico e personalizado
2. Conteúdos que geram conexão e posicionamento
3. Feed organizado e profissional
4. Evitar bloqueio criativo e perda de tempo
5. Ver marca crescer com consistência
6. Alcançar mais pessoas e expandir seu público
7. Aumentar suas vendas através das redes sociais
8. Construir autoridade e credibilidade no seu nicho
9. Economizar tempo para focar no core do seu negócio

• Cursor personalizado removido conforme solicitado
• Efeito de digitação do título removido para evitar empurrar conteúdo

• Menu fixo com navegação entre seções
• Scroll suave ao clicar nos links do menu
• Menu mobile responsivo com hamburger
• Links das redes sociais no cabeçalho e rodapé:
  • Instagram
  • Facebook
  • LinkedIn
  • Behance

• Hero section enriquecida com:
  • Badge de gestão profissional
  • Estatísticas de credibilidade (100+ clientes, 300% engajamento, 24h resposta)
  • Melhor hierarquia visual
• Navbar moderna com logo e redes sociais
• Footer completo com informações da empresa

• Paleta de cores: Cores oficiais da Conectavit sem gradientes mistos
• Tipografia: Inter (Google Fonts)
• Layout: Moderno, escuro, com efeitos visuais dinâmicos
• Responsivo: Mobile-first design

1. Ícones flutuantes: Photoshop, Illustrator, Canva com animação suave
2. Efeito de partículas: Partículas coloridas flutuando pelo fundo
3. Animações de entrada: Cards aparecem com fade-in ao rolar
4. Hover effects: Interações nos elementos
5. Efeito de ripple: Animação ao clicar
6. Parallax suave: Movimento dos ícones flutuantes

1. Formulário em destaque no hero section
2. Urgência com vagas limitadas
3. Benefícios claros e específicos (9 cards)
4. Design profissional que transmite confiança
5. CTAs contrastantes com as cores da marca
6. Múltiplos pontos de conversão
7. Estatísticas de credibilidade

1. Hero Section - Título, subtítulo, descrição, estatísticas + formulário
2. Seção Explicativa - Modelo de gestão estratégico
3. Benefícios - 9 benefícios principais da gestão
4. CTA Final - Última oportunidade de conversão
5. Footer - Informações da empresa e redes sociais

• Menu fixo com 4 seções principais
• Redes sociais sempre visíveis
• Scroll suave entre seções
• Menu mobile responsivo

• index.html - Estrutura principal com navegação
• style.css - Estilos sem gradientes mistos e melhor responsividade
• script.js - Interações, navegação suave e efeitos dinâmicos
• icons/ - Ícones para benefícios e elementos flutuantes

• Formulário com validação
• Navegação suave entre seções
• Menu mobile responsivo
• Animações de entrada por scroll
• Efeitos de partículas dinâmicas
• Ícones flutuantes com movimento
• Efeito de ripple ao clicar
• Parallax suave
• Hover effects nos cards
• Navbar com transparência no scroll

1. Abra o arquivo index.html em um navegador
2. Teste a navegação entre seções
3. Teste o formulário de inscrição
4. Verifique a responsividade em diferentes dispositivos
5. Personalize links das redes sociais conforme necessário

• HTML5 semântico
• CSS3 com animações avançadas
• JavaScript vanilla com navegação suave
• Font Awesome para ícones das redes sociais
• Google Fonts (Inter)
• Design responsivo

• Cores aplicadas sem gradientes mistos
• Mais benefícios focados no empreendedor
• Navegação suave e intuitiva
• Redes sociais integradas
• Hero section mais rica e informativa
• Efeitos visuais otimizados
• Layout otimizado para conversão
• Formulário estrategicamente posicionado
• Urgência e escassez para acelerar decisão