Hugging Face's logo

Spaces:
Wjcomercio
/
downsell
Running

App Files Community
Wjcomercio commited on
Commit
3d3bbb0
·
verified ·
1 Parent(s): 32ec7c5

so altere os 3 Guias, eu não informei. mas são esses Títulos dos Ebooks: 1. “10 Estratégias Infalíveis para Divulgar Seu Delivery Sem Gastar Muito” 2. “Guia Prático: Como Criar um Cardápio Campeão e Aumentar seu Ticket Médio” 3. “Checklist dos 7 Passos para Abrir Seu Delivery e Começar a Vender Ainda Esta Semana” - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +322 -18
index.html CHANGED
@@ -1,20 +1,324 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>My app</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <meta charset="utf-8">
7
  <script src="https://cdn.tailwindcss.com"></script>
8
- </head>
9
- <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
10
- <div class="w-full">
11
- <span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-amber-500/15 bg-amber-500/15 text-amber-500">🔥 New version dropped!</span>
12
- <h1 class="text-4xl lg:text-6xl font-bold font-sans">
13
- <span class="text-2xl lg:text-4xl text-gray-400 block font-medium">I'm ready to work,</span>
14
- Ask me anything.
15
- </h1>
16
- </div>
17
- <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
18
- <script></script>
19
- <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=Wjcomercio/captura-de-lead" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
20
- </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>Última Chance para Alavancar seu Delivery</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
+ </style>
22
+ </head>
23
+ <body class="bg-gray-50 font-sans">
24
+ <!-- Header -->
25
+ <header class="bg-orange-600 text-white py-8 px-4">
26
+ <div class="container mx-auto text-center">
27
+ <h1 class="text-3xl md:text-4xl font-bold mb-4">
28
+ <i class="fas fa-exclamation-triangle mr-2"></i> ⏳ Atenção! Última Chance para Alavancar seu Delivery Antes de Fechar Essa Página!
29
+ </h1>
30
+ <p class="text-xl md:text-2xl">
31
+ 3 Guias Práticos Para Você Começar Seu Delivery, Vender Mais e Lucrar Sem Depender de Aplicativos!
32
+ </p>
33
+ </div>
34
+ </header>
35
+
36
+ <!-- Benefits Section -->
37
+ <section class="py-12 px-4 bg-white">
38
+ <div class="container mx-auto">
39
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
40
+ O Que Você Vai Aprender Com Esses Guias?
41
+ </h2>
42
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
43
+ <div class="bg-orange-50 p-6 rounded-lg shadow-md">
44
+ <div class="text-orange-600 text-4xl mb-4">
45
+ <i class="fas fa-rocket"></i>
46
+ </div>
47
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Comece Rápido</h3>
48
+ <p class="text-gray-600">Estratégias comprovadas para estruturar seu delivery em menos de 7 dias, mesmo começando do zero.</p>
49
+ </div>
50
+ <div class="bg-orange-50 p-6 rounded-lg shadow-md">
51
+ <div class="text-orange-600 text-4xl mb-4">
52
+ <i class="fas fa-chart-line"></i>
53
+ </div>
54
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Aumente Seus Lucros</h3>
55
+ <p class="text-gray-600">Técnicas para aumentar em até 3x o faturamento do seu delivery sem aumentar custos.</p>
56
+ </div>
57
+ <div class="bg-orange-50 p-6 rounded-lg shadow-md">
58
+ <div class="text-orange-600 text-4xl mb-4">
59
+ <i class="fas fa-unlink"></i>
60
+ </div>
61
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Independência</h3>
62
+ <p class="text-gray-600">Como reduzir sua dependência de aplicativos e manter mais lucro para você.</p>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ </section>
67
+
68
+ <!-- Ebooks Section -->
69
+ <section class="py-12 px-4 bg-gray-100">
70
+ <div class="container mx-auto">
71
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
72
+ Conheça Seus 3 Guias Exclusivos
73
+ </h2>
74
+
75
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
76
+ <!-- Ebook 1 -->
77
+ <div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
78
+ <div class="text-center mb-4">
79
+ <i class="fas fa-book-open text-5xl text-orange-600"></i>
80
+ </div>
81
+ <h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #1: 10 Estratégias Infalíveis para Divulgar Seu Delivery Sem Gastar Muito</h3>
82
+ <p class="text-gray-600 mb-4">Técnicas comprovadas de marketing digital e divulgação orgânica para atrair clientes sem depender de anúncios caros ou aplicativos.</p>
83
+ <div class="bg-orange-100 p-3 rounded">
84
+ <p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Divulgação eficaz sem investir em anúncios</p>
85
+ </div>
86
+ </div>
87
+
88
+ <!-- Ebook 2 -->
89
+ <div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
90
+ <div class="text-center mb-4">
91
+ <i class="fas fa-money-bill-wave text-5xl text-orange-600"></i>
92
+ </div>
93
+ <h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #2: Como Criar um Cardápio Campeão e Aumentar seu Ticket Médio</h3>
94
+ <p class="text-gray-600 mb-4">Métodos profissionais de organização e apresentação de cardápio que aumentam as vendas e o valor médio dos pedidos.</p>
95
+ <div class="bg-orange-100 p-3 rounded">
96
+ <p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Aumente seu ticket médio em 50%</p>
97
+ </div>
98
+ </div>
99
+
100
+ <!-- Ebook 3 -->
101
+ <div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
102
+ <div class="text-center mb-4">
103
+ <i class="fas fa-truck text-5xl text-orange-600"></i>
104
+ </div>
105
+ <h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #3: Checklist dos 7 Passos para Abrir Seu Delivery e Começar a Vender Ainda Esta Semana</h3>
106
+ <p class="text-gray-600 mb-4">Planejamento passo-a-passo desde a estruturação até as primeiras vendas, com cronograma acelerado para resultados rápidos.</p>
107
+ <div class="bg-orange-100 p-3 rounded">
108
+ <p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Comece a operar em menos de 7 dias</p>
109
+ </div>
110
+ </div>
111
+ </div>
112
+
113
+ <div class="text-center">
114
+ <p class="text-lg mb-4">
115
+ <i class="fas fa-star text-orange-500 mr-2"></i>
116
+ <span class="font-bold">Bônus Exclusivo:</span> Checklist de Implementação Rápida (valor R$47, hoje GRÁTIS)
117
+ </p>
118
+ </div>
119
+ </div>
120
+ </section>
121
+
122
+ <!-- Urgency Section -->
123
+ <section class="py-12 px-4 bg-orange-600 text-white">
124
+ <div class="container mx-auto text-center">
125
+ <h2 class="text-2xl md:text-3xl font-bold mb-6">
126
+ <i class="fas fa-clock mr-2"></i> Esta Oferta Expira Quando Você Sair Desta Página!
127
+ </h2>
128
+
129
+ <div class="max-w-2xl mx-auto bg-orange-700 p-6 rounded-lg shadow-lg mb-8">
130
+ <div class="flex justify-center items-center mb-4">
131
+ <div class="mr-4">
132
+ <i class="fas fa-exclamation-circle text-3xl"></i>
133
+ </div>
134
+ <div>
135
+ <p class="text-lg font-bold">Depois que você sair, não haverá segunda chance!</p>
136
+ <p>Essa é sua última oportunidade de garantir esses 3 guias completos por um preço especial.</p>
137
+ </div>
138
+ </div>
139
+
140
+ <div class="bg-white text-orange-600 p-4 rounded-lg mb-4">
141
+ <p class="text-xl font-bold">Tempo Restante Para Oferta:</p>
142
+ <div id="countdown" class="text-3xl font-bold countdown my-2">05:00</div>
143
+ <p class="text-sm">Quando o tempo acabar, esta oferta desaparecerá para sempre</p>
144
+ </div>
145
+
146
+ <div class="flex flex-col md:flex-row justify-center items-center">
147
+ <div class="mb-4 md:mb-0 md:mr-8">
148
+ <p class="text-xl line-through">De R$97</p>
149
+ <p class="text-4xl font-bold">Por Apenas R$27</p>
150
+ <p class="text-sm">ou 3x de R$9,70 no cartão</p>
151
+ </div>
152
+ <button id="buyButton" class="bg-green-600 hover:bg-green-700 text-white font-bold py-4 px-8 rounded-lg text-xl pulse transform transition duration-300 hover:scale-105">
153
+ <i class="fas fa-lock mr-2"></i> QUERO GARANTIR AGORA MEU ACESSO
154
+ </button>
155
+ </div>
156
+ </div>
157
+
158
+ <div class="max-w-2xl mx-auto bg-white text-gray-800 p-6 rounded-lg shadow-lg">
159
+ <div class="flex items-start">
160
+ <div class="mr-4 text-orange-600 text-3xl">
161
+ <i class="fas fa-shield-alt"></i>
162
+ </div>
163
+ <div>
164
+ <h3 class="text-xl font-bold mb-2">Garantia de Satisfação</h3>
165
+ <p>Estes guias foram criados por especialistas com mais de 10 anos no mercado de delivery, com estratégias comprovadas que funcionam para pequenos e médios negócios. São materiais 100% práticos que você pode aplicar imediatamente para ver resultados.</p>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </section>
171
+
172
+ <!-- FAQ Section -->
173
+ <section class="py-12 px-4 bg-white">
174
+ <div class="container mx-auto max-w-4xl">
175
+ <h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
176
+ Perguntas Frequentes
177
+ </h2>
178
+
179
+ <div class="space-y-4">
180
+ <div class="border border-gray-200 rounded-lg p-4">
181
+ <button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
182
+ <span>Como receberei os guias?</span>
183
+ <i class="fas fa-chevron-down"></i>
184
+ </button>
185
+ <div class="faq-content mt-2 hidden text-gray-600">
186
+ Imediatamente após a confirmação do pagamento, você receberá um e-mail com os links para download dos 3 guias em formato PDF, que você pode acessar em qualquer dispositivo.
187
+ </div>
188
+ </div>
189
+
190
+ <div class="border border-gray-200 rounded-lg p-4">
191
+ <button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
192
+ <span>Preciso ter experiência em delivery?</span>
193
+ <i class="fas fa-chevron-down"></i>
194
+ </button>
195
+ <div class="faq-content mt-2 hidden text-gray-600">
196
+ Não! Os guias foram criados especialmente para quem está começando ou quer melhorar seu delivery atual. Tudo é explicado passo a passo, desde o básico até técnicas avançadas.
197
+ </div>
198
+ </div>
199
+
200
+ <div class="border border-gray-200 rounded-lg p-4">
201
+ <button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
202
+ <span>Posso pagar com cartão de crédito?</span>
203
+ <i class="fas fa-chevron-down"></i>
204
+ </button>
205
+ <div class="faq-content mt-2 hidden text-gray-600">
206
+ Sim! Aceitamos todos os cartões de crédito em até 12x (com juros) ou à vista com desconto. Também aceitamos Pix e boleto bancário.
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </section>
212
+
213
+ <!-- Footer -->
214
+ <footer class="bg-gray-800 text-white py-8 px-4">
215
+ <div class="container mx-auto">
216
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
217
+ <div>
218
+ <h3 class="text-xl font-bold mb-4">Delivery Experts</h3>
219
+ <p>Especialistas em ajudar pequenos e médios negócios a alavancarem seus deliveries desde 2012.</p>
220
+ </div>
221
+ <div>
222
+ <h3 class="text-xl font-bold mb-4">Links Rápidos</h3>
223
+ <ul class="space-y-2">
224
+ <li><a href="#" class="hover:text-orange-400">Termos de Uso</a></li>
225
+ <li><a href="#" class="hover:text-orange-400">Política de Privacidade</a></li>
226
+ <li><a href="#" class="hover:text-orange-400">Contato</a></li>
227
+ </ul>
228
+ </div>
229
+ <div>
230
+ <h3 class="text-xl font-bold mb-4">Suporte</h3>
231
+ <p><i class="fas fa-envelope mr-2"></i> suporte@deliveryexperts.com.br</p>
232
+ <p class="mt-2"><i class="fas fa-phone mr-2"></i> (11) 1234-5678</p>
233
+ </div>
234
+ </div>
235
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
236
+ <p>© 2023 Delivery Experts. Todos os direitos reservados.</p>
237
+ <p class="mt-2 text-sm">Os resultados podem variar de acordo com a aplicação das estratégias.</p>
238
+ </div>
239
+ </div>
240
+ </footer>
241
+
242
+ <script>
243
+ // Countdown Timer
244
+ let timeLeft = 5 * 60; // 5 minutes in seconds
245
+ const countdownElement = document.getElementById('countdown');
246
+
247
+ const countdown = setInterval(() => {
248
+ const minutes = Math.floor(timeLeft / 60);
249
+ let seconds = timeLeft % 60;
250
+
251
+ seconds = seconds < 10 ? '0' + seconds : seconds;
252
+
253
+ countdownElement.textContent = `${minutes}:${seconds}`;
254
+
255
+ if (timeLeft <= 60) {
256
+ countdownElement.classList.add('text-red-400');
257
+ }
258
+
259
+ if (timeLeft <= 0) {
260
+ clearInterval(countdown);
261
+ countdownElement.textContent = "Oferta Expirada!";
262
+ document.getElementById('buyButton').disabled = true;
263
+ document.getElementById('buyButton').classList.remove('bg-green-600', 'hover:bg-green-700', 'pulse');
264
+ document.getElementById('buyButton').classList.add('bg-gray-500', 'cursor-not-allowed');
265
+ } else {
266
+ timeLeft--;
267
+ }
268
+ }, 1000);
269
+
270
+ // FAQ Toggle
271
+ document.querySelectorAll('.faq-toggle').forEach(button => {
272
+ button.addEventListener('click', () => {
273
+ const content = button.nextElementSibling;
274
+ const icon = button.querySelector('i');
275
+
276
+ content.classList.toggle('hidden');
277
+
278
+ if (content.classList.contains('hidden')) {
279
+ icon.classList.remove('fa-chevron-up');
280
+ icon.classList.add('fa-chevron-down');
281
+ } else {
282
+ icon.classList.remove('fa-chevron-down');
283
+ icon.classList.add('fa-chevron-up');
284
+ }
285
+ });
286
+ });
287
+
288
+ // Buy Button Animation
289
+ document.getElementById('buyButton').addEventListener('click', function() {
290
+ // In a real scenario, this would redirect to checkout
291
+ alert('Redirecionando para a página de pagamento seguro...');
292
+ });
293
+
294
+ // Exit Intent Popup
295
+ document.addEventListener('mouseout', (e) => {
296
+ if (!e.toElement && !e.relatedTarget) {
297
+ const popup = document.createElement('div');
298
+ popup.className = 'fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4';
299
+ popup.innerHTML = `
300
+ <div class="bg-white rounded-lg p-6 max-w-md w-full relative">
301
+ <button class="absolute top-2 right-2 text-gray-500 hover:text-gray-700">
302
+ <i class="fas fa-times"></i>
303
+ </button>
304
+ <h3 class="text-xl font-bold mb-4 text-orange-600">Espere! Sua Oferta Está Prestes a Expirar!</h3>
305
+ <p class="mb-4">Você está prestes a perder esta oferta exclusiva por apenas R$27. Esta é sua última chance!</p>
306
+ <button class="w-full bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-4 rounded">
307
+ <i class="fas fa-lock mr-2"></i> QUERO GARANTIR MEU ACESSO AGORA
308
+ </button>
309
+ </div>
310
+ `;
311
+
312
+ document.body.appendChild(popup);
313
+
314
+ popup.querySelector('button').addEventListener('click', () => {
315
+ document.body.removeChild(popup);
316
+ });
317
+
318
+ // Remove the event listener after showing once
319
+ document.removeEventListener('mouseout', arguments.callee);
320
+ }
321
+ });
322
+ </script>
323
+ <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=Wjcomercio/captura-de-lead" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
324
+ </html>