Hugging Face's logo

Spaces:
murilofnt
/
ai-team
Running

App Files Community
murilofnt commited on
Commit
57e442a
·
verified ·
1 Parent(s): 7d41d27

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +991 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ai Team
3
- emoji: 🌖
4
- colorFrom: green
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ai-team
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,991 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
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>Equipe de Marketing com IA - Automatize suas Vendas</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
10
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
13
+
14
+ :root {
15
+ --primary: #6d28d9;
16
+ --secondary: #8b5cf6;
17
+ --dark: #1e1b4b;
18
+ --light: #f5f3ff;
19
+ }
20
+
21
+ body {
22
+ font-family: 'Poppins', sans-serif;
23
+ background-color: var(--light);
24
+ color: var(--dark);
25
+ overflow-x: hidden;
26
+ }
27
+
28
+ .gradient-bg {
29
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
30
+ }
31
+
32
+ .hero-text {
33
+ text-shadow: 0 4px 10px rgba(0,0,0,0.1);
34
+ }
35
+
36
+ .card-hover {
37
+ transition: all 0.3s ease;
38
+ }
39
+
40
+ .card-hover:hover {
41
+ transform: translateY(-10px);
42
+ box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
43
+ }
44
+
45
+ .pulse {
46
+ animation: pulse 2s infinite;
47
+ }
48
+
49
+ @keyframes pulse {
50
+ 0% {
51
+ box-shadow: 0 0 0 0 rgba(109, 40, 217, 0.7);
52
+ }
53
+ 70% {
54
+ box-shadow: 0 0 0 15px rgba(109, 40, 217, 0);
55
+ }
56
+ 100% {
57
+ box-shadow: 0 0 0 0 rgba(109, 40, 217, 0);
58
+ }
59
+ }
60
+
61
+ .floating {
62
+ animation: floating 6s ease-in-out infinite;
63
+ }
64
+
65
+ @keyframes floating {
66
+ 0% { transform: translateY(0px); }
67
+ 50% { transform: translateY(-20px); }
68
+ 100% { transform: translateY(0px); }
69
+ }
70
+
71
+ .ai-agent-card {
72
+ border-left: 4px solid var(--primary);
73
+ transition: all 0.3s ease;
74
+ }
75
+
76
+ .ai-agent-card:hover {
77
+ border-left-width: 8px;
78
+ }
79
+
80
+ .glow-text {
81
+ text-shadow: 0 0 10px rgba(255,255,255,0.8);
82
+ }
83
+
84
+ .checklist-item {
85
+ background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236d28d9"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat left center;
86
+ padding-left: 30px;
87
+ margin-bottom: 12px;
88
+ background-size: 20px;
89
+ }
90
+
91
+ .guarantee-badge {
92
+ border: 2px dashed #6d28d9;
93
+ animation: pulse 2s infinite;
94
+ }
95
+ </style>
96
+ </head>
97
+ <body class="antialiased">
98
+ <!-- Floating particles background -->
99
+ <div class="fixed inset-0 overflow-hidden -z-10">
100
+ <div id="particles-js" class="absolute inset-0"></div>
101
+ </div>
102
+
103
+ <!-- Navigation -->
104
+ <nav class="container mx-auto px-6 py-4 flex justify-between items-center">
105
+ <div class="text-2xl font-bold text-purple-900">
106
+ <span class="gradient-text bg-clip-text text-transparent bg-gradient-to-r from-purple-700 to-pink-600">AI</span>Team
107
+ </div>
108
+ <button class="gradient-bg text-white px-6 py-2 rounded-full font-bold text-sm hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
109
+ COMPRAR AGORA
110
+ </button>
111
+ </nav>
112
+
113
+ <!-- ==================== -->
114
+ <!-- 1. Bloco - Vender o curso Sozinho -->
115
+ <!-- ==================== -->
116
+ <section class="relative py-20 px-6">
117
+ <div class="absolute inset-0 bg-gradient-to-br from-purple-100 to-white opacity-50 -z-10"></div>
118
+ <div class="container mx-auto flex flex-col md:flex-row items-center">
119
+ <div class="md:w-1/2 mb-12 md:mb-0">
120
+ <h1 class="text-4xl md:text-6xl font-extrabold leading-tight mb-6 text-purple-900 hero-text">
121
+ Tenha sua própria equipe de marketing e vendas com IA
122
+ </h1>
123
+ <p class="text-xl md:text-2xl text-purple-800 mb-8">
124
+ <span class="font-semibold">Sem precisar pensar no que postar, no que falar ou em como vender.</span>
125
+ Aprenda a usar agentes de IA para impulsionar seus resultados automaticamente.
126
+ </p>
127
+
128
+ <div class="bg-white p-6 rounded-xl shadow-xl mb-8 border-l-8 border-purple-600">
129
+ <div class="flex items-center">
130
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
131
+ <i class="fas fa-bolt text-xl"></i>
132
+ </div>
133
+ <div>
134
+ <h3 class="text-xl font-bold text-purple-900">OFERTA POR TEMPO LIMITADO</h3>
135
+ <p class="text-purple-700">De <span class="line-through">R$297</span> por apenas <span class="font-bold text-2xl text-purple-900">R$67</span></p>
136
+ </div>
137
+ </div>
138
+ </div>
139
+
140
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
141
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
142
+ QUERO MEU TIME DE IA AGORA
143
+ </button>
144
+ </div>
145
+
146
+ <div class="mt-8 flex items-center space-x-2 text-purple-900">
147
+ <div class="flex -space-x-2">
148
+ <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
149
+ <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="">
150
+ <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/68.jpg" alt="">
151
+ </div>
152
+ <span class="text-sm font-medium">+2.500 empresários já transformaram seus negócios</span>
153
+ </div>
154
+ </div>
155
+ <div class="md:w-1/2 relative">
156
+ <div class="relative floating">
157
+ <div class="absolute -top-10 -left-10 w-32 h-32 bg-purple-300 rounded-full mix-blend-multiply filter blur-xl opacity-70"></div>
158
+ <div class="absolute -bottom-10 -right-10 w-32 h-32 bg-pink-300 rounded-full mix-blend-multiply filter blur-xl opacity-70"></div>
159
+ <div class="relative bg-white rounded-2xl shadow-2xl overflow-hidden border-8 border-white">
160
+ <img src="https://images.unsplash.com/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80" alt="AI Team Dashboard" class="w-full h-auto">
161
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-6">
162
+ <h3 class="text-white text-xl font-bold glow-text">Seu time de IA em ação</h3>
163
+ <p class="text-purple-200">Gerando conteúdo, vendas e resultados automaticamente</p>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </section>
170
+
171
+ <!-- ==================== -->
172
+ <!-- 2. Bloco - Depoimentos -->
173
+ <!-- ==================== -->
174
+ <section class="py-20 px-6 bg-white">
175
+ <div class="container mx-auto">
176
+ <div class="text-center mb-16">
177
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">O Que Dizem Quem Já Usa</h2>
178
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto">
179
+ Empresários reais, resultados reais - veja o que estão falando sobre o método
180
+ </p>
181
+ </div>
182
+
183
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
184
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition">
185
+ <div class="flex items-center mb-4">
186
+ <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Ana Silva" class="w-12 h-12 rounded-full mr-4">
187
+ <div>
188
+ <h4 class="font-bold text-purple-900">Ana Silva</h4>
189
+ <p class="text-sm text-purple-600">@anasilvaempreendedora</p>
190
+ </div>
191
+ </div>
192
+ <p class="text-gray-600 mb-4">
193
+ "Minhas vendas no WhatsApp triplicaram em 2 semanas com a IA Consultora que aprendi a usar no curso. Não preciso mais ficar respondendo mensagem o dia todo!"
194
+ </p>
195
+ <div class="flex text-yellow-400">
196
+ <i class="fas fa-star"></i>
197
+ <i class="fas fa-star"></i>
198
+ <i class="fas fa-star"></i>
199
+ <i class="fas fa-star"></i>
200
+ <i class="fas fa-star"></i>
201
+ </div>
202
+ </div>
203
+
204
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition">
205
+ <div class="flex items-center mb-4">
206
+ <img src="https://randomuser.me/api/portraits/men/54.jpg" alt="Carlos Mendes" class="w-12 h-12 rounded-full mr-4">
207
+ <div>
208
+ <h4 class="font-bold text-purple-900">Carlos Mendes</h4>
209
+ <p class="text-sm text-purple-600">CEO - Mendes Consultoria</p>
210
+ </div>
211
+ </div>
212
+ <p class="text-gray-600 mb-4">
213
+ "A IA de Roteiros salvou meu Instagram. Em 1 mês meu engajamento aumentou 400% e consegui 3 clientes só pelo Reels que aprendi a criar no curso."
214
+ </p>
215
+ <div class="flex text-yellow-400">
216
+ <i class="fas fa-star"></i>
217
+ <i class="fas fa-star"></i>
218
+ <i class="fas fa-star"></i>
219
+ <i class="fas fa-star"></i>
220
+ <i class="fas fa-star"></i>
221
+ </div>
222
+ </div>
223
+
224
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm hover:shadow-md transition">
225
+ <div class="flex items-center mb-4">
226
+ <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Juliana Costa" class="w-12 h-12 rounded-full mr-4">
227
+ <div>
228
+ <h4 class="font-bold text-purple-900">Juliana Costa</h4>
229
+ <p class="text-sm text-purple-600">Fundadora - JC Cosméticos</p>
230
+ </div>
231
+ </div>
232
+ <p class="text-gray-600 mb-4">
233
+ "Nunca fui boa em criar anúncios. Com a IA Criativa do curso, fiz campanhas que reduziram meu CPA em 60%. Estou vendendo muito mais gastando menos."
234
+ </p>
235
+ <div class="flex text-yellow-400">
236
+ <i class="fas fa-star"></i>
237
+ <i class="fas fa-star"></i>
238
+ <i class="fas fa-star"></i>
239
+ <i class="fas fa-star"></i>
240
+ <i class="fas fa-star"></i>
241
+ </div>
242
+ </div>
243
+ </div>
244
+
245
+ <div class="mt-16 text-center">
246
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
247
+ QUERO TER RESULTADOS COMO ESSES
248
+ </button>
249
+ </div>
250
+ </div>
251
+ </section>
252
+
253
+ <!-- ==================== -->
254
+ <!-- 3. Bloco - Dor latente -->
255
+ <!-- ==================== -->
256
+ <section class="py-20 px-6 bg-purple-50">
257
+ <div class="container mx-auto">
258
+ <div class="text-center mb-16">
259
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">Você Se Identifica Com Alguma Dessas Situações?</h2>
260
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto">
261
+ Esses são os problemas que nosso curso resolve definitivamente
262
+ </p>
263
+ </div>
264
+
265
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
266
+ <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition">
267
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
268
+ <i class="fas fa-clock"></i>
269
+ </div>
270
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Falta de Tempo</h3>
271
+ <p class="text-gray-600">
272
+ Você passa horas criando conteúdo, atendendo clientes e ainda assim não vê os resultados que gostaria. A IA pode fazer isso tudo por você em minutos.
273
+ </p>
274
+ </div>
275
+
276
+ <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition">
277
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
278
+ <i class="fas fa-brain"></i>
279
+ </div>
280
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Bloqueio Criativo</h3>
281
+ <p class="text-gray-600">
282
+ Não sabe mais o que postar, como criar roteiros ou anúncios que convertem. As IAs geram ideias virais e copys que vendem automaticamente.
283
+ </p>
284
+ </div>
285
+
286
+ <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition">
287
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
288
+ <i class="fas fa-comments-dollar"></i>
289
+ </div>
290
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Vendas Estagnadas</h3>
291
+ <p class="text-gray-600">
292
+ Seu WhatsApp silencioso, poucas mensagens e menos vendas ainda. A IA pode atender, negociar e fechar vendas 24/7 por você.
293
+ </p>
294
+ </div>
295
+
296
+ <div class="bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition">
297
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
298
+ <i class="fas fa-chart-line"></i>
299
+ </div>
300
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Resultados Inconsistentes</h3>
301
+ <p class="text-gray-600">
302
+ Um dia vende bem, no outro não vende nada. As IAs otimizam constantemente seu marketing baseado nos resultados para maximizar suas vendas.
303
+ </p>
304
+ </div>
305
+ </div>
306
+
307
+ <div class="mt-16 text-center">
308
+ <h3 class="text-2xl md:text-3xl font-bold text-purple-900 mb-6">Se você se identificou com pelo menos UMA dessas situações...</h3>
309
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto mb-8">
310
+ Nosso curso vai te ensinar passo a passo como usar a IA para resolver esses problemas e alavancar seus resultados.
311
+ </p>
312
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
313
+ QUERO RESOLVER ESSES PROBLEMAS
314
+ </button>
315
+ </div>
316
+ </div>
317
+ </section>
318
+
319
+ <!-- ==================== -->
320
+ <!-- 4. Bloco - Passo a Passo -->
321
+ <!-- ==================== -->
322
+ <section class="py-20 px-6 bg-white">
323
+ <div class="container mx-auto">
324
+ <div class="text-center mb-16">
325
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">O Método Passo a Passo</h2>
326
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto">
327
+ Veja como é simples implementar e começar a ver resultados
328
+ </p>
329
+ </div>
330
+
331
+ <div class="max-w-4xl mx-auto">
332
+ <div class="flex flex-col md:flex-row items-start mb-12">
333
+ <div class="gradient-bg text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold mb-4 md:mb-0 md:mr-8 shrink-0">1</div>
334
+ <div>
335
+ <h3 class="text-2xl font-bold text-purple-900 mb-3">Configuração Rápida</h3>
336
+ <p class="text-gray-600">
337
+ Te ensinamos exatamente como configurar cada agente de IA para seu negócio específico. Mesmo que você nunca tenha usado IA antes, em menos de 1 hora estará pronto.
338
+ </p>
339
+ </div>
340
+ </div>
341
+
342
+ <div class="flex flex-col md:flex-row items-start mb-12">
343
+ <div class="gradient-bg text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold mb-4 md:mb-0 md:mr-8 shrink-0">2</div>
344
+ <div>
345
+ <h3 class="text-2xl font-bold text-purple-900 mb-3">Treinamento dos Agentes</h3>
346
+ <p class="text-gray-600">
347
+ Você vai aprender o método exato para "ensinar" suas IAs sobre seu negócio, produtos e tom de voz. Elas vão replicar seu estilo e conhecimentos automaticamente.
348
+ </p>
349
+ </div>
350
+ </div>
351
+
352
+ <div class="flex flex-col md:flex-row items-start mb-12">
353
+ <div class="gradient-bg text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold mb-4 md:mb-0 md:mr-8 shrink-0">3</div>
354
+ <div>
355
+ <h3 class="text-2xl font-bold text-purple-900 mb-3">Automação Completa</h3>
356
+ <p class="text-gray-600">
357
+ Com tudo configurado, suas IAs vão trabalhar 24/7 criando conteúdo, atendendo clientes e gerando vendas. Você só precisa aprovar e acompanhar os resultados.
358
+ </p>
359
+ </div>
360
+ </div>
361
+
362
+ <div class="flex flex-col md:flex-row items-start">
363
+ <div class="gradient-bg text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl font-bold mb-4 md:mb-0 md:mr-8 shrink-0">4</div>
364
+ <div>
365
+ <h3 class="text-2xl font-bold text-purple-900 mb-3">Otimização Contínua</h3>
366
+ <p class="text-gray-600">
367
+ Você vai aprender como analisar os resultados e ajustar suas IAs para melhorar constantemente. Seus resultados vão crescer mês após mês.
368
+ </p>
369
+ </div>
370
+ </div>
371
+ </div>
372
+
373
+ <div class="mt-16 text-center">
374
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
375
+ QUERO APRENDER ESSE MÉTODO
376
+ </button>
377
+ </div>
378
+ </div>
379
+ </section>
380
+
381
+ <!-- ==================== -->
382
+ <!-- 5. Bloco - Tudo que você vai receber -->
383
+ <!-- ==================== -->
384
+ <section class="py-20 px-6 gradient-bg text-white">
385
+ <div class="container mx-auto">
386
+ <div class="text-center mb-16">
387
+ <h2 class="text-3xl md:text-5xl font-bold mb-4 glow-text">Tudo Que Você Vai Receber</h2>
388
+ <p class="text-xl text-purple-200 max-w-3xl mx-auto">
389
+ Um sistema completo para transformar seu marketing e vendas com IA
390
+ </p>
391
+ </div>
392
+
393
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
394
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
395
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
396
+ <i class="fas fa-film"></i>
397
+ </div>
398
+ <h3 class="text-xl font-bold mb-3">Módulo 1: IA de Roteiros para Reels</h3>
399
+ <p class="opacity-90">
400
+ Aprenda a criar roteiros virais em segundos, ideias de conteúdo diárias e edição automática para dominar o Instagram.
401
+ </p>
402
+ </div>
403
+
404
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
405
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
406
+ <i class="fas fa-store"></i>
407
+ </div>
408
+ <h3 class="text-xl font-bold mb-3">Módulo 2: IA de Stories para Venda</h3>
409
+ <p class="opacity-90">
410
+ Storytelling + copy prática para converter seguidores em clientes sem esforço.
411
+ </p>
412
+ </div>
413
+
414
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
415
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
416
+ <i class="fab fa-whatsapp"></i>
417
+ </div>
418
+ <h3 class="text-xl font-bold mb-3">Módulo 3: IA Consultor de WhatsApp</h3>
419
+ <p class="opacity-90">
420
+ Ouro puro que resolve a dor real de conversão no seu atendimento.
421
+ </p>
422
+ </div>
423
+
424
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
425
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
426
+ <i class="fas fa-ad"></i>
427
+ </div>
428
+ <h3 class="text-xl font-bold mb-3">Módulo 4: IA Criativa para Anúncios</h3>
429
+ <p class="opacity-90">
430
+ Ajuda direta no que mais gera dinheiro: anúncios que convertem.
431
+ </p>
432
+ </div>
433
+
434
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
435
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
436
+ <i class="fas fa-chart-pie"></i>
437
+ </div>
438
+ <h3 class="text-xl font-bold mb-3">Módulo 5: Estratégia de Implementação</h3>
439
+ <p class="opacity-90">
440
+ Como integrar todas as IAs em um sistema que trabalha para você 24/7.
441
+ </p>
442
+ </div>
443
+
444
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 hover:border-opacity-40 transition">
445
+ <div class="w-16 h-16 bg-white bg-opacity-20 rounded-full flex items-center justify-center text-white text-2xl mb-6">
446
+ <i class="fas fa-tools"></i>
447
+ </div>
448
+ <h3 class="text-xl font-bold mb-3">Ferramentas Exclusivas</h3>
449
+ <p class="opacity-90">
450
+ Templates, prompts prontos e checklists para implementação rápida.
451
+ </p>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </section>
456
+
457
+ <!-- ==================== -->
458
+ <!-- 6. Bloco - Bônus exclusivos -->
459
+ <!-- ==================== -->
460
+ <section class="py-20 px-6 bg-white">
461
+ <div class="container mx-auto">
462
+ <div class="text-center mb-16">
463
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">Bônus Exclusivos</h2>
464
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto">
465
+ Para quem agir agora, esses bônus vão acelerar ainda mais seus resultados
466
+ </p>
467
+ </div>
468
+
469
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
470
+ <div class="bg-purple-50 p-8 rounded-xl border-2 border-purple-200 hover:border-purple-500 transition">
471
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
472
+ <i class="fas fa-gem"></i>
473
+ </div>
474
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Bônus 1: Coleção de Prompts Ouro</h3>
475
+ <p class="text-gray-600">
476
+ Os prompts exatos que usamos para fazer as IAs gerarem conteúdo e respostas que vendem. Valem ouro e vão poupar horas do seu tempo.
477
+ </p>
478
+ </div>
479
+
480
+ <div class="bg-purple-50 p-8 rounded-xl border-2 border-purple-200 hover:border-purple-500 transition">
481
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
482
+ <i class="fas fa-calendar-alt"></i>
483
+ </div>
484
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Bônus 2: Calendário de Conteúdo</h3>
485
+ <p class="text-gray-600">
486
+ Um calendário pronto com temas virais para cada dia da semana, adaptável para qualquer nicho. Só seguir e postar.
487
+ </p>
488
+ </div>
489
+
490
+ <div class="bg-purple-50 p-8 rounded-xl border-2 border-purple-200 hover:border-purple-500 transition">
491
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
492
+ <i class="fas fa-comment-dollar"></i>
493
+ </div>
494
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Bônus 3: Scripts de Venda</h3>
495
+ <p class="text-gray-600">
496
+ Os scripts exatos que fazem suas IAs fecharem vendas no WhatsApp enquanto você dorme.
497
+ </p>
498
+ </div>
499
+
500
+ <div class="bg-purple-50 p-8 rounded-xl border-2 border-purple-200 hover:border-purple-500 transition">
501
+ <div class="w-16 h-16 gradient-bg rounded-full flex items-center justify-center text-white text-2xl mb-6">
502
+ <i class="fas fa-users"></i>
503
+ </div>
504
+ <h3 class="text-xl font-bold text-purple-900 mb-3">Bônus 4: Comunidade Exclusiva</h3>
505
+ <p class="text-gray-600">
506
+ Acesso a um grupo privado onde compartilhamos atualizações, estratégias e respondemos dúvidas.
507
+ </p>
508
+ </div>
509
+ </div>
510
+
511
+ <div class="mt-12 text-center">
512
+ <div class="inline-block bg-yellow-100 text-yellow-800 px-6 py-3 rounded-full text-sm font-bold mb-6">
513
+ ATENÇÃO: Esses bônus estão disponíveis apenas para as primeiras 100 compras!
514
+ </div>
515
+ <p class="text-purple-800 max-w-2xl mx-auto mb-8">
516
+ Depois que as vagas se esgotarem ou o timer chegar a zero, esses bônus serão removidos para sempre.
517
+ </p>
518
+
519
+ <div class="bg-white p-6 rounded-xl shadow-xl border-2 border-purple-500 max-w-xl mx-auto mb-8">
520
+ <div class="text-3xl font-bold text-purple-900 mb-2">TEMPO LIMITADO</div>
521
+ <div class="text-4xl font-extrabold gradient-text bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-500" id="countdown">
522
+ 03:59:59
523
+ </div>
524
+ <p class="text-purple-700 mt-2">para garantir todos os bônus</p>
525
+ </div>
526
+
527
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
528
+ QUERO GARANTIR MEUS BÔNUS
529
+ </button>
530
+ </div>
531
+ </div>
532
+ </section>
533
+
534
+ <!-- ==================== -->
535
+ <!-- 7. Bloco - Para quem serve -->
536
+ <!-- ==================== -->
537
+ <section class="py-20 px-6 bg-purple-50">
538
+ <div class="container mx-auto">
539
+ <div class="text-center mb-16">
540
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">Para Quem Serve Esse Curso?</h2>
541
+ <p class="text-xl text-purple-800 max-w-3xl mx-auto">
542
+ Se você se encaixa em algum desses perfis, esse curso foi feito para você
543
+ </p>
544
+ </div>
545
+
546
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
547
+ <div class="bg-white p-8 rounded-xl shadow-lg">
548
+ <div class="flex items-center mb-6">
549
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
550
+ <i class="fas fa-user-tie"></i>
551
+ </div>
552
+ <h3 class="text-xl font-bold text-purple-900">Empreendedores Digitais</h3>
553
+ </div>
554
+ <p class="text-gray-600">
555
+ Donos de infoprodutos, cursos online, agências e negócios digitais que querem escalar vendas sem aumentar custos.
556
+ </p>
557
+ </div>
558
+
559
+ <div class="bg-white p-8 rounded-xl shadow-lg">
560
+ <div class="flex items-center mb-6">
561
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
562
+ <i class="fas fa-store"></i>
563
+ </div>
564
+ <h3 class="text-xl font-bold text-purple-900">Donos de Negócios Locais</h3>
565
+ </div>
566
+ <p class="text-gray-600">
567
+ Donos de restaurantes, academias, clínicas e comércios que querem atrair mais clientes pelo Instagram e WhatsApp.
568
+ </p>
569
+ </div>
570
+
571
+ <div class="bg-white p-8 rounded-xl shadow-lg">
572
+ <div class="flex items-center mb-6">
573
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
574
+ <i class="fas fa-chart-line"></i>
575
+ </div>
576
+ <h3 class="text-xl font-bold text-purple-900">Profissionais de Marketing</h3>
577
+ </div>
578
+ <p class="text-gray-600">
579
+ Social media, gestores de tráfego e vendedores que querem se destacar usando IA para entregar melhores resultados.
580
+ </p>
581
+ </div>
582
+
583
+ <div class="bg-white p-8 rounded-xl shadow-lg">
584
+ <div class="flex items-center mb-6">
585
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
586
+ <i class="fas fa-rocket"></i>
587
+ </div>
588
+ <h3 class="text-xl font-bold text-purple-900">Iniciantes no Digital</h3>
589
+ </div>
590
+ <p class="text-gray-600">
591
+ Quem está começando e quer pular anos de tentativa e erro, usando IA desde o início para crescer rápido.
592
+ </p>
593
+ </div>
594
+ </div>
595
+
596
+ <div class="mt-16 text-center">
597
+ <div class="bg-white p-6 rounded-xl shadow-xl border-2 border-purple-500 max-w-2xl mx-auto mb-8">
598
+ <h3 class="text-2xl font-bold text-purple-900 mb-2">NÃO SERVE PARA:</h3>
599
+ <p class="text-gray-600">
600
+ Pessoas que não estão dispostas a implementar ou que esperam resultados sem nenhum esforço. Esse curso é para quem quer colocar a mão na massa com a ajuda da IA.
601
+ </p>
602
+ </div>
603
+
604
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
605
+ ESSE CURSO É PARA MIM!
606
+ </button>
607
+ </div>
608
+ </div>
609
+ </section>
610
+
611
+ <!-- ==================== -->
612
+ <!-- 8. Bloco - Lista de tudo que vai receber -->
613
+ <!-- ==================== -->
614
+ <section class="py-20 px-6 bg-white">
615
+ <div class="container mx-auto max-w-4xl">
616
+ <div class="text-center mb-16">
617
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">Tudo Que Você Vai Levar Hoje</h2>
618
+ <p class="text-xl text-purple-800">
619
+ Veja o valor real do que você está recebendo por apenas R$67
620
+ </p>
621
+ </div>
622
+
623
+ <div class="bg-gray-50 p-8 rounded-xl shadow-sm mb-8">
624
+ <div class="checklist-item text-lg font-medium text-purple-900">Módulo 1: IA de Roteiros para Reels (valor R$97)</div>
625
+ <div class="checklist-item text-lg font-medium text-purple-900">Módulo 2: IA de Stories para Venda (valor R$97)</div>
626
+ <div class="checklist-item text-lg font-medium text-purple-900">Módulo 3: IA Consultor de WhatsApp (valor R$197)</div>
627
+ <div class="checklist-item text-lg font-medium text-purple-900">Módulo 4: IA Criativa para Anúncios (valor R$97)</div>
628
+ <div class="checklist-item text-lg font-medium text-purple-900">Módulo 5: Estratégia de Implementação (valor R$147)</div>
629
+ <div class="checklist-item text-lg font-medium text-purple-900">Ferramentas Exclusivas (valor R$67)</div>
630
+ <div class="checklist-item text-lg font-medium text-purple-900">Bônus 1: Coleção de Prompts Ouro (valor R$97)</div>
631
+ <div class="checklist-item text-lg font-medium text-purple-900">Bônus 2: Calendário de Conteúdo (valor R$47)</div>
632
+ <div class="checklist-item text-lg font-medium text-purple-900">Bônus 3: Scripts de Venda (valor R$97)</div>
633
+ <div class="checklist-item text-lg font-medium text-purple-900">Bônus 4: Comunidade Exclusiva (valor R$47)</div>
634
+ </div>
635
+
636
+ <div class="text-center">
637
+ <div class="text-2xl font-bold text-purple-900 mb-2">Valor Total: <span class="line-through">R$987</span></div>
638
+ <div class="text-4xl font-extrabold gradient-text bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-pink-500 mb-4">HOJE POR APENAS R$67</div>
639
+
640
+ <div class="bg-yellow-100 text-yellow-800 px-6 py-3 rounded-full text-sm font-bold mb-6 inline-block">
641
+ OFERTA POR TEMPO LIMITADO
642
+ </div>
643
+
644
+ <p class="text-purple-800 mb-8">
645
+ Esse preço especial está disponível apenas durante o lançamento. Após essa fase, o curso voltará ao preço normal de R$297.
646
+ </p>
647
+
648
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
649
+ QUERO GARANTIR MEU ACESSO
650
+ </button>
651
+ </div>
652
+ </div>
653
+ </section>
654
+
655
+ <!-- ==================== -->
656
+ <!-- 9. Bloco - Valor (Botão para comprar) -->
657
+ <!-- ==================== -->
658
+ <section class="py-20 px-6 gradient-bg text-white">
659
+ <div class="container mx-auto max-w-4xl text-center">
660
+ <h2 class="text-3xl md:text-5xl font-bold mb-6 glow-text">Invista no Seu Crescimento</h2>
661
+ <p class="text-xl text-purple-200 mb-8">
662
+ Menos que o salário de um estagiário, mas com o poder de uma equipe inteira
663
+ </p>
664
+
665
+ <div class="bg-white bg-opacity-10 p-8 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 max-w-2xl mx-auto">
666
+ <div class="text-5xl font-bold mb-4">R$67</div>
667
+ <p class="opacity-90 mb-6">Pagamento único. Sem mensalidades.</p>
668
+
669
+ <button class="w-full gradient-bg text-white px-8 py-4 rounded-lg font-bold hover:opacity-90 transition shadow-lg hover:shadow-2xl pulse">
670
+ COMPRAR AGORA
671
+ </button>
672
+ </div>
673
+
674
+ <div class="mt-8 bg-white bg-opacity-10 p-6 rounded-xl backdrop-filter backdrop-blur-sm border border-white border-opacity-20 max-w-2xl mx-auto">
675
+ <div class="flex items-center justify-center">
676
+ <div class="gradient-bg text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
677
+ <i class="fas fa-shield-alt"></i>
678
+ </div>
679
+ <div>
680
+ <h3 class="text-lg font-bold">Garantia Incondicional de 7 Dias</h3>
681
+ <p class="text-sm opacity-90">Se não gostar, devolvemos seu dinheiro sem perguntas.</p>
682
+ </div>
683
+ </div>
684
+ </div>
685
+ </div>
686
+ </section>
687
+
688
+ <!-- ==================== -->
689
+ <!-- 10. Bloco - Conversa Séria -->
690
+ <!-- ==================== -->
691
+ <section class="py-20 px-6 bg-white">
692
+ <div class="container mx-auto max-w-4xl">
693
+ <div class="text-center mb-16">
694
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-4">Uma Conversa Séria</h2>
695
+ <p class="text-xl text-purple-800">
696
+ Vamos falar a verdade sobre o que você pode esperar
697
+ </p>
698
+ </div>
699
+
700
+ <div class="bg-purple-50 p-8 rounded-xl shadow-sm mb-8">
701
+ <h3 class="text-2xl font-bold text-purple-900 mb-4">O Que Este Curso NÃO É:</h3>
702
+ <ul class="space-y-4 text-gray-600">
703
+ <li class="flex items-start">
704
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1">X</div>
705
+ <span>Não é uma fórmula mágica que vai fazer você ficar rico sem esforço</span>
706
+ </li>
707
+ <li class="flex items-start">
708
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1">X</div>
709
+ <span>Não vai substituir completamente seu trabalho - vai potencializá-lo</span>
710
+ </li>
711
+ <li class="flex items-start">
712
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1">X</div>
713
+ <span>Não vai funcionar se você não implementar o que ensinamos</span>
714
+ </li>
715
+ </ul>
716
+ </div>
717
+
718
+ <div class="bg-purple-50 p-8 rounded-xl shadow-sm mb-8">
719
+ <h3 class="text-2xl font-bold text-purple-900 mb-4">O Que Este Curso É:</h3>
720
+ <ul class="space-y-4 text-gray-600">
721
+ <li class="flex items-start">
722
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1"><i class="fas fa-check"></i></div>
723
+ <span>Um método comprovado para economizar horas do seu dia usando IA</span>
724
+ </li>
725
+ <li class="flex items-start">
726
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1"><i class="fas fa-check"></i></div>
727
+ <span>Um atalho para criar conteúdo e vender mais sem precisar ser expert em marketing</span>
728
+ </li>
729
+ <li class="flex items-start">
730
+ <div class="gradient-bg text-white w-6 h-6 rounded-full flex items-center justify-center text-xs mr-3 mt-1"><i class="fas fa-check"></i></div>
731
+ <span>Uma forma de competir com grandes empresas mesmo com orçamento limitado</span>
732
+ </li>
733
+ </ul>
734
+ </div>
735
+
736
+ <div class="text-center">
737
+ <p class="text-xl text-purple-800 mb-8">
738
+ Se você está disposto a implementar, este curso pode ser o divisor de águas no seu negócio.
739
+ </p>
740
+
741
+ <button class="gradient-bg text-white px-8 py-4 rounded-full font-bold text-lg hover:opacity-90 transition shadow-lg hover:shadow-xl pulse">
742
+ EU QUERO IMPLEMENTAR
743
+ </button>
744
+ </div>
745
+ </div>
746
+ </section>
747
+
748
+ <!-- ==================== -->
749
+ <!-- 11. Bloco - Autoridade -->
750
+ <!-- ==================== -->
751
+ <section class="py-20 px-6 bg-purple-50">
752
+ <div class="container mx-auto max-w-5xl">
753
+ <div class="flex flex-col md:flex-row items-center">
754
+ <div class="md:w-1/3 mb-8 md:mb-0">
755
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Lucas Mendes" class="w-48 h-48 rounded-full border-4 border-white shadow-xl mx-auto">
756
+ </div>
757
+ <div class="md:w-2/3 md:pl-12">
758
+ <h2 class="text-3xl md:text-4xl font-bold text-purple-900 mb-4">Quem é Lucas Mendes?</h2>
759
+ <p class="text-gray-600 mb-4">
760
+ Especialista em Marketing Digital e IA, já ajudou mais de 2.500 empresários a transformarem seus negócios usando tecnologia.
761
+ </p>
762
+ <p class="text-gray-600 mb-4">
763
+ Fundador da AI Team, uma das primeiras agências no Brasil a implementar soluções de IA em escala para pequenos e médios negócios.
764
+ </p>
765
+ <p class="text-gray-600 mb-6">
766
+ Seu trabalho já foi destaque em veículos como Forbes, Entrepreneur e Harvard Business Review.
767
+ </p>
768
+
769
+ <div class="flex flex-wrap gap-4 justify-center md:justify-start">
770
+ <img src="https://logo.clearbit.com/forbes.com" alt="Forbes" class="h-8 opacity-80">
771
+ <img src="https://logo.clearbit.com/entrepreneur.com" alt="Entrepreneur" class="h-8 opacity-80">
772
+ <img src="https://logo.clearbit.com/harvard.edu" alt="Harvard" class="h-8 opacity-80">
773
+ </div>
774
+ </div>
775
+ </div>
776
+ </div>
777
+ </section>
778
+
779
+ <!-- ==================== -->
780
+ <!-- 12. Bloco - Valor (Botão para comprar) -->
781
+ <!-- ==================== -->
782
+ <section class="py-20 px-6 bg-white">
783
+ <div class="container mx-auto max-w-4xl text-center">
784
+ <h2 class="text-3xl md:text-5xl font-bold text-purple-900 mb-6">Pronto para Transformar seu Negócio?</h2>
785
+ <p class="text-xl text-purple-800 mb-8">
786
+ Comece agora e em menos de 1 hora você já estará usando suas primeiras IAs
787
+ </p>
788
+
789
+ <div class="bg-purple-50 p-8 rounded-xl shadow-xl border-2 border-purple-200 max-w-2xl mx-auto mb-8">
790
+ <div class="text-5xl font-bold text-purple-900 mb-2">R$67</div>
791
+ <p class="text-purple-700 mb-6">Pagamento único. Acesso vitalício.</p>
792
+
793
+ <div class="bg-white p-4 rounded-lg shadow-sm mb-6">
794
+ <div class="flex items-center justify-center">
795
+ <div class="gradient-bg text-white w-8 h-8 rounded-full flex items-center justify-center text-sm mr-3">
796
+ <i class="fas fa-check"></i>
797
+ </div>
798
+ <span class="font-medium text-purple-900">7 dias de garantia</span>
799
+ </div>
800
+ </div>
801
+
802
+ <button class="w-full gradient-bg text-white px-8 py-4 rounded-lg font-bold hover:opacity-90 transition shadow-lg hover:shadow-2xl pulse">
803
+ QUERO MEU TIME DE IA AGORA
804
+ </button>
805
+ </div>
806
+
807
+ <div class="flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-8">
808
+ <div class="flex items-center">
809
+ <div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center text-purple-700 mr-3">
810
+ <i class="fas fa-lock"></i>
811
+ </div>
812
+ <span class="text-sm text-purple-700">Pagamento 100% seguro</span>
813
+ </div>
814
+ <div class="flex items-center">
815
+ <div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center text-purple-700 mr-3">
816
+ <i class="fas fa-shield-alt"></i>
817
+ </div>
818
+ <span class="text-sm text-purple-700">Garantia de 7 dias</span>
819
+ </div>
820
+ <div class="flex items-center">
821
+ <div class="w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center text-purple-700 mr-3">
822
+ <i class="fas fa-headset"></i>
823
+ </div>
824
+ <span class="text-sm text-purple-700">Suporte especializado</span>
825
+ </div>
826
+ </div>
827
+ </div>
828
+ </section>
829
+
830
+ <!-- ==================== -->
831
+ <!-- 13. Bloco - Rodapé -->
832
+ <!-- ==================== -->
833
+ <footer class="bg-purple-900 text-white py-12 px-6">
834
+ <div class="container mx-auto">
835
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
836
+ <div>
837
+ <h3 class="text-2xl font-bold mb-4">AITeam</h3>
838
+ <p class="text-purple-200">Sua equipe de marketing e vendas 24/7 powered by AI.</p>
839
+ </div>
840
+ <div>
841
+ <h4 class="font-bold text-lg mb-4">Produto</h4>
842
+ <ul class="space-y-2">
843
+ <li><a href="#" class="text-purple-200 hover:text-white">Módulos</a></li>
844
+ <li><a href="#" class="text-purple-200 hover:text-white">Bônus</a></li>
845
+ <li><a href="#" class="text-purple-200 hover:text-white">Garantia</a></li>
846
+ </ul>
847
+ </div>
848
+ <div>
849
+ <h4 class="font-bold text-lg mb-4">Empresa</h4>
850
+ <ul class="space-y-2">
851
+ <li><a href="#" class="text-purple-200 hover:text-white">Sobre Nós</a></li>
852
+ <li><a href="#" class="text-purple-200 hover:text-white">Termos</a></li>
853
+ <li><a href="#" class="text-purple-200 hover:text-white">Política de Privacidade</a></li>
854
+ </ul>
855
+ </div>
856
+ <div>
857
+ <h4 class="font-bold text-lg mb-4">Contato</h4>
858
+ <div class="flex space-x-4 mb-4">
859
+ <a href="#" class="w-10 h-10 rounded-full bg-purple-800 flex items-center justify-center hover:bg-purple-700">
860
+ <i class="fab fa-instagram"></i>
861
+ </a>
862
+ <a href="#" class="w-10 h-10 rounded-full bg-purple-800 flex items-center justify-center hover:bg-purple-700">
863
+ <i class="fab fa-whatsapp"></i>
864
+ </a>
865
+ <a href="#" class="w-10 h-10 rounded-full bg-purple-800 flex items-center justify-center hover:bg-purple-700">
866
+ <i class="fab fa-youtube"></i>
867
+ </a>
868
+ </div>
869
+ <p class="text-purple-200">[email protected]</p>
870
+ </div>
871
+ </div>
872
+ <div class="border-t border-purple-800 mt-12 pt-8 text-center text-purple-300">
873
+ © 2023 AITeam. Todos os direitos reservados.
874
+ </div>
875
+ </div>
876
+ </footer>
877
+
878
+ <!-- Floating WhatsApp Button -->
879
+ <div class="fixed bottom-6 right-6">
880
+ <a href="#" class="gradient-bg text-white w-16 h-16 rounded-full flex items-center justify-center shadow-xl hover:shadow-2xl transition">
881
+ <i class="fab fa-whatsapp text-2xl"></i>
882
+ </a>
883
+ </div>
884
+
885
+ <script>
886
+ // Simple FAQ toggle
887
+ document.querySelectorAll('button').forEach(button => {
888
+ button.addEventListener('click', () => {
889
+ const content = button.nextElementSibling;
890
+ const icon = button.querySelector('i');
891
+
892
+ if (content && content.classList.contains('hidden')) {
893
+ content.classList.remove('hidden');
894
+ if (icon) icon.classList.add('transform', 'rotate-180');
895
+ } else if (content) {
896
+ content.classList.add('hidden');
897
+ if (icon) icon.classList.remove('transform', 'rotate-180');
898
+ }
899
+ });
900
+ });
901
+
902
+ // Countdown timer
903
+ function updateCountdown() {
904
+ const now = new Date();
905
+ const end = new Date();
906
+ end.setHours(23, 59, 59); // Set to midnight
907
+
908
+ const diff = end - now;
909
+
910
+ const hours = Math.floor(diff / (1000 * 60 * 60));
911
+ const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
912
+ const seconds = Math.floor((diff % (1000 * 60)) / 1000);
913
+
914
+ document.getElementById('countdown').textContent =
915
+ `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
916
+ }
917
+
918
+ setInterval(updateCountdown, 1000);
919
+ updateCountdown();
920
+
921
+ // GSAP Animations
922
+ gsap.registerPlugin(ScrollTrigger);
923
+
924
+ gsap.from("nav", {
925
+ duration: 1,
926
+ y: -50,
927
+ opacity: 0,
928
+ ease: "power3.out"
929
+ });
930
+
931
+ gsap.from(".hero-text", {
932
+ duration: 1,
933
+ y: 50,
934
+ opacity: 0,
935
+ ease: "power3.out",
936
+ delay: 0.3
937
+ });
938
+
939
+ gsap.utils.toArray(".ai-agent-card").forEach((card, i) => {
940
+ gsap.from(card, {
941
+ scrollTrigger: {
942
+ trigger: card,
943
+ start: "top 80%",
944
+ toggleActions: "play none none none"
945
+ },
946
+ duration: 0.8,
947
+ y: 50,
948
+ opacity: 0,
949
+ ease: "power3.out",
950
+ delay: i * 0.1
951
+ });
952
+ });
953
+
954
+ // Floating particles effect (simplified)
955
+ document.addEventListener('DOMContentLoaded', function() {
956
+ const particlesContainer = document.getElementById('particles-js');
957
+ const particleCount = 30;
958
+
959
+ for (let i = 0; i < particleCount; i++) {
960
+ const particle = document.createElement('div');
961
+ particle.classList.add('absolute', 'rounded-full', 'bg-purple-300', 'opacity-20');
962
+
963
+ // Random size between 2px and 6px
964
+ const size = Math.random() * 4 + 2;
965
+ particle.style.width = `${size}px`;
966
+ particle.style.height = `${size}px`;
967
+
968
+ // Random position
969
+ particle.style.left = `${Math.random() * 100}%`;
970
+ particle.style.top = `${Math.random() * 100}%`;
971
+
972
+ // Animation
973
+ const duration = Math.random() * 20 + 10;
974
+ const xMovement = (Math.random() - 0.5) * 100;
975
+ const yMovement = (Math.random() - 0.5) * 100;
976
+
977
+ gsap.to(particle, {
978
+ x: xMovement,
979
+ y: yMovement,
980
+ duration: duration,
981
+ repeat: -1,
982
+ yoyo: true,
983
+ ease: "sine.inOut"
984
+ });
985
+
986
+ particlesContainer.appendChild(particle);
987
+ }
988
+ });
989
+ </script>
990
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=murilofnt/ai-team" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
991
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ crie um site altamente bonito e digital com efeitos especiais e interatividade com a promessa da Headline principal de "Tenha sua própria equipe de marketing e vendas com IA — sem precisar pensar no que postar, no que falar ou em como vender". O produto se refere a Agentes IAs dentro do Chat GPT que irão entregar: IA de Roteiros para Reels → entrega criativa e velocidade (altíssimo valor) IA de Stories para Venda → storytelling + copy prática para conversão IA Consultor de Vendas no WhatsApp → isso é ouro puro, resolve uma dor real de conversão IA Criativa para Anúncios → ajuda direta no que mais gera dinheiro. Tenha uma coisa clara em mente ao fazer o site, Empresários querem três coisas: clareza, agilidade e resultado. Produza o site com uma comunicação centralizada na tela e me surpreenda
2
+ Excelente, agora ajuste toda a página para se comportar com uma página de vendas de alta conversão de um infoproduto, e não de um SAAS. Então deixe somente um valor único de plano, que é 67 reais. Tire o bloco de teste do bloco "Como funciona". Faça uma estrutura de site bloco por bloco assim: 1.Bloco - Vender o curso Sozinho. 2. Bloco - Depoimentos 3. Bloco - Dor latente. 4. Bloco - Passo a Passo 5. Bloco - Tudo que você vai receber 6. Bloco - Bônus exclusivos 7.Bloco - Para quem serve. 8. Bloco - Lista de tudo que vai receber 9. Bloco - Valor (Botão para comprar) 10. Bloco - Conversa Séria 11.Bloco - Autoridade 12.Bloco - Valor (Botão para comprar) 13. Bloco - Rodapé