Landing Page Mautic

Landing page para venda e demonstração do Mautic - plataforma de automação de marketing open-source.

🚀 Features

• ✅ Design moderno e responsivo
• ✅ Seção de recursos e benefícios
• ✅ Vídeos demonstrativos do YouTube
• ✅ Galeria de imagens
• ✅ Botão de WhatsApp para agendamento de demonstração
• ✅ Deploy automático no GitHub Pages

🛠️ Tecnologias

• Vue.js 3
• Vite
• CSS moderno com gradientes e animações

📝 Como usar

Desenvolvimento local

npm install
npm run dev

Build para produção

npm run build

Preview da build

npm run preview

⚙️ Configuração

Número do WhatsApp

Edite o arquivo src/App.vue e altere a variável whatsappNumber na linha 4:

const whatsappNumber = '5511999999999' // Substitua pelo seu número

Formato: código do país + DDD + número (sem espaços, parênteses ou traços)

Base URL do GitHub Pages

Se você mudar o nome do repositório, edite vite.config.js:

base: '/seu-novo-nome-repo/',

🌐 Deploy no GitHub Pages

Passos:

1. Crie um repositório no GitHub chamado site-mautic (ou outro nome, mas lembre de ajustar o vite.config.js)

2. Configure o GitHub Pages:

   • Vá em Settings > Pages
   • Em "Source", selecione "GitHub Actions"

3. Faça o push do código:

git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/seu-usuario/site-mautic.git
git push -u origin main

4. Aguarde o deploy automático
   • O GitHub Actions irá executar automaticamente
   • Acesse em: https://seu-usuario.github.io/site-mautic/

📸 Seções da Landing Page

1. Hero - Apresentação principal com CTA
2. Features - 6 recursos principais do Mautic
3. Benefits - Por que escolher o Mautic
4. Videos - 2 vídeos demonstrativos
5. Gallery - Galeria de imagens da interface
6. CTA Final - Call-to-action para agendamento
7. Footer - Informações adicionais

🎨 Personalização

Você pode personalizar:

• Cores no CSS (procure por #4F46E5, #667eea, etc.)
• Textos e descrições no src/App.vue
• Imagens (substitua as URLs do Unsplash por suas próprias imagens)
• Vídeos (substitua os IDs dos vídeos do YouTube)

📄 Licença

Este projeto é de código aberto e está disponível sob a licença MIT.