Crie uma apresentação profissional, clara e estratégica para apresentar a um cliente que vende cursos presenciais de alto valor na área da estética (Método Camuflatrix®). O objetivo é propor uma nova estrutura de campanhas para aumentar a qualidade dos leads e melhorar a conversão em vendas. O cliente já testou campanhas diretas e masterclass anteriormente, mas agora está aberto a outras abordagens — com foco em atrair público mais qualificado, com real intenção de compra.
Browse files🎯 Estrutura da Apresentação
Slide 1 – Título da Apresentação
Solução Estratégica para Aumentar Conversões nos Cursos Presenciais Método Camuflatrix®
Slide 2 – Diagnóstico do Cenário Atual
Boa geração de leads nas campanhas (volume estável)
Custo por lead acessível em várias cidades
Leads descomprometidos ou sem condição real de investir
Comercial com dificuldade em converter, mesmo após follow-ups
Tentativas anteriores de baixar preço, parcelar, flexibilizar — sem sucesso
Testes com formulário e LP não filtraram bem os leads
Slide 3 – Possíveis Motivos dos Leads Não Converterem
Lead entra frio, sem conhecer o método ou o Lucas
Falta conexão emocional com a transformação que o curso entrega
A oferta chega antes da construção de valor
Expectativa gerada no anúncio não é sustentada no pós-clique
Leads sem clareza do diferencial ou prontos para “sonhar”, não para agir
Falta de tempo real para o lead se planejar (ex: viagens, agenda, reserva de vaga)
Slide 4 – Solução em 3 Etapas Estratégicas
Etapa 1 – Campanha de Reconhecimento (Topo de Funil)
Objetivo: gerar conexão com o método, autoridade e desejo
Tipos de conteúdo sugeridos:
Bastidores do curso
Quem é o Lucas e o que o diferencia no mercado
Demonstrações rápidas da técnica de camuflagem estética
Histórias de transformação de alunas
Conteúdos que mostrem a diferença entre "curso comum" e "formação real"
Objetivo da campanha:
Levar as pessoas ao perfil no Instagram para criar familiaridade e confiança com a marca antes da conversão.
Etapa 2 – Campanha de Conversão com Remarketing (Meio e Fundo de Funil)
Público:
Quem assistiu 75% ou 95% dos vídeos
Quem curtiu, comentou ou salvou conteúdos do topo de funil
Públicos personalizados de envolvimento no Instagram
Objetivo: gerar leads mais intencionais e preparados para comprar
Destino ideal:
Formulário com 2 perguntas qualificadoras:
Por que você deseja fazer essa formação?
Tem condições de iniciar ainda este mês?
(WhatsApp pode ser testado em paralelo, com qualificação automática via bot)
Etapa 3 – Abordagem Comercial (Fechamento com Qualificados)
O comercial atua apenas com leads que passaram pelo funil
Abordagem focada em propósito e transformação, não apenas no curso
Enviar materiais complementares: PDF da formação, depoimentos, comparativos
Tratar com senso de escassez real: datas, vagas e tempo de preparo
Slide 5 – Sugestão de Orçamento e Cronograma
Investimento atual: R$ 1.250 por cidade
Distribuição recomendada por etapa (em cidades com 30 a 45 dias de antecedência):
Reconhecimento (Etapa 1): R$ 750 (60%)
Duração: 10–15 dias
Foco em vídeo, engajamento e alcance local
Conversão e remarketing (Etapa 2): R$ 500 (40%)
Duração: 10–15 dias subsequentes
Apenas para quem engajou com a etapa anterior
Sobre o tempo de campanha por cidade:
São Paulo: com apenas 20 dias até o curso, recomenda-se não investir mais (pouco tempo para nutrição, planejamento de viagem e fechamento)
Foco total nas cidades internacionais (Boston, Nova York ou Orlando) com turmas previstas para novembro
Essas cidades permitem aplicação completa da estratégia com ciclo de 30+ dias
Slide 6 – Por que essa estratégia tem alta chance de sucesso
Usa o comportamento real do consumidor moderno: só compra quando confia
Não exige masterclass (mas mantém como sugestão opcional para leads engajados)
Cria familiaridade com o método antes de pedir compromisso
Melhora drasticamente a qualidade dos leads para o comercial
Evita desgaste com público desqualificado e reduz o custo humano da operação
Slide 7 – Conclusão e próximos passos
A estratégia pode ser iniciada ainda esta semana para as cidades de novembro
Etapas simples de implementar com as estruturas já existentes da marca
Resultados esperados: menos volume bruto, mais intenção real de compra e mais conversão
Aumenta o valor percebido do curso e melhora o posicionamento da marca no digital
Estilo visual sugerido:
Layout clean, moderno e estratégico
Paleta de cores neutras com detalhes em dourado (alinhado à estética premium)
Slides com ícones de funil, setas, blocos por etapa e mapas com cidades destacadas
- README.md +8 -5
- index.html +365 -18
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title: Camuflatrix Conversion Catalyst
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Camuflatrix Conversion Catalyst ✨
|
| 3 |
+
colorFrom: pink
|
| 4 |
+
colorTo: green
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://deepsite.hf.co).
|
index.html
CHANGED
|
@@ -1,19 +1,366 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="pt-BR">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Estratégia Camuflatrix®</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
|
| 10 |
+
<style>
|
| 11 |
+
.gold-gradient {
|
| 12 |
+
background: linear-gradient(135deg, #f5d78e 0%, #d4af37 50%, #a67c00 100%);
|
| 13 |
+
-webkit-background-clip: text;
|
| 14 |
+
background-clip: text;
|
| 15 |
+
color: transparent;
|
| 16 |
+
}
|
| 17 |
+
.slide {
|
| 18 |
+
scroll-snap-align: start;
|
| 19 |
+
height: 100vh;
|
| 20 |
+
}
|
| 21 |
+
.funnel-arrow {
|
| 22 |
+
position: relative;
|
| 23 |
+
}
|
| 24 |
+
.funnel-arrow:after {
|
| 25 |
+
content: '';
|
| 26 |
+
position: absolute;
|
| 27 |
+
bottom: -15px;
|
| 28 |
+
left: 50%;
|
| 29 |
+
transform: translateX(-50%);
|
| 30 |
+
width: 0;
|
| 31 |
+
height: 0;
|
| 32 |
+
border-left: 15px solid transparent;
|
| 33 |
+
border-right: 15px solid transparent;
|
| 34 |
+
border-top: 15px solid #d4af37;
|
| 35 |
+
}
|
| 36 |
+
</style>
|
| 37 |
+
</head>
|
| 38 |
+
<body class="bg-gray-50 font-sans overflow-x-hidden">
|
| 39 |
+
<!-- Hero Section -->
|
| 40 |
+
<div class="slide relative flex items-center justify-center bg-gray-900 text-white">
|
| 41 |
+
<div class="absolute inset-0 opacity-30" id="vanta-bg"></div>
|
| 42 |
+
<div class="relative z-10 text-center px-6 py-20 md:py-32 max-w-4xl mx-auto">
|
| 43 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6 gold-gradient">Solução Estratégica para <span class="block">Método Camuflatrix®</span></h1>
|
| 44 |
+
<p class="text-xl md:text-2xl text-gray-300 mb-10">Aumente a qualidade dos leads e melhore a conversão em vendas</p>
|
| 45 |
+
<div class="animate-bounce mt-16">
|
| 46 |
+
<i data-feather="chevron-down" class="text-gold-500 w-12 h-12 mx-auto"></i>
|
| 47 |
+
</div>
|
| 48 |
+
</div>
|
| 49 |
+
</div>
|
| 50 |
+
|
| 51 |
+
<!-- Diagnosis Slide -->
|
| 52 |
+
<div class="slide bg-white py-20 px-6">
|
| 53 |
+
<div class="max-w-4xl mx-auto">
|
| 54 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center gold-gradient">Diagnóstico do Cenário Atual</h2>
|
| 55 |
+
|
| 56 |
+
<div class="grid md:grid-cols-2 gap-8">
|
| 57 |
+
<div class="bg-gray-100 p-8 rounded-xl shadow-md border-l-4 border-gold-500">
|
| 58 |
+
<div class="flex items-center mb-4">
|
| 59 |
+
<div class="bg-gold-500 text-white p-3 rounded-full mr-4">
|
| 60 |
+
<i data-feather="thumbs-up" class="w-6 h-6"></i>
|
| 61 |
+
</div>
|
| 62 |
+
<h3 class="text-xl font-semibold">Pontos Fortes</h3>
|
| 63 |
+
</div>
|
| 64 |
+
<ul class="space-y-3 text-gray-700">
|
| 65 |
+
<li class="flex items-start">
|
| 66 |
+
<i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
|
| 67 |
+
<span>Boa geração de leads (volume estável)</span>
|
| 68 |
+
</li>
|
| 69 |
+
<li class="flex items-start">
|
| 70 |
+
<i data-feather="check" class="text-green-500 mr-2 mt-1 flex-shrink-0"></i>
|
| 71 |
+
<span>Custo por lead acessível</span>
|
| 72 |
+
</li>
|
| 73 |
+
</ul>
|
| 74 |
+
</div>
|
| 75 |
+
|
| 76 |
+
<div class="bg-gray-100 p-8 rounded-xl shadow-md border-l-4 border-red-400">
|
| 77 |
+
<div class="flex items-center mb-4">
|
| 78 |
+
<div class="bg-red-400 text-white p-3 rounded-full mr-4">
|
| 79 |
+
<i data-feather="alert-triangle" class="w-6 h-6"></i>
|
| 80 |
+
</div>
|
| 81 |
+
<h3 class="text-xl font-semibold">Desafios</h3>
|
| 82 |
+
</div>
|
| 83 |
+
<ul class="space-y-3 text-gray-700">
|
| 84 |
+
<li class="flex items-start">
|
| 85 |
+
<i data-feather="x" class="text-red-500 mr-2 mt-1 flex-shrink-0"></i>
|
| 86 |
+
<span>Leads descomprometidos</span>
|
| 87 |
+
</li>
|
| 88 |
+
<li class="flex items-start">
|
| 89 |
+
<i data-feather="x" class="text-red-500 mr-2 mt-1 flex-shrink-0"></i>
|
| 90 |
+
<span>Dificuldade em converter</span>
|
| 91 |
+
</li>
|
| 92 |
+
<li class="flex items-start">
|
| 93 |
+
<i data-feather="x" class="text-red-500 mr-2 mt-1 flex-shrink-0"></i>
|
| 94 |
+
<span>Tentativas sem sucesso</span>
|
| 95 |
+
</li>
|
| 96 |
+
</ul>
|
| 97 |
+
</div>
|
| 98 |
+
</div>
|
| 99 |
+
</div>
|
| 100 |
+
</div>
|
| 101 |
+
|
| 102 |
+
<!-- Reasons Slide -->
|
| 103 |
+
<div class="slide bg-gray-900 text-white py-20 px-6">
|
| 104 |
+
<div class="max-w-4xl mx-auto">
|
| 105 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center gold-gradient">Possíveis Motivos dos Leads Não Converterem</h2>
|
| 106 |
+
|
| 107 |
+
<div class="grid gap-6 md:grid-cols-3">
|
| 108 |
+
<div class="bg-gray-800 p-6 rounded-lg text-center">
|
| 109 |
+
<div class="bg-gold-500 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
|
| 110 |
+
<i data-feather="user" class="w-8 h-8"></i>
|
| 111 |
+
</div>
|
| 112 |
+
<h3 class="text-xl font-semibold mb-3">Falta de Conexão</h3>
|
| 113 |
+
<p class="text-gray-300">Lead entra frio, sem conhecer o método ou o Lucas</p>
|
| 114 |
+
</div>
|
| 115 |
+
|
| 116 |
+
<div class="bg-gray-800 p-6 rounded-lg text-center">
|
| 117 |
+
<div class="bg-gold-500 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
|
| 118 |
+
<i data-feather="heart" class="w-8 h-8"></i>
|
| 119 |
+
</div>
|
| 120 |
+
<h3 class="text-xl font-semibold mb-3">Falta Emocional</h3>
|
| 121 |
+
<p class="text-gray-300">Expectativa não sustentada no pós-clique</p>
|
| 122 |
+
</div>
|
| 123 |
+
|
| 124 |
+
<div class="bg-gray-800 p-6 rounded-lg text-center">
|
| 125 |
+
<div class="bg-gold-500 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
|
| 126 |
+
<i data-feather="clock" class="w-8 h-8"></i>
|
| 127 |
+
</div>
|
| 128 |
+
<h3 class="text-xl font-semibold mb-3">Timing</h3>
|
| 129 |
+
<p class="text-gray-300">Falta de tempo para planejamento</p>
|
| 130 |
+
</div>
|
| 131 |
+
</div>
|
| 132 |
+
</div>
|
| 133 |
+
</div>
|
| 134 |
+
|
| 135 |
+
<!-- Solution Slide -->
|
| 136 |
+
<div class="slide bg-white py-20 px-6">
|
| 137 |
+
<div class="max-w-5xl mx-auto">
|
| 138 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center gold-gradient">Solução em 3 Etapas Estratégicas</h2>
|
| 139 |
+
|
| 140 |
+
<div class="funnel-arrow relative">
|
| 141 |
+
<div class="bg-gold-500 text-white p-6 rounded-t-xl text-center">
|
| 142 |
+
<h3 class="text-xl font-bold">Etapa 1 - Reconhecimento</h3>
|
| 143 |
+
</div>
|
| 144 |
+
<div class="bg-gray-100 p-6 border border-gray-200">
|
| 145 |
+
<p class="font-semibold mb-3">Objetivo: gerar conexão com o método</p>
|
| 146 |
+
<ul class="list-disc pl-5 space-y-2 text-gray-700">
|
| 147 |
+
<li>Bastidores do curso</li>
|
| 148 |
+
<li>Quem é o Lucas e seu diferencial</li>
|
| 149 |
+
<li>Demonstrações rápidas da técnica</li>
|
| 150 |
+
<li>Histórias de transformação</li>
|
| 151 |
+
</ul>
|
| 152 |
+
</div>
|
| 153 |
+
</div>
|
| 154 |
+
|
| 155 |
+
<div class="funnel-arrow relative mt-10">
|
| 156 |
+
<div class="bg-gold-600 text-white p-6 rounded-t-xl text-center">
|
| 157 |
+
<h3 class="text-xl font-bold">Etapa 2 - Conversão com Remarketing</h3>
|
| 158 |
+
</div>
|
| 159 |
+
<div class="bg-gray-100 p-6 border border-gray-200">
|
| 160 |
+
<p class="font-semibold mb-3">Público-alvo:</p>
|
| 161 |
+
<ul class="list-disc pl-5 space-y-2 text-gray-700">
|
| 162 |
+
<li>Quem assistiu 75%+ dos vídeos</li>
|
| 163 |
+
<li>Engajados no Instagram</li>
|
| 164 |
+
</ul>
|
| 165 |
+
<p class="font-semibold mt-4 mb-2">Formulário qualificador:</p>
|
| 166 |
+
<div class="bg-white p-4 rounded border border-gray-300">
|
| 167 |
+
<p class="text-gray-600 mb-2">1. Por que você deseja fazer essa formação?</p>
|
| 168 |
+
<p class="text-gray-600">2. Tem condições de iniciar ainda este mês?</p>
|
| 169 |
+
</div>
|
| 170 |
+
</div>
|
| 171 |
+
</div>
|
| 172 |
+
|
| 173 |
+
<div class="funnel-arrow relative mt-10">
|
| 174 |
+
<div class="bg-gold-700 text-white p-6 rounded-t-xl text-center">
|
| 175 |
+
<h3 class="text-xl font-bold">Etapa 3 - Abordagem Comercial</h3>
|
| 176 |
+
</div>
|
| 177 |
+
<div class="bg-gray-100 p-6 border border-gray-200 rounded-b-xl">
|
| 178 |
+
<ul class="list-disc pl-5 space-y-2 text-gray-700">
|
| 179 |
+
<li>Atuação apenas com leads qualificados</li>
|
| 180 |
+
<li>Foco em propósito e transformação</li>
|
| 181 |
+
<li>Materiais complementares</li>
|
| 182 |
+
<li>Senso de escassez real</li>
|
| 183 |
+
</ul>
|
| 184 |
+
</div>
|
| 185 |
+
</div>
|
| 186 |
+
</div>
|
| 187 |
+
</div>
|
| 188 |
+
|
| 189 |
+
<!-- Budget Slide -->
|
| 190 |
+
<div class="slide bg-gray-100 py-20 px-6">
|
| 191 |
+
<div class="max-w-4xl mx-auto">
|
| 192 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center gold-gradient">Sugestão de Orçamento e Cronograma</h2>
|
| 193 |
+
|
| 194 |
+
<div class="bg-white rounded-xl shadow-lg p-8">
|
| 195 |
+
<div class="flex flex-col md:flex-row items-center mb-8">
|
| 196 |
+
<div class="md:w-1/2 mb-6 md:mb-0">
|
| 197 |
+
<h3 class="text-xl font-bold mb-3">Investimento por cidade: R$1.250</h3>
|
| 198 |
+
<div class="h-4 bg-gray-200 rounded-full mb-2">
|
| 199 |
+
<div class="h-4 rounded-full bg-gold-500" style="width: 60%"></div>
|
| 200 |
+
</div>
|
| 201 |
+
<p class="text-sm text-gray-600">Reconhecimento: R$750 (60%)</p>
|
| 202 |
+
|
| 203 |
+
<div class="h-4 bg-gray-200 rounded-full mb-2 mt-4">
|
| 204 |
+
<div class="h-4 rounded-full bg-gold-600" style="width: 40%"></div>
|
| 205 |
+
</div>
|
| 206 |
+
<p class="text-sm text-gray-600">Conversão: R$500 (40%)</p>
|
| 207 |
+
</div>
|
| 208 |
+
<div class="md:w-1/2">
|
| 209 |
+
<div class="bg-gray-800 text-white p-4 rounded-lg">
|
| 210 |
+
<h4 class="font-bold mb-2">Foco em cidades internacionais:</h4>
|
| 211 |
+
<p class="flex items-center mb-1"><i data-feather="map-pin" class="mr-2"></i> Boston</p>
|
| 212 |
+
<p class="flex items-center mb-1"><i data-feather="map-pin" class="mr-2"></i> Nova York</p>
|
| 213 |
+
<p class="flex items-center"><i data-feather="map-pin" class="mr-2"></i> Orlando</p>
|
| 214 |
+
</div>
|
| 215 |
+
</div>
|
| 216 |
+
</div>
|
| 217 |
+
|
| 218 |
+
<div class="border-t border-gray-200 pt-6">
|
| 219 |
+
<h3 class="text-xl font-bold mb-4">Cronograma</h3>
|
| 220 |
+
<div class="flex flex-col md:flex-row justify-between">
|
| 221 |
+
<div class="mb-4 md:mb-0">
|
| 222 |
+
<p class="font-semibold">Dias 1-15</p>
|
| 223 |
+
<p class="text-gray-600">Campanha de Reconhecimento</p>
|
| 224 |
+
</div>
|
| 225 |
+
<div class="mb-4 md:mb-0">
|
| 226 |
+
<p class="font-semibold">Dias 16-30</p>
|
| 227 |
+
<p class="text-gray-600">Campanha de Conversão</p>
|
| 228 |
+
</div>
|
| 229 |
+
<div>
|
| 230 |
+
<p class="font-semibold">Dias 31+</p>
|
| 231 |
+
<p class="text-gray-600">Abordagem Comercial</p>
|
| 232 |
+
</div>
|
| 233 |
+
</div>
|
| 234 |
+
</div>
|
| 235 |
+
</div>
|
| 236 |
+
</div>
|
| 237 |
+
</div>
|
| 238 |
+
|
| 239 |
+
<!-- Why It Works Slide -->
|
| 240 |
+
<div class="slide bg-white py-20 px-6">
|
| 241 |
+
<div class="max-w-4xl mx-auto">
|
| 242 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center gold-gradient">Por que essa estratégia tem alta chance de sucesso</h2>
|
| 243 |
+
|
| 244 |
+
<div class="grid gap-6 md:grid-cols-2">
|
| 245 |
+
<div class="flex items-start">
|
| 246 |
+
<div class="bg-gold-100 text-gold-700 p-3 rounded-full mr-4 flex-shrink-0">
|
| 247 |
+
<i data-feather="check-circle" class="w-6 h-6"></i>
|
| 248 |
+
</div>
|
| 249 |
+
<div>
|
| 250 |
+
<h3 class="text-xl font-semibold mb-2">Comportamento Moderno</h3>
|
| 251 |
+
<p class="text-gray-700">Alinhado com consumidores que só compram quando confiam</p>
|
| 252 |
+
</div>
|
| 253 |
+
</div>
|
| 254 |
+
|
| 255 |
+
<div class="flex items-start">
|
| 256 |
+
<div class="bg-gold-100 text-gold-700 p-3 rounded-full mr-4 flex-shrink-0">
|
| 257 |
+
<i data-feather="check-circle" class="w-6 h-6"></i>
|
| 258 |
+
</div>
|
| 259 |
+
<div>
|
| 260 |
+
<h3 class="text-xl font-semibold mb-2">Qualidade sobre Quantidade</h3>
|
| 261 |
+
<p class="text-gray-700">Menos volume bruto, mais intenção real de compra</p>
|
| 262 |
+
</div>
|
| 263 |
+
</div>
|
| 264 |
+
|
| 265 |
+
<div class="flex items-start">
|
| 266 |
+
<div class="bg-gold-100 text-gold-700 p-3 rounded-full mr-4 flex-shrink-0">
|
| 267 |
+
<i data-feather="check-circle" class="w-6 h-6"></i>
|
| 268 |
+
</div>
|
| 269 |
+
<div>
|
| 270 |
+
<h3 class="text-xl font-semibold mb-2">Redução de Desgaste</h3>
|
| 271 |
+
<p class="text-gray-700">Evita trabalho com público desqualificado</p>
|
| 272 |
+
</div>
|
| 273 |
+
</div>
|
| 274 |
+
|
| 275 |
+
<div class="flex items-start">
|
| 276 |
+
<div class="bg-gold-100 text-gold-700 p-3 rounded-full mr-4 flex-shrink-0">
|
| 277 |
+
<i data-feather="check-circle" class="w-6 h-6"></i>
|
| 278 |
+
</div>
|
| 279 |
+
<div>
|
| 280 |
+
<h3 class="text-xl font-semibold mb-2">Posicionamento Premium</h3>
|
| 281 |
+
<p class="text-gray-700">Aumenta o valor percebido do curso</p>
|
| 282 |
+
</div>
|
| 283 |
+
</div>
|
| 284 |
+
</div>
|
| 285 |
+
</div>
|
| 286 |
+
</div>
|
| 287 |
+
|
| 288 |
+
<!-- Conclusion Slide -->
|
| 289 |
+
<div class="slide bg-gradient-to-br from-gray-900 to-gray-800 text-white py-20 px-6">
|
| 290 |
+
<div class="max-w-4xl mx-auto text-center">
|
| 291 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-8 gold-gradient">Próximos Passos</h2>
|
| 292 |
+
|
| 293 |
+
<div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-xl p-8 mb-12">
|
| 294 |
+
<p class="text-xl mb-6">A estratégia pode ser iniciada ainda esta semana para as cidades de novembro</p>
|
| 295 |
+
<p class="text-lg">Resultados esperados: menos volume bruto, mais intenção real de compra e mais conversão</p>
|
| 296 |
+
</div>
|
| 297 |
+
|
| 298 |
+
<div class="flex flex-col sm:flex-row justify-center gap-4">
|
| 299 |
+
<button class="bg-gold-500 hover:bg-gold-600 text-white font-bold py-3 px-8 rounded-full flex items-center transition-all">
|
| 300 |
+
<i data-feather="calendar" class="mr-2"></i> Agendar Reunião
|
| 301 |
+
</button>
|
| 302 |
+
<button class="bg-transparent hover:bg-white hover:text-gray-900 text-white font-bold py-3 px-8 rounded-full border border-white flex items-center transition-all">
|
| 303 |
+
<i data-feather="download" class="mr-2"></i> Baixar Apresentação
|
| 304 |
+
</button>
|
| 305 |
+
</div>
|
| 306 |
+
|
| 307 |
+
<div class="mt-16 pt-8 border-t border-gray-700">
|
| 308 |
+
<div class="flex justify-center space-x-6">
|
| 309 |
+
<a href="#" class="text-gray-400 hover:text-gold-500 transition-colors">
|
| 310 |
+
<i data-feather="instagram" class="w-6 h-6"></i>
|
| 311 |
+
</a>
|
| 312 |
+
<a href="#" class="text-gray-400 hover:text-gold-500 transition-colors">
|
| 313 |
+
<i data-feather="facebook" class="w-6 h-6"></i>
|
| 314 |
+
</a>
|
| 315 |
+
<a href="#" class="text-gray-400 hover:text-gold-500 transition-colors">
|
| 316 |
+
<i data-feather="linkedin" class="w-6 h-6"></i>
|
| 317 |
+
</a>
|
| 318 |
+
</div>
|
| 319 |
+
<p class="mt-6 text-gray-400">© 2023 Método Camuflatrix®. Todos os direitos reservados.</p>
|
| 320 |
+
</div>
|
| 321 |
+
</div>
|
| 322 |
+
</div>
|
| 323 |
+
|
| 324 |
+
<script>
|
| 325 |
+
VANTA.NET({
|
| 326 |
+
el: "#vanta-bg",
|
| 327 |
+
mouseControls: true,
|
| 328 |
+
touchControls: true,
|
| 329 |
+
gyroControls: false,
|
| 330 |
+
minHeight: 200.00,
|
| 331 |
+
minWidth: 200.00,
|
| 332 |
+
scale: 1.00,
|
| 333 |
+
scaleMobile: 1.00,
|
| 334 |
+
color: 0xd4af37,
|
| 335 |
+
backgroundColor: 0x111111,
|
| 336 |
+
points: 10.00,
|
| 337 |
+
maxDistance: 22.00,
|
| 338 |
+
spacing: 17.00
|
| 339 |
+
});
|
| 340 |
+
</script>
|
| 341 |
+
<script>
|
| 342 |
+
feather.replace();
|
| 343 |
+
|
| 344 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 345 |
+
// Simple scroll animation for presentation slides
|
| 346 |
+
const observer = new IntersectionObserver((entries) => {
|
| 347 |
+
entries.forEach(entry => {
|
| 348 |
+
if (entry.isIntersecting) {
|
| 349 |
+
entry.target.style.opacity = 1;
|
| 350 |
+
entry.target.style.transform = 'translateY(0)';
|
| 351 |
+
}
|
| 352 |
+
});
|
| 353 |
+
}, { threshold: 0.1 });
|
| 354 |
+
|
| 355 |
+
document.querySelectorAll('.slide').forEach((slide, index) => {
|
| 356 |
+
if (index > 0) {
|
| 357 |
+
slide.style.opacity = 0;
|
| 358 |
+
slide.style.transform = 'translateY(20px)';
|
| 359 |
+
slide.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';
|
| 360 |
+
observer.observe(slide);
|
| 361 |
+
}
|
| 362 |
+
});
|
| 363 |
+
});
|
| 364 |
+
</script>
|
| 365 |
+
</body>
|
| 366 |
</html>
|