File size: 23,291 Bytes
94422ce
 
 
 
 
b80c51f
94422ce
 
 
b80c51f
 
 
 
 
 
 
 
 
 
94422ce
 
 
 
b80c51f
94422ce
b80c51f
94422ce
b80c51f
 
94422ce
b80c51f
 
 
 
 
 
94422ce
 
 
b80c51f
 
238bbfe
59e3b68
238bbfe
b80c51f
 
94422ce
b80c51f
94422ce
b80c51f
 
 
 
 
 
 
94422ce
b80c51f
 
 
 
94422ce
b80c51f
94422ce
b80c51f
94422ce
b80c51f
 
 
 
94422ce
b80c51f
94422ce
b80c51f
94422ce
b80c51f
 
 
 
 
 
94422ce
b80c51f
94422ce
b80c51f
 
 
 
 
 
 
 
94422ce
b80c51f
94422ce
b80c51f
94422ce
b80c51f
 
94422ce
b80c51f
 
 
 
 
 
 
 
94422ce
b80c51f
 
 
94422ce
b80c51f
 
 
94422ce
b80c51f
 
 
94422ce
 
b80c51f
 
94422ce
b80c51f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94422ce
b80c51f
 
 
 
 
 
 
a8c2ad0
 
 
b80c51f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a8c2ad0
 
 
b80c51f
 
 
 
 
 
 
 
 
 
68ebb5e
b80c51f
 
 
68ebb5e
b80c51f
68ebb5e
b80c51f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68ebb5e
 
b80c51f
 
94422ce
 
 
b80c51f
94422ce
b80c51f
 
 
 
 
 
 
94422ce
b80c51f
 
 
 
 
94422ce
b80c51f
94422ce
b80c51f
 
 
 
 
 
 
94422ce
b80c51f
94422ce
b80c51f
94422ce
 
b80c51f
 
 
 
94422ce
b80c51f
 
 
 
 
 
 
 
 
94422ce
b80c51f
94422ce
b80c51f
94422ce
 
 
b80c51f
94422ce
b80c51f
 
 
 
 
 
 
94422ce
b80c51f
 
 
 
 
94422ce
 
b80c51f
 
 
 
94422ce
 
b80c51f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94422ce
a8c2ad0
 
 
94422ce
b80c51f
 
 
94422ce
b80c51f
 
 
 
 
 
 
94422ce
b80c51f
 
94422ce
 
 
b80c51f
 
 
 
 
 
94422ce
b80c51f
 
 
 
 
 
 
 
 
 
94422ce
b80c51f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94422ce
b80c51f
 
94422ce
fc2e349
94422ce
 
5605e6a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
<!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">
    <!-- Slide 1 - Título -->
    <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>

    <!-- Slide 2 - Diagnóstico -->
    <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>

    <!-- Slide 3 - Problemas -->
    <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>

    <!-- Slide 4 - Solução -->
    <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">
                <!-- Funnel Visualization -->
                <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>
                
                <!-- Detailed Steps -->
                <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>

    <!-- Slide 5 - Benefícios -->
    <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>

    <!-- Slide 6 - Dados -->
    <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>

    <!-- Slide 7 - Cidades -->
    <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>

    <!-- Slide 8 - Masterclass -->
    <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>