Atue como um Engenheiro Frontend Principal (Especialista em Tailwind CSS, Alpine.js e Micro-interações), Diretor de Arte premiado no Awwwards e Estrategista de Conversão Direct-Response.
Sua missão é gerar um arquivo HTML5 completo, único, autossuficiente e 100% responsivo para a página de vendas de altíssima conversão do software "AETHERFLOW AI — O 1º Exército de Agentes Autônomos que Atende por Áudio, Quebra Objeções e Fecha Vendas no PIX pelo WhatsApp em 14 Segundos".
===================================================================
1. DIREÇÃO DE ARTE, ESTÉTICA E TIPOGRAFIA EXÓTICA
===================================================================
- Estilo Visual: "Liquid Cyber-Luxury & Bento Grid Architecture" (Fusão de dark mode profundo com estética tátil de vidro líquido, refração de luz neon e bordas cirúrgicas de 1px).
- Paleta de Cores Rigorosa:
* Background Primário: Obsidian Void (#04060A) com malha de pontos sutis (radial-gradient) e luzes difusas (blur-3xl) em Verde Esmeralda WhatsApp (#10B981) e Laranja Plasma (#FF5722).
* Superfícies (Cards): Vidro Fumê Translúcido (bg-slate-900/60 backdrop-blur-xl) com bordas iluminadas (border-white/10 hover:border-emerald-500/50 transition-all duration-500).
* Destaques Semânticos: Verde Recebimento PIX (#00E676), Ouro Líquido para badges VIP (#F59E0B) e Ciano Elétrico para telemetria (#06B6D4).
- Tipografia Rara e de Alto Impacto (Importar obrigatoriamente via Google Fonts no <head>):
* Títulos Principais (H1, H2): 'Syne' (pesos 700 e 800) — estética geométrica vanguardista e imponente.
* Subtítulos e Destaques Editoriais: 'Instrument Serif' (italic) — para criar contraste de alto luxo nas palavras-chave emocionais.
* Corpo de Texto e UI: 'Plus Jakarta Sans' (pesos 400, 500, 600).
* Números, Saldos PIX, Timers e Logs: 'Azeret Mono' — fonte monoespaçada técnica para dar precisão financeira aos valores.
- Ícones: Carregar e renderizar Lucide Icons (unpkg.com/lucide@latest) em todos os cards, botões e selos.
===================================================================
2. ARQUITETURA DE SEÇÕES E COMPONENTES INTERATIVOS OBRIGATÓRIOS
===================================================================
[A] BARRA SUPERIOR DE ESCASSEZ + NAVBAR FLUTUANTE (GLASSMORPHISM)
- Topbar fixa com gradiente sutil informando: "🔥 LOTE FUNDADOR: Apenas 7 licenças vitais restantes com Taxa Zero por transação PIX" + Contador regressivo funcional em JavaScript (iniciando em 00:14:59).
- Navbar flutuante centralizada (estilo pílula arredondada) com logo animada, links âncora ("Simulador Ao Vivo", "Calculadora de Lucro", "Arquitetura", "Acesso Imediato"), indicador pulsante "API Meta Cloud: Operacional (99.98%)" e botão CTA rápido.
[B] HERO SECTION ASSIMÉTRICA COM SIMULADOR DE WHATSAPP EM TEMPO REAL
- Coluna Esquerda (Copywriting Agressivo):
* Badge iluminada: "⚡ MOTOR NEURAL V4.2 — ZERO MENSALIDADES DE API".
* Headline monumental misturando 'Syne' e 'Instrument Serif': "Transforme seu WhatsApp em uma Máquina Autônoma que Fecha Vendas e Recebe no PIX Enquanto Você Dorme."
* Subheadline detalhando que a IA escuta áudios de clientes, analisa comprovantes, gera QR Code PIX dinâmico e entrega o produto digital ou agendamento sem intervenção humana.
* Dupla de CTAs: Botão primário magnético com efeito shimmer ("ATIVAR MEU AGENTE AGORA — ACESSO IMEDIATO") que abre o Modal de Checkout PIX, e botão secundário ("Testar IA Ao Vivo na Página").
* Barra de confiança com fotos reais de rostos (Unsplash) + texto: "+3.840 operações rodando no piloto automático hoje".
- Coluna Direita (Mockup Interativo de Smartphone + Cards de Telemetria Flutuantes):
* Construa uma interface realista de WhatsApp Dark Mode funcional em JavaScript: mostre uma conversa onde o lead pergunta o preço, a IA responde com uma barra de áudio animada (com botão Play/Pause funcional que anima ondas sonoras em CSS), gera um código PIX Copia e Cola, e em seguida aparece a tag verde "✅ PIX de R$ 297,00 Confirmado via Webhook — Acesso Liberado!".
* Inclua 3 botões abaixo do celular ("Simular Cliente Indeciso", "Simular Pedido de Desconto", "Simular Pagamento PIX") que, quando clicados pelo visitante da página, injetam novas mensagens ao vivo dentro da tela do celular com efeito de "Digitando...".
* Ao redor do celular, posicione 2 cards flutuantes em 3D (com animação float CSS):
1. Card de Saldo Bancário: "SALDO HOJE: R$ 4.890,00 (+312% vs ontem)" em fonte 'Azeret Mono'.
2. Card de Velocidade: "Tempo Médio de Resposta: 1.8 segundos".
[C] FAIXA DE LOGOS & INTEGRAÇÕES (INFINITE MARQUEE CSS)
- Carrossel infinito horizontal em CSS puro exibindo badges estilizadas de compatibilidade: WhatsApp Cloud API, Asaas, Efí Bank, Mercado Pago, Stripe, Shopify, WooCommerce, Webhook JSON e N8N.
[D] BENTO GRID DE ENGENHARIA (6 CARDS ASSIMÉTRICOS COM IMAGENS REAIS)
- Crie um Bento Grid moderno de 3 colunas com cards de tamanhos variados (col-span-2 e col-span-1) contendo imagens reais de alta resolução do Unsplash (servidores iluminados, dashboards financeiros, ondas sonoras e retratos profissionais):
1. "Clonagem de Voz Ultra-Realista": Mostre um visualizador de frequências de áudio de 16 barras animadas em CSS.
2. "Geração e Conciliação PIX Nativa": Demonstre visualmente o ciclo "IA Gera QR Code -> Banco Confirma Webhook -> IA Libera Acesso em 2 Segundos".
3. "Visão Computacional Anti-Fraude": A IA lê fotos de comprovantes e identifica agendamentos falsos na hora.
4. "Recuperação Implacável de Carrinho e Boletos": Disparo automático de follow-up humanizado em 15min, 2h e 24h.
5. "Multi-Atendimento Infinito": 1 único número atendendo 500 clientes simultaneamente sem fila de espera.
6. "Painel de Controle de Lucro em Tempo Real": Mini-gráfico em SVG desenhado no código mostrando curva de conversão ascendente.
[E] CALCULADORA INTERATIVA DE LUCRO RECUPERADO (JAVASCRIPT REATIVO)
- Seção interativa onde o visitante arrasta 2 controles deslizantes (Range Sliders estilizados):
* Slider 1: "Quantos leads chamam você no WhatsApp por dia?" (de 10 a 1.000).
* Slider 2: "Qual o valor médio do seu produto/serviço (R$)?" (de R$ 47 a R$ 2.000).
- O JavaScript deve calcular instantaneamente na tela (com formatação em Reais R$ e fonte 'Azeret Mono'):
* "Dinheiro que você perde hoje por demora no atendimento (Estimativa de 35% de leads frios)".
* "Faturamento Adicional Mensal Estimado com o AetherFlow AI".
* Botão dinâmico: "Resgatar meus R$ [VALOR CALCULADO]/mês Agora".
[F] COMPARATIVO BRUTAL: ATENDIMENTO HUMANO / BOTS DE MENU vs. AETHERFLOW AI
- Tabela comparativa de alto impacto visual contrastando:
* "Atendente Humano CLT" (Custo R$ 2.800+/mês, dorme 8h, demora 40min para responder, fica doente, esquece de cobrar).
* "Chatbots Antigos de Menu (Digite 1, Digite 2)" (Irritam o cliente, não entendem áudio, parecem robôs engessados).
* "AetherFlow AI" (Fundo destacado em verde esmeralda, atende em 2 segundos de madrugada, manda áudio sorrindo, gera PIX na conversa, custo único).
[G] PROVA SOCIAL REALISTA (MURAL DE FATURAMENTO E DEPOIMENTOS)
- Grid de 3 cards com fotos reais de empreendedores (via Unsplash), nome, nicho (Infoprodutor, Dono de Delivery Premium, Clínica de Estética), avaliação 5 estrelas douradas e simulação de captura de notificações de vendas aprovadas no celular ("Pix Recebido: R$ 147,00", "Pix Recebido: R$ 89,90").
[H] OFERTA IRRECUSÁVEL (CARD DE PREÇO DE ALTA CONVERSÃO — SEM ASSINATURA MENSAL)
- Proibido usar modelo de assinatura recorrente: destaque em letras garrafais "PAGAMENTO ÚNICO — ACESSO VITALÍCIO SEM MENSALIDADE".
- Divida em 2 opções lado a lado:
1. "Licença Standard (1 Número de WhatsApp)": Por R$ 97,00 à vista.
2. "Licença PRO Ilimitada + Revenda White-Label (Mais Vendido)": Borda brilhante animada, badge "MELHOR ESCOLHA — 89% COMPRAM ESTE", de R$ 497,00 por apenas 12x de R$ 19,70 ou R$ 197,00 à vista no PIX com 5 Bônus Inclusos (Pack de 50 Prompts Matadores de Nichos, Integrador Webhook PIX Automático, Direitos de Revenda para Clientes Locais).
- Selo de Garantia Blindada de 30 Dias com ícone de escudo dourado.
[I] FAQ TÉCNICO E QUEBRA DE OBJEÇÕES (ACORDEÃO INTERATIVO)
- 6 perguntas estratégicas com abertura/fechamento suave em JS (Ex: "Corro risco de bloqueio no WhatsApp?", "Preciso pagar mensalidade para usar a IA?", "Como funciona a integração automática com meu banco PIX?", "Consigo vender esse sistema para outras empresas da minha cidade?").
[J] ELEMENTOS GLOBAIS DE CONVERSÃO EXTREMA (SCRIPTS NO FINAL DO BODY)
1. Pop-up de Prova Social Discreto (Canto Inferior Esquerdo): A cada 12 segundos, exibe uma notificação flutuante com foto e texto dinâmico: "Lucas M. de São Paulo acabou de ativar a Licença PRO via PIX há 2 minutos" (com animação de entrada e saída suave).
2. Botão Flutuante de WhatsApp (Canto Inferior Direito): Com badge vermelha de "1 nova mensagem de áudio" que abre um mini-tooltip convidando para testar.
3. Modal de Checkout PIX Instantâneo Funcional: Ao clicar em qualquer botão de compra da página, abra um modal elegante contendo:
- Resumo do pedido com seletor de Order Bump ("+ R$ 29,90: Adicionar Pack de 30 Templates de Funis Prontos").
- Atualização imediata do valor total em JS quando o Order Bump é marcado.
- QR Code PIX estilizado gerado visualmente + botão "Copiar Código PIX Copia e Cola" (que muda para "✅ Código Copiado! Aguardando pagamento..." e simula uma barra de verificação automática de webhook).
===================================================================
3. REGRAS DE OURO DE EXECUÇÃO DO CÓDIGO
===================================================================
- Retorne APENAS o código HTML completo (iniciando com <!DOCTYPE html> e terminando com </html>).
- Todas as imagens DEVEM usar URLs reais, válidas e de alta definição do Unsplash (images.unsplash.com) que carreguem perfeitamente.
- Todo o JavaScript (Simulador de Chat, Calculadora de ROI, Contador Regressivo, Acordeão FAQ, Pop-up de Vendas e Modal de Checkout com Order Bump) deve estar 100% implementado, livre de erros de console e funcionando perfeitamente dentro da tag <script> ao final do documento.
02:53