File size: 9,807 Bytes
ffd7b39 | 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 | <!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">
<!-- Countdown Timer -->
<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>
// Countdown Timer
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);
}
// Start countdown when page loads
window.onload = startCountdown;
// Form submission
document.getElementById('leadForm').addEventListener('submit', function(e) {
e.preventDefault();
// Simulate form submission
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> |