| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Solução Estratégica para Método Camuflatrix®</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); |
| body { |
| font-family: 'Montserrat', sans-serif; |
| } |
| .slide { |
| min-height: 100vh; |
| padding: 4rem; |
| } |
| .gold-text { |
| background: linear-gradient(90deg, #D4AF37 0%, #F9D423 100%); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| } |
| .funnel-step { |
| position: relative; |
| padding-left: 2.5rem; |
| } |
| .funnel-step:before { |
| content: ""; |
| position: absolute; |
| left: 0; |
| top: 0.5rem; |
| width: 1.5rem; |
| height: 1.5rem; |
| border-radius: 50%; |
| background: linear-gradient(135deg, #D4AF37 0%, #F9D423 100%); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-50 text-gray-800"> |
| |
| <section class="slide flex flex-col justify-center items-center bg-black text-white relative"> |
| <div class="text-center max-w-4xl mx-auto mt-16"> |
| <h1 class="text-5xl font-bold mb-6 gold-text">Solução Estratégica para Aumentar Conversões</h1> |
| <h2 class="text-4xl font-semibold">Método Camuflatrix®</h2> |
| <div class="mt-12 w-20 h-1 bg-gradient-to-r from-yellow-600 to-yellow-300 mx-auto"></div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="alert-circle" class="mr-3 text-yellow-600"></i> |
| Diagnóstico do Cenário Atual |
| </h2> |
| <div class="grid md:grid-cols-2 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="users" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Alto volume de leads</h3> |
| </div> |
| <p class="text-gray-600">Campanhas geram muitos contatos, mas poucos se convertem em alunos.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="trending-down" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Baixa conversão</h3> |
| </div> |
| <p class="text-gray-600">Taxas abaixo do esperado mesmo com grande volume de contatos.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="dollar-sign" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Leads desqualificados</h3> |
| </div> |
| <p class="text-gray-600">Muitos curiosos sem condições financeiras para investir no curso.</p> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="phone-off" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Comercial</h3> |
| </div> |
| <p class="text-gray-600">Comercial gastando energia com público frio e desqualificado.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide bg-gray-100"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="x-circle" class="mr-3 text-red-500"></i> |
| Possíveis motivos dos leads não converterem |
| </h2> |
| <div class="space-y-6"> |
| <div class="funnel-step"> |
| <h3 class="text-xl font-semibold mb-2">Lead entra sem conhecimento</h3> |
| <p class="text-gray-600">Contato chega sem entender o método, valor ou autoridade do Lucas.</p> |
| </div> |
| <div class="funnel-step"> |
| <h3 class="text-xl font-semibold mb-2">Oferta prematura</h3> |
| <p class="text-gray-600">Proposta comercial chega antes da conexão emocional e construção de confiança.</p> |
| </div> |
| <div class="funnel-step"> |
| <h3 class="text-xl font-semibold mb-2">Falta de aquecimento</h3> |
| <p class="text-gray-600">Público frio recebe abordagem direta sem preparação prévia.</p> |
| </div> |
| <div class="funnel-step"> |
| <h3 class="text-xl font-semibold mb-2">Percepção de valor baixa</h3> |
| <p class="text-gray-600">Vendas em massa reduzem a exclusividade e valor percebido do curso.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="layers" class="mr-3 text-yellow-600"></i> |
| Solução em 3 Etapas Estratégicas |
| </h2> |
| |
| <div class="relative"> |
| |
| <div class="flex flex-col items-center mb-12"> |
| <div class="w-full md:w-3/4 lg:w-1/2 bg-gradient-to-r from-yellow-100 to-yellow-50 p-8 rounded-t-lg border border-gray-200"> |
| <h3 class="text-xl font-semibold text-center text-yellow-800">Reconhecimento</h3> |
| <p class="text-center text-yellow-700">Vídeos educativos no Meta Ads</p> |
| </div> |
| <div class="w-full md:w-2/3 lg:w-2/5 bg-gradient-to-r from-yellow-200 to-yellow-100 p-8 border-l border-r border-gray-200"> |
| <h3 class="text-xl font-semibold text-center text-yellow-800">Engajamento</h3> |
| <p class="text-center text-yellow-700">Remarketing com depoimentos</p> |
| </div> |
| <div class="w-full md:w-1/2 lg:w-1/3 bg-gradient-to-r from-yellow-300 to-yellow-200 p-8 rounded-b-lg border border-gray-200"> |
| <h3 class="text-xl font-semibold text-center text-yellow-800">Conversão</h3> |
| <p class="text-center text-yellow-700">Abordagem personalizada</p> |
| </div> |
| </div> |
| |
| |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="bg-yellow-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="eye" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-1">1. Reconhecimento</h3> |
| <p class="text-yellow-600 font-medium mb-3">Orçamento sugerido: R$750,00</p> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Bastidores do curso |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Quem é o Lucas |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Demonstrações rápidas do método |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Histórias reais de transformação de alunas |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Comparativo com cursos comuns de estética |
| </li> |
| </ul> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="bg-yellow-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="heart" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-1">2. Engajamento</h3> |
| <p class="text-yellow-600 font-medium mb-3">Orçamento sugerido: R$500,00</p> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Remarketing para quem assistiu 75%+ dos vídeos |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Formulário com 2 perguntas qualificadoras |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Criativos estáticos que já funcionam |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Vídeos de demonstração do método |
| </li> |
| </ul> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="bg-yellow-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> |
| <i data-feather="dollar-sign" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">3. Conversão</h3> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Abordagem focada em desejo |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Oferta com vagas limitadas |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="check" class="mr-2 text-yellow-600 w-4"></i> |
| Oferta com prazo limitado |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide bg-gray-100"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="award" class="mr-3 text-yellow-600"></i> |
| Por que essa estratégia funciona |
| </h2> |
| |
| <div class="grid md:grid-cols-2 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="compass" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Respeita a jornada do comprador</h3> |
| </div> |
| <p class="text-gray-600">Cada etapa prepara o lead para o próximo passo, aumentando a conversão.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="filter" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Filtra curiosos automaticamente</h3> |
| </div> |
| <p class="text-gray-600">Só avança no funil quem demonstra real interesse e condições.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="users" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Otimiza o time comercial</h3> |
| </div> |
| <p class="text-gray-600">Vendedores focam apenas em leads pré-qualificados e aquecidos.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="flex items-start mb-4"> |
| <div class="bg-yellow-100 p-2 rounded-full mr-4"> |
| <i data-feather="bar-chart-2" class="text-yellow-600"></i> |
| </div> |
| <h3 class="text-xl font-semibold">Aumenta percepção de valor</h3> |
| </div> |
| <p class="text-gray-600">Processo seletivo e exclusividade elevam o status do método.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="bar-chart" class="mr-3 text-yellow-600"></i> |
| Dados e Benchmarks de Mercado |
| </h2> |
| |
| <div class="grid md:grid-cols-2 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="text-4xl font-bold gold-text mb-2">3.5x</div> |
| <h3 class="text-xl font-semibold mb-2">Mais conversões</h3> |
| <p class="text-gray-600">Público que vê 75%+ de um vídeo converte até 3,5x mais que leads frios.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="text-4xl font-bold gold-text mb-2">2x</div> |
| <h3 class="text-xl font-semibold mb-2">Leads mais preparados</h3> |
| <p class="text-gray-600">Funis com conteúdo antes da oferta geram leads 2x mais engajados.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="text-4xl font-bold gold-text mb-2">40%</div> |
| <h3 class="text-xl font-semibold mb-2">Redução de custos</h3> |
| <p class="text-gray-600">Estratégia comprovada reduz CPA em até 40% no setor de educação estética.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg"> |
| <div class="text-4xl font-bold gold-text mb-2">70%</div> |
| <h3 class="text-xl font-semibold mb-2">Eficiência comercial</h3> |
| <p class="text-gray-600">Time de vendas aumenta eficiência em 70% com leads pré-qualificados.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide bg-gray-100"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="map-pin" class="mr-3 text-yellow-600"></i> |
| Foco Inicial em 3 Cidades Estratégicas |
| </h2> |
| |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-white p-6 rounded-lg shadow-lg text-center"> |
| <div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="flag" class="text-yellow-600 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">Orlando</h3> |
| <p class="text-gray-600">Mercado em expansão com demanda por técnicas inovadoras.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg text-center"> |
| <div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="flag" class="text-yellow-600 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">Boston</h3> |
| <p class="text-gray-600">Polo de inovação em estética nos EUA.</p> |
| </div> |
| |
| <div class="bg-white p-6 rounded-lg shadow-lg text-center"> |
| <div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i data-feather="flag" class="text-yellow-600 w-8 h-8"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">Nova York</h3> |
| <p class="text-gray-600">Mercado premium com alta disposição para investir.</p> |
| </div> |
| </div> |
| |
| <div class="mt-12 bg-white p-6 rounded-lg shadow-lg"> |
| <h3 class="text-xl font-semibold mb-4 flex items-center"> |
| <i data-feather="rotate-cw" class="mr-2 text-yellow-600"></i> |
| Abordagem por Ciclos |
| </h3> |
| <p class="text-gray-600">A estratégia será aplicada em ciclos de 30 dias, com foco total em cada praça por período, permitindo ajustes precisos e escalonamento controlado.</p> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="slide"> |
| <div class="max-w-5xl mx-auto"> |
| <h2 class="text-3xl font-bold mb-8 flex items-center"> |
| <i data-feather="video" class="mr-3 text-yellow-600"></i> |
| Masterclass (Opcional) |
| </h2> |
| |
| <div class="bg-white p-8 rounded-lg shadow-lg"> |
| <div class="flex flex-col md:flex-row gap-8"> |
| <div class="md:w-1/2"> |
| <h3 class="text-xl font-semibold mb-4">Aula Online como Ponte</h3> |
| <p class="text-gray-600 mb-6">Pode ser testada com público já engajado nos vídeos e conteúdos, servindo como ponte entre o reconhecimento e a venda do curso presencial.</p> |
| |
| <ul class="space-y-3 mb-6"> |
| <li class="flex items-start"> |
| <div class="bg-yellow-100 p-1 rounded-full mr-3"> |
| <i data-feather="check" class="text-yellow-600 w-4"></i> |
| </div> |
| <span class="text-gray-600">Formato: ao vivo ou gravado</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-yellow-100 p-1 rounded-full mr-3"> |
| <i data-feather="check" class="text-yellow-600 w-4"></i> |
| </div> |
| <span class="text-gray-600">Storytelling e demonstração de resultados</span> |
| </li> |
| <li class="flex items-start"> |
| <div class="bg-yellow-100 p-1 rounded-full mr-3"> |
| <i data-feather="check" class="text-yellow-600 w-4"></i> |
| </div> |
| <span class="text-gray-600">CTA leve para inscrição ou agendamento</span> |
| </li> |
| </ul> |
| </div> |
| |
| <div class="md:w-1/2 bg-yellow-50 p-6 rounded-lg border border-yellow-100"> |
| <h3 class="text-xl font-semibold mb-4 text-yellow-800">Recomendação Estratégica</h3> |
| <p class="text-yellow-700 mb-4">Não é obrigatória no início, mas pode ser testada após aquecimento inicial para validar conversão.</p> |
| <p class="text-yellow-700">Se implementada, sugerimos:</p> |
| <ul class="space-y-2 mt-2"> |
| <li class="flex items-start"> |
| <i data-feather="chevron-right" class="mr-2 text-yellow-600 w-4"></i> |
| <span class="text-yellow-700">Duração de 45-60 minutos</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="chevron-right" class="mr-2 text-yellow-600 w-4"></i> |
| <span class="text-yellow-700">Conteúdo de alto valor com demonstração</span> |
| </li> |
| <li class="flex items-start"> |
| <i data-feather="chevron-right" class="mr-2 text-yellow-600 w-4"></i> |
| <span class="text-yellow-700">Oferta especial apenas para participantes</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
