Files changed (1) hide show
  1. index.html +0 -275
index.html DELETED
@@ -1,275 +0,0 @@
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>Oferta Exclusiva: Google Veo3 por apenas R$27,90</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
- <style>
10
- .pulse {
11
- animation: pulse 2s infinite;
12
- }
13
- @keyframes pulse {
14
- 0% { transform: scale(1); }
15
- 50% { transform: scale(1.05); }
16
- 100% { transform: scale(1); }
17
- }
18
- .countdown {
19
- font-family: 'Courier New', monospace;
20
- }
21
- .guarantee-badge {
22
- clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
23
- }
24
- </style>
25
- </head>
26
- <body class="bg-gray-100 font-sans">
27
- <!-- Header with fake countdown -->
28
- <header class="bg-gradient-to-r from-blue-600 to-purple-600 text-white py-3 px-4 shadow-lg">
29
- <div class="container mx-auto flex justify-between items-center">
30
- <div class="flex items-center">
31
- <i class="fab fa-google text-2xl mr-2"></i>
32
- <span class="font-bold">Google AI</span>
33
- </div>
34
- <div class="text-sm">
35
- <span class="opacity-80">Oferta expira em:</span>
36
- <span id="countdown" class="countdown font-bold ml-1">14:59:32</span>
37
- </div>
38
- </div>
39
- </header>
40
-
41
- <main class="container mx-auto px-4 py-8 max-w-4xl">
42
- <!-- Hero Section -->
43
- <section class="bg-white rounded-xl shadow-lg overflow-hidden mb-8">
44
- <div class="md:flex">
45
- <div class="md:w-1/2 p-6 md:p-8 flex flex-col justify-center">
46
- <div class="flex items-center mb-4">
47
- <span class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">NOVO</span>
48
- <span class="ml-2 text-sm text-gray-500">Liberado hoje para usuários selecionados</span>
49
- </div>
50
- <h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Google Veo3 - A IA Mais Poderosa do Mundo</h1>
51
- <p class="text-lg text-gray-700 mb-6">Domine o futuro da tecnologia com a inteligência artificial que está revolucionando o mercado. <span class="font-semibold text-blue-600">Disponível por tempo limitado!</span></p>
52
-
53
- <div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6">
54
- <div class="flex">
55
- <div class="flex-shrink-0">
56
- <i class="fas fa-exclamation-circle text-blue-500 mt-1"></i>
57
- </div>
58
- <div class="ml-3">
59
- <p class="text-sm text-blue-700">
60
- <span class="font-bold">ATENÇÃO:</span> Esta oferta exclusiva está disponível apenas para os primeiros 100 compradores. Já vendemos 87 unidades.
61
- </p>
62
- </div>
63
- </div>
64
- </div>
65
-
66
- <div class="flex items-center mb-6">
67
- <div class="flex -space-x-2">
68
- <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
69
- <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="">
70
- <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/68.jpg" alt="">
71
- <img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/75.jpg" alt="">
72
- </div>
73
- <div class="ml-4">
74
- <p class="text-sm text-gray-600">+2.487 pessoas já adquiriram hoje</p>
75
- <div class="flex items-center">
76
- <div class="flex items-center">
77
- <i class="fas fa-star text-yellow-400"></i>
78
- <i class="fas fa-star text-yellow-400"></i>
79
- <i class="fas fa-star text-yellow-400"></i>
80
- <i class="fas fa-star text-yellow-400"></i>
81
- <i class="fas fa-star text-yellow-400"></i>
82
- </div>
83
- <span class="ml-1 text-sm text-gray-600">4.9/5 (1.284 avaliações)</span>
84
- </div>
85
- </div>
86
- </div>
87
- </div>
88
-
89
- <div class="md:w-1/2 bg-gradient-to-br from-blue-50 to-purple-50 p-8 flex items-center justify-center">
90
- <div class="text-center">
91
- <div class="relative inline-block mb-6">
92
- <div class="absolute -inset-1 bg-gradient-to-r from-purple-600 to-blue-600 rounded-lg blur opacity-25"></div>
93
- <div class="relative bg-white rounded-lg px-6 py-4 shadow-lg">
94
- <p class="text-sm text-gray-600 line-through">De: R$297,90</p>
95
- <p class="text-4xl font-bold text-gray-900">R$27,90</p>
96
- <p class="text-green-600 font-semibold">90% DE DESCONTO</p>
97
- </div>
98
- </div>
99
-
100
- <div class="bg-white rounded-lg shadow-md p-6 mb-6">
101
- <h3 class="font-bold text-lg mb-4">COMPRE AGORA E GANHE:</h3>
102
- <ul class="space-y-3 text-left">
103
- <li class="flex items-start">
104
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
105
- <span>Acesso vitalício ao Google Veo3</span>
106
- </li>
107
- <li class="flex items-start">
108
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
109
- <span>5 licenças comerciais (valor de R$1.500)</span>
110
- </li>
111
- <li class="flex items-start">
112
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
113
- <span>Treinamento exclusivo (normalmente R$297)</span>
114
- </li>
115
- <li class="flex items-start">
116
- <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
117
- <span>Suporte premium 24/7</span>
118
- </li>
119
- </ul>
120
- </div>
121
-
122
- <button id="ctaButton" class="pulse w-full bg-gradient-to-r from-green-500 to-green-600 hover:from-green-600 hover:to-green-700 text-white font-bold py-4 px-6 rounded-lg shadow-lg transition-all duration-300 transform hover:scale-105 mb-4">
123
- <div class="flex items-center justify-center">
124
- <i class="fas fa-bolt mr-2"></i>
125
- <span>QUERO O VE03 POR R$27,90!</span>
126
- </div>
127
- </button>
128
-
129
- <div class="flex items-center justify-center">
130
- <img src="https://www.google.com/images/icons/product/security-48.png" alt="Google Secure" class="h-8 mr-2">
131
- <span class="text-xs text-gray-600">Compra 100% segura - Dados protegidos</span>
132
- </div>
133
- </div>
134
- </div>
135
- </div>
136
- </section>
137
-
138
- <!-- Testimonials -->
139
- <section class="mb-8">
140
- <h2 class="text-2xl font-bold text-center mb-6">O QUE ESTÃO DIZENDO SOBRE O VE03</h2>
141
- <div class="grid md:grid-cols-3 gap-6">
142
- <div class="bg-white p-6 rounded-lg shadow">
143
- <div class="flex items-center mb-4">
144
- <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/63.jpg" alt="Ana">
145
- <div>
146
- <h4 class="font-bold">Ana C.</h4>
147
- <div class="flex text-yellow-400">
148
- <i class="fas fa-star"></i>
149
- <i class="fas fa-star"></i>
150
- <i class="fas fa-star"></i>
151
- <i class="fas fa-star"></i>
152
- <i class="fas fa-star"></i>
153
- </div>
154
- </div>
155
- </div>
156
- <p class="text-gray-700">"Comprei hoje cedo e já estou usando no meu trabalho. Revolucionou minha produtividade! Vale cada centavo."</p>
157
- </div>
158
-
159
- <div class="bg-white p-6 rounded-lg shadow">
160
- <div class="flex items-center mb-4">
161
- <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/82.jpg" alt="Carlos">
162
- <div>
163
- <h4 class="font-bold">Carlos R.</h4>
164
- <div class="flex text-yellow-400">
165
- <i class="fas fa-star"></i>
166
- <i class="fas fa-star"></i>
167
- <i class="fas fa-star"></i>
168
- <i class="fas fa-star"></i>
169
- <i class="fas fa-star"></i>
170
- </div>
171
- </div>
172
- </div>
173
- <p class="text-gray-700">"Não acreditei no preço até comprar. A IA é incrível e o suporte respondeu minha dúvida em 3 minutos!"</p>
174
- </div>
175
-
176
- <div class="bg-white p-6 rounded-lg shadow">
177
- <div class="flex items-center mb-4">
178
- <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/28.jpg" alt="Juliana">
179
- <div>
180
- <h4 class="font-bold">Juliana S.</h4>
181
- <div class="flex text-yellow-400">
182
- <i class="fas fa-star"></i>
183
- <i class="fas fa-star"></i>
184
- <i class="fas fa-star"></i>
185
- <i class="fas fa-star"></i>
186
- <i class="fas fa-star"></i>
187
- </div>
188
- </div>
189
- </div>
190
- <p class="text-gray-700">"Minha empresa está usando e os resultados são impressionantes. Já economizamos milhares em outras ferramentas."</p>
191
- </div>
192
- </div>
193
- </section>
194
-
195
- <!-- Guarantee -->
196
- <section class="bg-white rounded-xl shadow-lg p-8 mb-8 relative overflow-hidden">
197
- <div class="absolute top-0 right-0 bg-green-500 text-white text-xs font-bold px-4 py-1 guarantee-badge">
198
- GARANTIA
199
- </div>
200
- <div class="flex flex-col md:flex-row items-center">
201
- <div class="md:w-1/3 flex justify-center mb-6 md:mb-0">
202
- <img src="https://www.freeiconspng.com/uploads/guarantee-icon-4.png" alt="Garantia" class="h-24">
203
- </div>
204
- <div class="md:w-2/3">
205
- <h3 class="text-2xl font-bold mb-4">Garantia Incondicional de 7 Dias</h3>
206
- <p class="text-gray-700 mb-4">Se por qualquer motivo você não ficar completamente satisfeito com o Google Veo3, basta nos enviar um e-mail dentro de 7 dias e devolveremos 100% do seu dinheiro, sem perguntas.</p>
207
- <p class="font-semibold text-gray-900">Você não tem absolutamente NADA a perder e TUDO a ganhar!</p>
208
- </div>
209
- </div>
210
- </section>
211
-
212
- <!-- FAQ -->
213
- <section class="mb-8">
214
- <h2 class="text-2xl font-bold text-center mb-6">PERGUNTAS FREQUENTES</h2>
215
- <div class="bg-white rounded-lg shadow-lg overflow-hidden">
216
- <div class="border-b">
217
- <button class="faq-toggle w-full px-6 py-4 text-left font-semibold flex justify-between items-center">
218
- <span>O que exatamente eu vou receber?</span>
219
- <i class="fas fa-chevron-down transition-transform duration-300"></i>
220
- </button>
221
- <div class="faq-content px-6 pb-4 hidden">
222
- <p class="text-gray-700">Você receberá acesso completo ao Google Veo3, a IA mais avançada do mercado, com 5 licenças comerciais para usar em diferentes dispositivos ou compartilhar com sua equipe, além de um treinamento exclusivo e suporte premium 24 horas por dia.</p>
223
- </div>
224
- </div>
225
-
226
- <div class="border-b">
227
- <button class="faq-toggle w-full px-6 py-4 text-left font-semibold flex justify-between items-center">
228
- <span>Por que o preço está tão baixo?</span>
229
- <i class="fas fa-chevron-down transition-transform duration-300"></i>
230
- </button>
231
- <div class="faq-content px-6 pb-4 hidden">
232
- <p class="text-gray-700">Estamos oferecendo este preço promocional por tempo limitado para que o máximo de pessoas possam experimentar o poder do Veo3. Esta é uma estratégia de lançamento e o preço subirá em breve para R$297,90.</p>
233
- </div>
234
- </div>
235
-
236
- <div class="border-b">
237
- <button class="faq-toggle w-full px-6 py-4 text-left font-semibold flex justify-between items-center">
238
- <span>Como vou receber o produto?</span>
239
- <i class="fas fa-chevron-down transition-transform duration-300"></i>
240
- </button>
241
- <div class="faq-content px-6 pb-4 hidden">
242
- <p class="text-gray-700">Imediatamente após a confirmação do pagamento, você receberá um e-mail com todas as instruções para ativar seu acesso ao Google Veo3. O processo é totalmente digital e instantâneo.</p>
243
- </div>
244
- </div>
245
-
246
- <div class="border-b">
247
- <button class="faq-toggle w-full px-6 py-4 text-left font-semibold flex justify-between items-center">
248
- <span>Preciso de conhecimento técnico para usar?</span>
249
- <i class="fas fa-chevron-down transition-transform duration-300"></i>
250
- </button>
251
- <div class="faq-content px-6 pb-4 hidden">
252
- <p class="text-gray-700">Não! O Google Veo3 foi projetado para ser extremamente intuitivo. Além disso, incluímos um treinamento passo a passo que qualquer pessoa pode seguir, independente do nível de conhecimento técnico.</p>
253
- </div>
254
- </div>
255
- </div>
256
- </section>
257
-
258
- <!-- Final CTA -->
259
- <section class="bg-gradient-to-r from-blue-600 to-purple-600 rounded-xl shadow-xl text-white p-8 text-center">
260
- <h2 class="text-2xl md:text-3xl font-bold mb-4">NÃO DEIXE ESSA OPORTUNIDADE PASSAR!</h2>
261
- <p class="text-xl mb-6">Apenas <span class="font-bold">R$27,90</span> por acesso vitalício à IA mais poderosa do mundo</p>
262
-
263
- <div class="max-w-md mx-auto bg-white bg-opacity-10 rounded-lg p-4 mb-6">
264
- <div class="flex items-center justify-center mb-2">
265
- <i class="fas fa-user-clock mr-2"></i>
266
- <span>Últimas unidades disponíveis</span>
267
- </div>
268
- <div class="w-full bg-gray-200 rounded-full h-2.5">
269
- <div class="bg-yellow-400 h-2.5 rounded-full" style="width: 87%"></div>
270
- </div>
271
- <div class="text-sm mt-2">87/100 vendidos - Restam apenas 13!</div>
272
- </div>
273
-
274
- <button id="finalCta" class="pulse w-full max-w
275
- </html>