Spaces:
Running
Running
File size: 20,154 Bytes
c4ec6bd | 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 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 | <!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Defesa Contra Busca e Apreensão de Veículos | Proteja Seu Carro</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>
.hero-bg {
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1601362840469-37e0c1c0d0f6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
background-size: cover;
background-position: center;
}
.floating-cta {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 100;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.urgent-badge {
animation: shake 0.5s infinite alternate;
}
@keyframes shake {
from {
transform: rotate(-5deg);
}
to {
transform: rotate(5deg);
}
}
</style>
</head>
<body class="font-sans bg-gray-50">
<!-- Floating WhatsApp CTA -->
<div class="floating-cta">
<a href="https://wa.me/5511999999999?text=Preciso+de+ajuda+com+busca+e+apreensão+do+meu+veículo" class="bg-green-500 hover:bg-green-600 text-white font-bold py-4 px-6 rounded-full shadow-lg flex items-center">
<i class="fab fa-whatsapp text-2xl mr-2"></i>
FALE AGORA
</a>
</div>
<!-- Header Section -->
<header class="hero-bg text-white py-20 md:py-32 px-4">
<div class="container mx-auto max-w-6xl">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<span class="bg-red-600 text-white px-3 py-1 rounded-full text-sm font-bold mb-4 inline-block urgent-badge">URGENTE</span>
<h1 class="text-3xl md:text-5xl font-bold mb-6 leading-tight">🚨 Seu carro está ameaçado de busca e apreensão? Saiba como evitar agora mesmo!</h1>
<p class="text-xl mb-8 text-gray-200">Atrasou parcelas do financiamento? O banco pode estar te pressionando, mas você tem direitos! Fale com um advogado especialista antes que seja tarde.</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="https://wa.me/5511999999999?text=Preciso+de+ajuda+com+busca+e+apreensão+do+meu+veículo" class="bg-red-600 hover:bg-red-700 text-white font-bold py-4 px-6 rounded-lg text-center flex items-center justify-center">
<i class="fab fa-whatsapp mr-2"></i> Quero minha defesa agora
</a>
<a href="#form" class="bg-blue-700 hover:bg-blue-800 text-white font-bold py-4 px-6 rounded-lg text-center">Análise gratuita do meu caso</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Carro sendo guinchado" class="rounded-lg shadow-2xl max-w-md w-full">
</div>
</div>
</div>
</header>
<!-- Problem Section -->
<section class="py-16 bg-white px-4">
<div class="container mx-auto max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">📉 Milhares de veículos são apreendidos ilegalmente todos os meses</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Você não precisa ser mais uma vítima! Conheça seus direitos e aja antes que seja tarde.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="bg-gray-50 p-6 rounded-lg border-l-4 border-red-500">
<div class="text-red-500 text-3xl mb-4">
<i class="fas fa-gavel"></i>
</div>
<h3 class="font-bold text-lg mb-2">Direito à negociação</h3>
<p class="text-gray-600">Você tem direito à negociação e defesa antes da apreensão do seu veículo.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg border-l-4 border-blue-500">
<div class="text-blue-500 text-3xl mb-4">
<i class="fas fa-exclamation-triangle"></i>
</div>
<h3 class="font-bold text-lg mb-2">Processo judicial</h3>
<p class="text-gray-600">O banco não pode agir sem aviso prévio e sem processo judicial regular.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg border-l-4 border-green-500">
<div class="text-green-500 text-3xl mb-4">
<i class="fas fa-balance-scale"></i>
</div>
<h3 class="font-bold text-lg mb-2">Suspensão de apreensões</h3>
<p class="text-gray-600">Muitos juízes têm suspendido apreensões indevidas quando há defesa técnica.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg border-l-4 border-yellow-500">
<div class="text-yellow-500 text-3xl mb-4">
<i class="fas fa-car"></i>
</div>
<h3 class="font-bold text-lg mb-2">Recuperação do veículo</h3>
<p class="text-gray-600">É possível recuperar o veículo com pedido liminar bem fundamentado.</p>
</div>
</div>
<div class="mt-12 bg-red-50 border border-red-200 rounded-lg p-6 text-center">
<h3 class="text-2xl font-bold text-red-700 mb-4">⚠️ Não espere ver seu carro sendo levado!</h3>
<p class="text-red-800 mb-4">A cada hora que passa, o risco de apreensão aumenta. Reaja com apoio jurídico especializado.</p>
<a href="#form" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg inline-block">Proteja meu veículo agora</a>
</div>
</div>
</section>
<!-- Services Section -->
<section class="py-16 bg-gray-100 px-4">
<div class="container mx-auto max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">✅ Sua defesa rápida e personalizada para manter seu carro com você</h2>
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Atuamos com estratégias jurídicas eficientes para proteger seu patrimônio.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-blue-600 text-4xl mb-4">
<i class="fas fa-balance-scale-left"></i>
</div>
<h3 class="font-bold text-xl mb-3">Defesa judicial</h3>
<p class="text-gray-600">Atuação estratégica contra busca e apreensão com petições específicas para seu caso.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-green-600 text-4xl mb-4">
<i class="fas fa-file-signature"></i>
</div>
<h3 class="font-bold text-xl mb-3">Suspensão e negociação</h3>
<p class="text-gray-600">Suspensão de liminar e renegociação segura com o banco para regularizar sua situação.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-red-600 text-4xl mb-4">
<i class="fab fa-whatsapp"></i>
</div>
<h3 class="font-bold text-xl mb-3">Atendimento via WhatsApp</h3>
<p class="text-gray-600">Análise rápida via WhatsApp com envio de documentos para agilizar sua defesa.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-blue-800 text-4xl mb-4">
<i class="fas fa-lock"></i>
</div>
<h3 class="font-bold text-xl mb-3">Sigilo total</h3>
<p class="text-gray-600">Atuação ética, rápida e com sigilo absoluto sobre seu caso.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-green-700 text-4xl mb-4">
<i class="fas fa-hand-holding-usd"></i>
</div>
<h3 class="font-bold text-xl mb-3">Honorários acessíveis</h3>
<p class="text-gray-600">Planos de pagamento flexíveis e possibilidade de êxito no seu caso.</p>
</div>
<div class="bg-white p-8 rounded-lg shadow-md transition duration-300 card-hover">
<div class="text-yellow-600 text-4xl mb-4">
<i class="fas fa-clock"></i>
</div>
<h3 class="font-bold text-xl mb-3">Urgência atendida</h3>
<p class="text-gray-600">Atendimento prioritário para casos de apreensão iminente ou já realizada.</p>
</div>
</div>
</div>
</section>
<!-- Testimonial Section -->
<section class="py-16 bg-blue-800 text-white px-4">
<div class="container mx-auto max-w-4xl">
<div class="bg-blue-900 rounded-xl p-8 md:p-12 shadow-lg">
<div class="flex items-center mb-6">
<div class="text-yellow-400 text-4xl mr-4">
<i class="fas fa-quote-left"></i>
</div>
<h2 class="text-2xl md:text-3xl font-bold">Depoimento de Cliente</h2>
</div>
<blockquote class="text-xl md:text-2xl italic mb-8">
"O banco entrou com ação de busca e apreensão quando atrasei 3 parcelas. Com ajuda jurídica especializada, consegui suspender a liminar e fazer um acordo justo. Não perdi meu carro e hoje estou com as prestações em dia!"
</blockquote>
<div class="flex items-center">
<div class="bg-white text-blue-800 rounded-full w-16 h-16 flex items-center justify-center text-2xl font-bold mr-4">
JP
</div>
<div>
<p class="font-bold">João P.</p>
<p class="text-blue-200">Cliente satisfeito</p>
</div>
</div>
<div class="mt-6 text-blue-300 text-sm">
*Depoimento ilustrativo - nome fictício para preservar identidade do cliente
</div>
</div>
</div>
</section>
<!-- Form Section -->
<section id="form" class="py-16 bg-white px-4">
<div class="container mx-auto max-w-4xl">
<div class="bg-gray-50 rounded-xl shadow-md overflow-hidden">
<div class="md:flex">
<div class="md:w-1/2 bg-blue-800 text-white p-8 md:p-12">
<h2 class="text-2xl md:text-3xl font-bold mb-4">📥 Solicite sua análise gratuita</h2>
<p class="mb-6">Preencha o formulário ao lado e um especialista entrará em contato em até 15 minutos para avaliar seu caso.</p>
<div class="space-y-4">
<div class="flex items-start">
<div class="text-yellow-400 mt-1 mr-3">
<i class="fas fa-check-circle"></i>
</div>
<p>Análise sem compromisso</p>
</div>
<div class="flex items-start">
<div class="text-yellow-400 mt-1 mr-3">
<i class="fas fa-check-circle"></i>
</div>
<p>Orientação jurídica especializada</p>
</div>
<div class="flex items-start">
<div class="text-yellow-400 mt-1 mr-3">
<i class="fas fa-check-circle"></i>
</div>
<p>Dados protegidos por sigilo profissional</p>
</div>
</div>
</div>
<div class="md:w-1/2 p-8 md:p-12">
<form class="space-y-4">
<div>
<label for="name" class="block text-gray-700 font-medium mb-1">Nome completo*</label>
<input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
</div>
<div>
<label for="whatsapp" class="block text-gray-700 font-medium mb-1">WhatsApp*</label>
<input type="tel" id="whatsapp" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
</div>
<div>
<label for="city" class="block text-gray-700 font-medium mb-1">Cidade/Estado*</label>
<input type="text" id="city" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
</div>
<div>
<label for="parcelas" class="block text-gray-700 font-medium mb-1">Quantas parcelas estão atrasadas?*</label>
<select id="parcelas" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500" required>
<option value="">Selecione</option>
<option value="1-2">1-2 parcelas</option>
<option value="3-5">3-5 parcelas</option>
<option value="6+">6+ parcelas</option>
</select>
</div>
<div>
<label class="block text-gray-700 font-medium mb-2">Já recebeu notificação do banco?*</label>
<div class="flex space-x-4">
<label class="inline-flex items-center">
<input type="radio" name="notificacao" value="sim" class="h-5 w-5 text-blue-600" required>
<span class="ml-2">Sim</span>
</label>
<label class="inline-flex items-center">
<input type="radio" name="notificacao" value="nao" class="h-5 w-5 text-blue-600">
<span class="ml-2">Não</span>
</label>
</div>
</div>
<button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-4 px-6 rounded-lg flex items-center justify-center">
<i class="fas fa-paper-plane mr-2"></i> Quero minha defesa agora
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Legal Notice -->
<section class="py-8 bg-gray-100 px-4">
<div class="container mx-auto max-w-6xl">
<div class="text-center text-gray-600 text-sm">
<div class="mb-4 text-blue-800">
<i class="fas fa-lock"></i>
</div>
<p class="font-bold mb-2">🔐 Esta página respeita integralmente o Código de Ética da OAB</p>
<p>A consulta inicial é gratuita e não fazemos promessas de resultado. Todos os dados são tratados com sigilo profissional e proteção jurídica conforme a legislação brasileira.</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-8 px-4">
<div class="container mx-auto max-w-6xl">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<p class="text-gray-400">© 2023 Defesa Veicular Especializada. Todos os direitos reservados.</p>
</div>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white">
<i class="fab fa-whatsapp text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<i class="fab fa-instagram text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white">
<i class="fas fa-envelope text-xl"></i>
</a>
</div>
</div>
<div class="mt-6 text-center text-gray-500 text-xs">
<p>OAB/SP 123.456 - Este site não é vinculado a nenhum órgão governamental ou instituição financeira.</p>
</div>
</div>
</footer>
<script>
// Simple form submission handler
document.querySelector('form').addEventListener('submit', function(e) {
e.preventDefault();
alert('Obrigado por seu contato! Um especialista entrará em contato em breve via WhatsApp.');
// In a real implementation, you would send the form data to your backend
});
</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=JEFFERSON1995/dba" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |