Farejador: landing page

Landing page estática (HTML, CSS e JS puro, sem build) da Farejador: rastreamento veicular inteligente e gestão de frotas com atendimento humanizado, em Apucarana-PR. Atende carros, motos, caminhões e frotas, com foco em empresas de 3 a 100 veículos.

Estrutura

index.html                  página única
assets/css/style.css        tokens de design (laranja/branco/preto) e estilos
assets/js/main.js           menu mobile, animações, máscara de telefone e envio do formulário via WhatsApp
assets/img/                 símbolo do lobo (SVG colorido, SVG branco para fundo escuro e o PDF original)
assets/img/fotos/           fotos reais (equipe na Exposec)

Seções

Header fixo → Hero com mockup da plataforma → segmentos atendidos → gestão inteligente da frota → soluções (monitoramento 24h, bloqueio de emergência, localização, motoristas, histórico, roteirização, telemetria, videotelemetria) → tipos de veículo e planos a partir de R$ 59,90 → videotelemetria em destaque → telemetria e relatórios → atendimento humanizado → como funciona → app → FAQ → formulário de contato → rodapé + botão flutuante de WhatsApp.

Antes de publicar

• WhatsApp: configurado com o número oficial (43) 9 9864-0294 em WHATSAPP_NUMBER, no arquivo assets/js/main.js.
• Fotos: fotos reais em assets/img/fotos/. Os originais enviados ficam guardados na branch fontes-instagram. As demais imagens da página são ilustrações em SVG/CSS. Para usar fotos reais, coloque os arquivos em assets/img/ e substitua os blocos .dash, .cam e .phone.
• Domínio: o texto app.farejador.com.br no mockup é ilustrativo.

Domínio e formulário

• Domínio: www.farejadorapp.com.br (arquivo CNAME, robots.txt, sitemap.xml e metatags de compartilhamento já configurados).
• Formulário: cada pedido abre o WhatsApp com a mensagem pronta e também é enviado para [email protected] pelo FormSubmit. No primeiro envio, o FormSubmit manda um e-mail de confirmação para [email protected]. É preciso clicar em Activate Form uma única vez para os pedidos começarem a chegar.
• Planilha (CRM): os pedidos também podem ir para uma planilha do Google. O código está em integracoes/google-sheets-leads.gs; depois de implantar como App da Web, coloque a URL em SHEETS_URL no assets/js/main.js.
• Imagem de compartilhamento: assets/img/og-farejador.jpg (aparece quando o link é enviado no WhatsApp ou nas redes).

Rodar localmente

Abra index.html no navegador ou rode python3 -m http.server e acesse http://localhost:8000. Para publicar, sirva a pasta como site estático (GitHub Pages, Netlify, Vercel).