Spaces:
Running
Running
| <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> |