| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Liberte-se das dívidas e recupere sua paz financeira em apenas 30 dias!</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .gradient-bg { |
| background: linear-gradient(135deg, #2563eb 0%, #1e40af 50%, #1e3a8a 100%); |
| } |
| .pulse { |
| animation: pulse 2s infinite; |
| } |
| @keyframes pulse { |
| 0% { |
| transform: scale(1); |
| box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); |
| } |
| 70% { |
| transform: scale(1.02); |
| box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); |
| } |
| 100% { |
| transform: scale(1); |
| box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); |
| } |
| } |
| .countdown { |
| font-family: 'Arial', sans-serif; |
| font-weight: bold; |
| background: linear-gradient(135deg, #f59e0b, #ef4444); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| </style> |
| </head> |
| <body class="gradient-bg min-h-screen flex items-center justify-center p-4"> |
| <div class="max-w-2xl w-full bg-white rounded-xl shadow-2xl overflow-hidden"> |
| |
| <div class="bg-red-600 text-white py-2 px-4 text-center"> |
| <div class="flex items-center justify-center space-x-2"> |
| <i class="fas fa-clock"></i> |
| <span class="font-bold">OFERTA TERMINA EM:</span> |
| <span id="countdown" class="countdown text-xl">14:23</span> |
| </div> |
| </div> |
| |
| <div class="md:flex"> |
| <div class="md:w-1/2 bg-blue-600 text-white p-8 flex flex-col justify-center"> |
| <div class="text-center md:text-left"> |
| <h1 class="text-3xl md:text-4xl font-bold mb-4">Liberte-se das dívidas e recupere sua paz financeira em apenas 30 dias!</h1> |
| <div class="flex items-center justify-center md:justify-start mb-6"> |
| <div class="w-12 h-1 bg-yellow-400 rounded-full mr-2"></div> |
| <div class="w-6 h-1 bg-yellow-400 rounded-full"></div> |
| </div> |
| <p class="text-lg mb-6">Milhares de pessoas já transformaram suas vidas financeiras com nosso método simples e comprovado!</p> |
| |
| <ul class="space-y-3 mb-8"> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i> |
| <span>Reduza suas dívidas em até 70% em apenas 1 mês</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i> |
| <span>Método adaptável para qualquer renda - funciona mesmo com salário mínimo</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i> |
| <span>Sem fórmulas mágicas - apenas estratégias reais que qualquer pessoa pode aplicar</span> |
| </li> |
| </ul> |
| |
| <div class="bg-blue-700 p-4 rounded-lg mb-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0"> |
| <i class="fas fa-shield-alt text-yellow-400 text-2xl"></i> |
| </div> |
| <div class="ml-3"> |
| <p class="text-sm"> |
| <span class="font-bold">100% seguro e livre de spam!</span> Seu e-mail estará protegido e você só receberá conteúdo de valor. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="md:w-1/2 p-8"> |
| <div class="text-center mb-6"> |
| <h2 class="text-2xl font-bold text-gray-800">GARANTA SEU ACESSO GRATUITO HOJE!</h2> |
| <p class="text-gray-600 mt-2">Preencha o formulário abaixo para receber imediatamente o material exclusivo no seu e-mail</p> |
| </div> |
| |
| <form id="leadForm" class="space-y-4"> |
| <div> |
| <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Seu Nome*</label> |
| <input type="text" id="name" name="name" required |
| class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition duration-300"> |
| </div> |
| |
| <div> |
| <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Seu Melhor E-mail*</label> |
| <input type="email" id="email" name="email" required |
| class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition duration-300"> |
| </div> |
| |
| <button type="submit" class="w-full bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-4 px-6 rounded-lg transition duration-300 flex items-center justify-center pulse"> |
| <span>QUERO ME LIBERTAR DAS DÍVIDAS AGORA!</span> |
| <i class="fas fa-arrow-right ml-2"></i> |
| </button> |
| |
| <div class="flex items-start mt-4"> |
| <div class="flex-shrink-0"> |
| <i class="fas fa-lock text-blue-600 mt-1"></i> |
| </div> |
| <div class="ml-2"> |
| <p class="text-xs text-gray-500"> |
| Seus dados estão 100% seguros. Nunca compartilhamos suas informações com terceiros. |
| </p> |
| </div> |
| </div> |
| </form> |
| |
| <div class="mt-6 p-4 bg-blue-50 rounded-lg border border-blue-100"> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0"> |
| <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt=""> |
| </div> |
| <div class="ml-3"> |
| <p class="text-sm text-gray-700"> |
| <span class="font-bold">Ana Clara, 32 anos</span> - "Antes vivia com R$ 8.000 de dívidas e noites sem dormir. Hoje não só zerei minhas contas como comecei a investir! Graças a esse método simples que qualquer um pode seguir." |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="bg-gray-100 px-8 py-4 text-center"> |
| <p class="text-sm text-gray-600 font-semibold"> |
| <i class="fas fa-exclamation-triangle text-yellow-500 mr-1"></i> |
| <span>ÚLTIMAS VAGAS DISPONÍVEIS! As inscrições se encerram hoje às 23:59!</span> |
| </p> |
| </div> |
| </div> |
|
|
| <script> |
| |
| function startCountdown() { |
| let minutes = 14; |
| let seconds = 23; |
| |
| const countdown = setInterval(function() { |
| document.getElementById('countdown').innerHTML = |
| `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; |
| |
| if (seconds === 0) { |
| if (minutes === 0) { |
| clearInterval(countdown); |
| document.getElementById('countdown').innerHTML = "00:00"; |
| return; |
| } |
| minutes--; |
| seconds = 59; |
| } else { |
| seconds--; |
| } |
| }, 1000); |
| } |
| |
| |
| window.onload = startCountdown; |
| |
| |
| document.getElementById('leadForm').addEventListener('submit', function(e) { |
| e.preventDefault(); |
| |
| |
| setTimeout(function() { |
| window.location.href = 'obrigado.html'; |
| }, 1000); |
| }); |
| </script> |
| <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=Xacodavt/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
