Spaces:

JEFFERSON1995
/

dba

Running

App Files Files Community

JEFFERSON1995 commited on May 9, 2025

Commit

c4ec6bd

verified ·

1 Parent(s): 9d87b2c

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +342 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Dba
-emoji: 🏃
-colorFrom: indigo
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: dba
+emoji: 🐳
+colorFrom: pink
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,342 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!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>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@

+ Crie uma landing page profissional, persuasiva e com linguagem urgente, com o objetivo de captar leads interessados em ações de defesa contra busca e apreensão de veículos (DBA). O design deve ser limpo, adaptado para dispositivos móveis, com CTA fixo e visual emocional. Utilize uma paleta de cores que transmita urgência e segurança (vermelho, azul escuro, branco), botões chamativos, e estrutura objetiva e emocional, ideal para conversão. 🟥 SEÇÃO 1 – CAPA IMPACTANTE (HEADER) Título principal: 🚨 Seu carro está ameaçado de busca e apreensão? Saiba como evitar agora mesmo! Subtítulo: Atrasou parcelas do financiamento? O banco pode estar te pressionando, mas você tem direitos! Fale com um advogado especialista antes que seja tarde. Botões de ação: ➡️ Quero minha defesa agora (WhatsApp) ➡️ Análise gratuita do meu caso Imagem de fundo: Carro sendo guinchado + motorista com expressão de preocupação 🟥 SEÇÃO 2 – O PROBLEMA (DOR E URGÊNCIA) Título: 📉 Milhares de veículos são apreendidos ilegalmente todos os meses Tópicos com ícones: Você tem direito à negociação e defesa antes da apreensão O banco não pode agir sem aviso e sem processo judicial Muitos juízes têm suspendido apreensões indevidas É possível recuperar o veículo com pedido liminar Chamada final: ⚠️ Não espere ver seu carro sendo levado. Reaja com apoio jurídico especializado. 🟥 SEÇÃO 3 – O QUE OFERECEMOS (SERVIÇO JURÍDICO) Título: ✅ Sua defesa rápida e personalizada para manter seu carro com você Cards com ícones: ⚖️ Defesa judicial contra busca e apreensão 📝 Suspensão de liminar e renegociação segura 📲 Atendimento via WhatsApp com envio de documentos 🔒 Atuação ética, rápida e com sigilo total 💸 Honorários acessíveis + possibilidade de êxito 🟥 SEÇÃO 4 – DEPOIMENTO ILUSTRATIVO (SOCIAL PROOF) "O banco entrou com ação de busca e apreensão, mas com ajuda jurídica eu consegui suspender a liminar e fazer um acordo justo. Não perdi meu carro!" — Cliente satisfeito (nome fictício – depoimento ilustrativo) 🟥 SEÇÃO 5 – FORMULÁRIO DE CONVERSÃO (LEAD FORM) Título: 📥 Solicite sua análise gratuita e saiba como se defender agora Campos para preenchimento: Nome completo WhatsApp Cidade/Estado Quantas parcelas estão atrasadas? Já recebeu notificação do banco? (sim/não) Botão de ação: 📤 Quero minha defesa agora 🟥 SEÇÃO 6 – AVISO LEGAL (ÉTICA DA OAB) 🔐 Esta página respeita integralmente o Código de Ética da OAB. A consulta inicial é gratuita, não fazemos promessas de resultado. Todos os dados são tratados com sigilo e proteção jurídica.