Adv
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DriveWeb - Rodrigo Soares</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"><style>body {
box-sizing: border-box;
}
* {
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
margin: 0;
padding: 0;
}
/* WordPress Compatibility */
.wp-site-blocks {
padding: 0 !important;
}
.wp-block-group {
margin: 0 !important;
}
.entry-content {
margin: 0 !important;
}
.site-main {
margin: 0 !important;
}
/* Força exibição das páginas */
.page {
display: none !important;
}
.page.active {
display: block !important;
}
/* Navegação ativa */
.nav-link {
transition: all 0.3s ease;
}
.nav-link.active {
background-color: #374151 !important;
color: white !important;
}
/* Compatibilidade WordPress */
.wp-block-group__inner-container {
max-width: none !important;
}
.professional-bg {
background: #374151;
background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
}
.card-shadow {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #e5e7eb;
}
/* Fallbacks para WordPress */
.min-h-screen {
min-height: 100vh;
}
.bg-gray-50 {
background-color: #f9fafb;
}
.bg-white {
background-color: #ffffff;
}
.text-gray-800 {
color: #1f2937;
}
.text-gray-700 {
color: #374151;
}
.text-gray-600 {
color: #4b5563;
}
.hidden {
display: none !important;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.fade-in {
animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.print-hidden {
display: none;
}
@media print {
.no-print { display: none !important; }
.print-hidden { display: block !important; }
body { background: white !important; }
.card-shadow { box-shadow: none !important; }
}
.page {
display: none;
}
.page.active {
display: block;
}
.nav-link.active {
background-color: #374151;
color: white;
}
.icon-professional {
width: 24px;
height: 24px;
color: #374151;
}
.section-spacing {
padding: 4rem 0;
}
.content-width {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
}
.professional-card {
background: white;
border-radius: 12px;
padding: 3rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #e5e7eb;
}
.text-professional {
color: #374151;
line-height: 1.8;
}
.heading-professional {
color: #1f2937;
font-weight: 600;
margin-bottom: 1.5rem;
}
.btn-professional {
background-color: #374151;
color: white;
padding: 1rem 2rem;
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.btn-professional:hover {
background-color: #1f2937;
transform: translateY(-2px);
}
.btn-outline-professional {
background-color: transparent;
color: #374151;
border: 2px solid #374151;
padding: 1rem 2rem;
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
cursor: pointer;
}
.btn-outline-professional:hover {
background-color: #374151;
color: white;
}</style></head>
<body class="min-h-screen bg-gray-50">
<header class="bg-white shadow-sm border-b border-gray-200 sticky top-0 z-40">
<div class="content-width">
<div class="flex justify-between items-center py-6">
<div class="flex items-center">
<div class="w-12 h-12 bg-gray-700 rounded-lg flex items-center justify-center mr-4">
<i class="fas fa-balance-scale text-white text-lg"></i>
</div>
<div>
<h1 class="text-2xl font-bold text-gray-800">DriveWeb</h1>
<p class="text-sm text-gray-600">Rodrigo Soares - Desenvolvimento Jurídico</p>
</div>
</div>
<nav class="hidden lg:flex space-x-2">
<button onclick="showPage('orcamentos')" class="nav-link px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 active font-medium">
<i class="fas fa-calculator mr-2"></i>Orçamentos
</button>
<button onclick="showPage('home')" class="nav-link px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-home mr-2"></i>Home
</button>
<button onclick="showPage('servicos')" class="nav-link px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-briefcase mr-2"></i>Serviços
</button>
<button onclick="showPage('sobre')" class="nav-link px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-user mr-2"></i>Sobre Mim
</button>
<button onclick="showPage('contato')" class="nav-link px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-envelope mr-2"></i>Contato
</button>
</nav>
<button id="mobileMenuBtn" class="lg:hidden p-3 rounded-lg text-gray-700 hover:bg-gray-100">
<i class="fas fa-bars text-xl"></i>
</button>
</div>
<div id="mobileMenu" class="hidden lg:hidden pb-4">
<div class="flex flex-col space-y-2">
<button onclick="showPage('orcamentos')" class="nav-link text-left px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 active font-medium">
<i class="fas fa-calculator mr-2"></i>Orçamentos
</button>
<button onclick="showPage('home')" class="nav-link text-left px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-home mr-2"></i>Home
</button>
<button onclick="showPage('servicos')" class="nav-link text-left px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-briefcase mr-2"></i>Serviços
</button>
<button onclick="showPage('sobre')" class="nav-link text-left px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-user mr-2"></i>Sobre Mim
</button>
<button onclick="showPage('contato')" class="nav-link text-left px-6 py-3 rounded-lg text-gray-700 hover:bg-gray-50 transition duration-200 font-medium">
<i class="fas fa-envelope mr-2"></i>Contato
</button>
</div>
</div>
</div>
</header>
<div id="orcamentos" class="page active">
<div class="gradient-bg min-h-screen">
<div id="loginScreen" class="min-h-screen flex items-center justify-center p-4">
<div class="bg-white rounded-xl card-shadow p-8 w-full max-w-md fade-in">
<div class="text-center mb-8">
<div class="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mx-auto mb-4">
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<h1 class="text-2xl font-bold text-gray-800 mb-2">Sistema de Orçamentos</h1>
<p class="text-gray-600">Acesso Restrito</p>
</div>
<form id="loginForm" class="space-y-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Nome do Cliente</label>
<input type="text" id="clientName" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Digite o nome do cliente" required>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Senha</label>
<input type="password" id="password" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Digite a senha" required>
</div>
<button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg hover:bg-blue-700 transition duration-200 font-medium">
Acessar Sistema
</button>
</form>
</div>
</div>
<div id="budgetSystem" class="hidden min-h-screen p-4">
<div class="bg-white rounded-xl card-shadow p-6 mb-6 no-print">
<div class="flex justify-between items-center">
<div>
<h1 class="text-2xl font-bold text-gray-800">Sistema de Orçamentos</h1>
<p class="text-gray-600">DriveWeb - Rodrigo Soares</p>
</div>
<div class="flex gap-3">
<button onclick="generatePDF()" class="bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition duration-200">
📄 Gerar PDF
</button>
<button onclick="logout()" class="bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition duration-200">
Sair
</button>
</div>
</div>
</div>
<div class="bg-white rounded-xl card-shadow p-8 max-w-4xl mx-auto">
<div class="border-b-2 border-blue-600 pb-6 mb-8">
<div class="flex justify-between items-start">
<div>
<h1 class="text-3xl font-bold text-blue-600 mb-2">DriveWeb</h1>
<p class="text-lg text-gray-700">Rodrigo Soares</p>
<p class="text-gray-600">Desenvolvedor Web e Soluções Digitais Personalizadas</p>
<a href="https://driveweb.pt" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">https://driveweb.pt</a>
</div>
<div class="text-right">
<p class="text-sm text-gray-500">Data: <span id="currentDate"></span></p>
<p class="text-sm text-gray-500">Cliente: <span id="displayClientName" class="font-medium"></span></p>
</div>
</div>
</div>
<div class="text-center mb-8">
<h2 class="text-2xl font-bold text-gray-800 mb-2">Orçamento de Site Profissional</h2>
<h3 class="text-xl text-blue-600 font-semibold">Ligia Victoria Advocacia</h3>
</div>
<div class="mb-8">
<p class="text-gray-700 leading-relaxed">
Olá Dra. Ligia, tudo bem?
</p>
<p class="text-gray-700 leading-relaxed mt-4">
Apresento abaixo a proposta para criação do seu site institucional profissional, desenvolvido pela DriveWeb, totalmente voltado à advocacia empresarial e à especialidade de empresas com dívidas bancárias.
</p>
<p class="text-gray-700 leading-relaxed mt-4">
O objetivo é criar uma presença digital sólida, moderna e estratégica, com foco em conversão de contatos e fortalecimento da sua imagem como referência jurídica.
</p>
</div>
<div class="space-y-8">
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■ Página Inicial (Home)</h3>
<p class="text-gray-700 leading-relaxed mb-4">
A página de abertura será impactante, com um banner principal em destaque, trazendo sua foto profissional e uma frase que identifique o propósito do escritório – algo que transmita confiança e solução para quem enfrenta dívidas empresariais.
</p>
<p class="text-gray-700 leading-relaxed mb-4">
Logo abaixo, haverá três ou quatro blocos de destaques, representando as principais áreas de atuação (exemplo: Para Empresários, Para Microempreendedores, Para Indústrias, etc.).
</p>
<p class="text-gray-700 leading-relaxed mb-4">
Na sequência, uma breve apresentação sobre o escritório e um resumo dos serviços, com botões "Saiba Mais" direcionando à página de Serviços.
</p>
<p class="text-gray-700 leading-relaxed">
A home também incluirá uma área de captura de e-mails (Newsletter) para formar uma base de contatos para comunicações futuras — como felicitações de aniversário, Natal, ou campanhas informativas.
</p>
</div>
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■■ Página de Serviços</h3>
<p class="text-gray-700 leading-relaxed mb-4">
Nesta página estarão os principais pacotes e áreas de atuação da advocacia, organizados em blocos com títulos e descrições curtas.
</p>
<p class="text-gray-700 leading-relaxed mb-4">Cada bloco trará um foco específico — por exemplo:</p>
<ul class="list-disc list-inside text-gray-700 ml-4 mb-4">
<li>Para Empresários</li>
<li>Para Microempreendedores Individuais</li>
<li>Para Empresas e Indústrias</li>
</ul>
<p class="text-gray-700 leading-relaxed">
Cada categoria será visual e intuitiva, com botão "Fale Agora" direcionando ao WhatsApp ou formulário. Essa estrutura facilita a navegação e estimula o contato direto do cliente.
</p>
</div>
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■■■ Página Sobre</h3>
<p class="text-gray-700 leading-relaxed mb-4">
A página "Sobre" destacará sua trajetória profissional, experiência na advocacia e uma introdução humanizada sobre o seu trabalho.
</p>
<p class="text-gray-700 leading-relaxed mb-4">
Incluirá sua foto pessoal (em ambiente de escritório ou dia a dia de trabalho), e um texto leve sobre quem é a Dra. Ligia Victoria, tempo de atuação, valores do escritório e propósito com os clientes.
</p>
<p class="text-gray-700 leading-relaxed">
É uma página essencial para gerar confiança e conexão emocional com o público.
</p>
</div>
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■ Página de Contato</h3>
<p class="text-gray-700 leading-relaxed mb-4">
A página de contato será projetada para facilitar a comunicação direta. Contará com um formulário inteligente, onde o usuário seleciona o tipo de caso (por exemplo, dívida bancária, consultoria, etc.) e envia a mensagem.
</p>
<p class="text-gray-700 leading-relaxed mb-4">
O visitante receberá confirmação automática de envio e a mensagem será registrada dentro do painel do site.
</p>
<p class="text-gray-700 leading-relaxed">
Além disso, haverá um mapa de localização interativo, telefone, e botão de WhatsApp flutuante para contato imediato.
</p>
</div>
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■ Newsletter (Captura de E-mails)</h3>
<p class="text-gray-700 leading-relaxed mb-4">
Esta funcionalidade permite que o site armazene e-mails de visitantes interessados em receber novidades.
</p>
<p class="text-gray-700 leading-relaxed mb-4">
Todos os endereços são gravados automaticamente no painel do WordPress e podem ser usados futuramente em campanhas automatizadas, como mensagens sazonais ("Feliz Natal", "Feliz Aniversário", etc.).
</p>
<p class="text-gray-700 leading-relaxed">
Este recurso é entregue como cortesia DriveWeb dentro do pacote, sem custo adicional.
</p>
</div>
<div class="border-l-4 border-blue-600 pl-6">
<h3 class="text-xl font-bold text-gray-800 mb-4">■ Rodapé (Footer)</h3>
<p class="text-gray-700 leading-relaxed mb-4">
O rodapé reunirá as principais informações do site: logotipo, resumo dos serviços, contatos, links para redes sociais e política de privacidade.
</p>
<p class="text-gray-700 leading-relaxed">
Também exibirá o crédito padrão da agência: "Desenvolvido por DriveWeb – Rodrigo Soares | https://driveweb.pt".
</p>
</div>
</div>
<div class="mt-12 mb-8">
<h3 class="text-xl font-bold text-gray-800 mb-6">■ Investimento</h3>
<div class="overflow-x-auto">
<table class="w-full border-collapse border border-gray-300">
<thead>
<tr class="bg-blue-50">
<th class="border border-gray-300 px-4 py-3 text-left font-semibold text-gray-800">Descrição</th>
<th class="border border-gray-300 px-4 py-3 text-right font-semibold text-gray-800">Valor (R$)</th>
</tr>
</thead>
<tbody>
<tr>
<td class="border border-gray-300 px-4 py-3 text-gray-700">Criação completa do site (estrutura, design e funcionamento)</td>
<td class="border border-gray-300 px-4 py-3 text-right text-gray-700">500,00</td>
</tr>
<tr>
<td class="border border-gray-300 px-4 py-3 text-gray-700">Otimização Google + LGPD (opcional, caso precise de criação de conta Google)</td>
<td class="border border-gray-300 px-4 py-3 text-right text-gray-700">150,00</td>
</tr>
<tr class="bg-blue-50">
<td class="border border-gray-300 px-4 py-3 font-semibold text-gray-800">Total (sem Google)</td>
<td class="border border-gray-300 px-4 py-3 text-right font-semibold text-gray-800">500,00</td>
</tr>
<tr class="bg-blue-50">
<td class="border border-gray-300 px-4 py-3 font-semibold text-gray-800">Total (com Google)</td>
<td class="border border-gray-300 px-4 py-3 text-right font-semibold text-gray-800">650,00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="mb-8">
<h3 class="text-xl font-bold text-gray-800 mb-4">■ Prazo e Pagamento</h3>
<p class="text-gray-700 leading-relaxed mb-4">
O prazo de entrega é de <strong>7 dias úteis</strong> após o envio dos conteúdos (textos, fotos e informações).
</p>
<p class="text-gray-700 leading-relaxed">
O pagamento pode ser feito em duas etapas: <strong>50% na aprovação</strong> e <strong>50% na entrega final</strong>, com o site publicado e indexado no Google.
</p>
</div>
<div class="border-t-2 border-gray-200 pt-6 mt-12 text-center">
<p class="text-gray-600 mb-2">Desenvolvido por <strong>DriveWeb – Rodrigo Soares</strong></p>
<a href="https://driveweb.pt" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">https://driveweb.pt</a>
<p class="text-sm text-gray-500 mt-4">Este orçamento tem validade de 10 dias.</p>
</div>
</div>
</div>
</div>
</div>
<div id="home" class="page">
<div class="min-h-screen">
<section class="professional-bg text-white section-spacing">
<div class="content-width">
<div class="text-center">
<div class="mb-8">
<i class="fas fa-balance-scale text-6xl mb-6 opacity-90"></i>
</div>
<h1 class="text-5xl md:text-7xl font-bold mb-8">DriveWeb</h1>
<p class="text-2xl md:text-3xl mb-6 font-light">Desenvolvimento Web Especializado</p>
<p class="text-xl mb-12 max-w-4xl mx-auto leading-relaxed opacity-90">
Soluções digitais profissionais para escritórios de advocacia e profissionais do direito.
Criamos sites institucionais que transmitem credibilidade, confiança e profissionalismo.
</p>
<div class="flex flex-col sm:flex-row gap-6 justify-center">
<button onclick="showPage('servicos')" class="btn-professional text-lg">
<i class="fas fa-briefcase mr-3"></i>Ver Nossos Serviços
</button>
<button onclick="showPage('contato')" class="btn-outline-professional text-lg border-white text-white hover:bg-white hover:text-gray-700">
<i class="fas fa-phone mr-3"></i>Solicitar Consulta
</button>
</div>
</div>
</div>
</section>
<section class="section-spacing bg-white">
<div class="content-width">
<div class="text-center mb-20">
<h2 class="text-4xl md:text-5xl font-bold heading-professional mb-6">Por que escolher a DriveWeb?</h2>
<p class="text-2xl text-professional max-w-3xl mx-auto">Especialização em desenvolvimento web para o setor jurídico</p>
</div>
<div class="grid lg:grid-cols-3 gap-12">
<div class="professional-card text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-clock text-white text-2xl"></i>
</div>
<h3 class="text-2xl font-bold heading-professional mb-4">Entrega Rápida</h3>
<p class="text-professional text-lg leading-relaxed">
Desenvolvimento ágil com entrega em até 7 dias úteis. Qualidade profissional
sem comprometer prazos, ideal para escritórios que precisam de presença digital urgente.
</p>
</div>
<div class="professional-card text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-gavel text-white text-2xl"></i>
</div>
<h3 class="text-2xl font-bold heading-professional mb-4">Especialização Jurídica</h3>
<p class="text-professional text-lg leading-relaxed">
Entendemos as necessidades específicas do setor jurídico. Criamos sites que
transmitem autoridade, confiança e profissionalismo para seus clientes.
</p>
</div>
<div class="professional-card text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-shield-alt text-white text-2xl"></i>
</div>
<h3 class="text-2xl font-bold heading-professional mb-4">Conformidade LGPD</h3>
<p class="text-professional text-lg leading-relaxed">
Todos os sites são desenvolvidos em conformidade com a LGPD e melhores práticas
de segurança, garantindo proteção de dados dos seus clientes.
</p>
</div>
</div>
</div>
</section>
<section class="section-spacing bg-gray-50">
<div class="content-width">
<div class="text-center mb-20">
<h2 class="text-4xl md:text-5xl font-bold heading-professional mb-6">Áreas de Especialização</h2>
<p class="text-2xl text-professional">Desenvolvemos sites para diferentes áreas do direito</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="professional-card text-center hover:shadow-lg transition-all duration-300">
<i class="fas fa-building text-4xl text-gray-700 mb-4"></i>
<h3 class="text-xl font-bold heading-professional mb-3">Direito Empresarial</h3>
<p class="text-professional">Sites para escritórios especializados em direito corporativo e empresarial.</p>
</div>
<div class="professional-card text-center hover:shadow-lg transition-all duration-300">
<i class="fas fa-users text-4xl text-gray-700 mb-4"></i>
<h3 class="text-xl font-bold heading-professional mb-3">Direito Civil</h3>
<p class="text-professional">Plataformas digitais para advogados civilistas e questões familiares.</p>
</div>
<div class="professional-card text-center hover:shadow-lg transition-all duration-300">
<i class="fas fa-briefcase text-4xl text-gray-700 mb-4"></i>
<h3 class="text-xl font-bold heading-professional mb-3">Direito Trabalhista</h3>
<p class="text-professional">Sites especializados em direito do trabalho e questões previdenciárias.</p>
</div>
<div class="professional-card text-center hover:shadow-lg transition-all duration-300">
<i class="fas fa-university text-4xl text-gray-700 mb-4"></i>
<h3 class="text-xl font-bold heading-professional mb-3">Direito Público</h3>
<p class="text-professional">Desenvolvimento para escritórios de direito administrativo e constitucional.</p>
</div>
</div>
</div>
</section>
<section class="section-spacing bg-white">
<div class="content-width">
<div class="professional-card text-center">
<i class="fas fa-handshake text-5xl text-gray-700 mb-8"></i>
<h2 class="text-4xl md:text-5xl font-bold heading-professional mb-6">Pronto para fortalecer sua presença digital?</h2>
<p class="text-2xl text-professional mb-12 max-w-4xl mx-auto">
Entre em contato conosco e descubra como podemos ajudar seu escritório a se destacar no ambiente digital
com um site profissional e eficiente.
</p>
<div class="flex flex-col sm:flex-row gap-6 justify-center">
<button onclick="showPage('contato')" class="btn-professional text-xl">
<i class="fas fa-calendar-alt mr-3"></i>Agendar Consulta Gratuita
</button>
<button onclick="showPage('servicos')" class="btn-outline-professional text-xl">
<i class="fas fa-info-circle mr-3"></i>Conhecer Nossos Serviços
</button>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="servicos" class="page">
<div class="min-h-screen section-spacing">
<div class="content-width">
<div class="text-center mb-20">
<h1 class="text-5xl md:text-6xl font-bold heading-professional mb-8">Nossos Serviços</h1>
<p class="text-2xl text-professional max-w-4xl mx-auto leading-relaxed">
Soluções digitais especializadas para o setor jurídico. Desenvolvemos sites profissionais
que transmitem credibilidade e geram resultados para seu escritório.
</p>
</div>
<div class="grid lg:grid-cols-2 gap-12 mb-20">
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-balance-scale text-white text-2xl"></i>
</div>
<div>
<h3 class="text-2xl font-bold heading-professional mb-4">Sites Institucionais para Advocacia</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Sites profissionais desenvolvidos especificamente para escritórios de advocacia,
transmitindo autoridade, confiança e profissionalismo.
</p>
<ul class="space-y-3 text-professional">
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Design responsivo e elegante</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Otimização SEO especializada</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Formulários de contato seguros</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Conformidade com LGPD</li>
</ul>
</div>
</div>
</div>
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-cogs text-white text-2xl"></i>
</div>
<div>
<h3 class="text-2xl font-bold heading-professional mb-4">Sistemas de Gestão Jurídica</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Plataformas personalizadas para gestão de processos, clientes e documentos,
otimizando a rotina do seu escritório.
</p>
<ul class="space-y-3 text-professional">
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Gestão de processos e prazos</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Controle de clientes e honorários</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Relatórios e dashboards</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Integração com tribunais</li>
</ul>
</div>
</div>
</div>
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-search text-white text-2xl"></i>
</div>
<div>
<h3 class="text-2xl font-bold heading-professional mb-4">SEO Jurídico Especializado</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Otimização completa para mecanismos de busca, focada em termos jurídicos
e captação de clientes qualificados.
</p>
<ul class="space-y-3 text-professional">
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Pesquisa de palavras-chave jurídicas</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Otimização de conteúdo técnico</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Google Meu Negócio otimizado</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Relatórios de performance</li>
</ul>
</div>
</div>
</div>
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-shield-alt text-white text-2xl"></i>
</div>
<div>
<h3 class="text-2xl font-bold heading-professional mb-4">Segurança e Conformidade</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Implementação de medidas de segurança avançadas e conformidade com
regulamentações específicas do setor jurídico.
</p>
<ul class="space-y-3 text-professional">
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Certificados SSL premium</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Backup automático diário</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Política de privacidade LGPD</li>
<li class="flex items-center"><i class="fas fa-check text-gray-700 mr-3"></i>Monitoramento 24/7</li>
</ul>
</div>
</div>
</div>
</div>
<div class="professional-card mb-20">
<div class="text-center mb-12">
<h2 class="text-4xl font-bold heading-professional mb-6">Nosso Processo de Trabalho</h2>
<p class="text-xl text-professional">Metodologia comprovada para entregar resultados excepcionais</p>
</div>
<div class="grid md:grid-cols-4 gap-8">
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-6">
<span class="text-white text-2xl font-bold">1</span>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Análise e Planejamento</h3>
<p class="text-professional">Entendemos suas necessidades específicas e definimos a estratégia ideal.</p>
</div>
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-6">
<span class="text-white text-2xl font-bold">2</span>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Design e Desenvolvimento</h3>
<p class="text-professional">Criamos um design profissional e desenvolvemos com as melhores práticas.</p>
</div>
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-6">
<span class="text-white text-2xl font-bold">3</span>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Testes e Otimização</h3>
<p class="text-professional">Realizamos testes rigorosos e otimizamos para performance máxima.</p>
</div>
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-6">
<span class="text-white text-2xl font-bold">4</span>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Entrega e Suporte</h3>
<p class="text-professional">Entregamos o projeto finalizado com suporte contínuo e treinamento.</p>
</div>
</div>
</div>
<div class="text-center mb-16">
<h2 class="text-4xl font-bold heading-professional mb-6">Projetos Realizados</h2>
<p class="text-xl text-professional mb-12">Alguns dos escritórios que confiaram em nosso trabalho</p>
</div>
<div class="grid md:grid-cols-3 gap-8 mb-20">
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="h-48 bg-gradient-to-br from-gray-600 to-gray-800 flex items-center justify-center mb-6 rounded-lg">
<div class="text-white text-center">
<i class="fas fa-balance-scale text-5xl mb-4"></i>
<p class="text-xl font-semibold">Advocacia Empresarial</p>
</div>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Escritório de Direito Empresarial</h3>
<p class="text-professional mb-4">Site institucional completo com área de especialização em recuperação judicial e dívidas bancárias.</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">WordPress</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">SEO</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">LGPD</span>
</div>
</div>
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="h-48 bg-gradient-to-br from-gray-600 to-gray-800 flex items-center justify-center mb-6 rounded-lg">
<div class="text-white text-center">
<i class="fas fa-users text-5xl mb-4"></i>
<p class="text-xl font-semibold">Direito de Família</p>
</div>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Advocacia Familiar</h3>
<p class="text-professional mb-4">Plataforma digital especializada em direito de família com formulários seguros e área do cliente.</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Sistema Custom</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Área do Cliente</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Segurança</span>
</div>
</div>
<div class="professional-card hover:shadow-xl transition-all duration-300">
<div class="h-48 bg-gradient-to-br from-gray-600 to-gray-800 flex items-center justify-center mb-6 rounded-lg">
<div class="text-white text-center">
<i class="fas fa-briefcase text-5xl mb-4"></i>
<p class="text-xl font-semibold">Direito Trabalhista</p>
</div>
</div>
<h3 class="text-xl font-bold heading-professional mb-3">Escritório Trabalhista</h3>
<p class="text-professional mb-4">Site otimizado para captação de clientes com calculadoras trabalhistas e blog jurídico.</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Calculadoras</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Blog</span>
<span class="px-3 py-1 bg-gray-100 text-gray-700 text-sm rounded-full">Lead Generation</span>
</div>
</div>
</div>
<div class="professional-card text-center">
<i class="fas fa-handshake text-5xl text-gray-700 mb-8"></i>
<h3 class="text-3xl font-bold heading-professional mb-6">Pronto para transformar sua presença digital?</h3>
<p class="text-xl text-professional mb-10 max-w-3xl mx-auto">
Entre em contato conosco e descubra como podemos ajudar seu escritório a se destacar
no ambiente digital com soluções profissionais e eficientes.
</p>
<div class="flex flex-col sm:flex-row gap-6 justify-center">
<button onclick="showPage('contato')" class="btn-professional text-xl">
<i class="fas fa-calendar-alt mr-3"></i>Solicitar Orçamento Gratuito
</button>
<a href="https://wa.me/351913671493" target="_blank" rel="noopener noreferrer nofollow" class="btn-outline-professional text-xl inline-flex items-center justify-center">
<i class="fab fa-whatsapp mr-3"></i>Falar no WhatsApp
</a>
</div>
</div>
</div>
</div>
</div>
<div id="sobre" class="page">
<div class="min-h-screen section-spacing">
<div class="content-width">
<div class="text-center mb-20">
<h1 class="text-5xl md:text-6xl font-bold heading-professional mb-8">Sobre Rodrigo Soares</h1>
<p class="text-2xl text-professional max-w-3xl mx-auto">Especialista em desenvolvimento web para o setor jurídico</p>
</div>
<div class="professional-card mb-16">
<div class="flex flex-col lg:flex-row items-center gap-12">
<div class="w-64 h-64 bg-gradient-to-br from-gray-600 to-gray-800 rounded-2xl flex items-center justify-center">
<div class="text-white text-center">
<i class="fas fa-user-tie text-8xl mb-4"></i>
<p class="text-xl font-semibold">Rodrigo Soares</p>
</div>
</div>
<div class="flex-1 text-center lg:text-left">
<h2 class="text-4xl font-bold heading-professional mb-6">Rodrigo Soares</h2>
<p class="text-2xl text-gray-600 mb-6">Desenvolvedor Web Especializado em Soluções Jurídicas</p>
<p class="text-professional text-xl leading-relaxed">
Fundador da DriveWeb, especializado em criar soluções digitais profissionais para escritórios de advocacia.
Com mais de 5 anos de experiência, desenvolvo sites que transmitem credibilidade, autoridade e
profissionalismo, ajudando advogados a fortalecer sua presença digital.
</p>
</div>
</div>
</div>
<div class="grid lg:grid-cols-2 gap-12 mb-16">
<div class="professional-card">
<h3 class="text-3xl font-bold heading-professional mb-6">Minha Trajetória</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Iniciei minha carreira em desenvolvimento web em 2018, motivado pela paixão por tecnologia
e pela oportunidade de criar soluções que realmente fazem a diferença na vida das pessoas.
</p>
<p class="text-professional text-lg leading-relaxed mb-6">
Em 2020, fundei a DriveWeb com foco específico no setor jurídico, após perceber a necessidade
de soluções digitais especializadas para advogados e escritórios de advocacia.
</p>
<p class="text-professional text-lg leading-relaxed">
Hoje, já desenvolvi mais de 50 projetos para profissionais do direito, sempre priorizando
qualidade, segurança e conformidade com as regulamentações do setor.
</p>
</div>
<div class="professional-card">
<h3 class="text-3xl font-bold heading-professional mb-6">Especialização Jurídica</h3>
<p class="text-professional text-lg leading-relaxed mb-6">
Entendo as necessidades específicas do setor jurídico: a importância da credibilidade,
a necessidade de transmitir confiança e a conformidade com regulamentações como a LGPD.
</p>
<p class="text-professional text-lg leading-relaxed mb-6">
Cada site que desenvolvo é pensado para advogados, considerando aspectos como captação
de clientes, apresentação de serviços e construção de autoridade no mercado.
</p>
<p class="text-professional text-lg leading-relaxed">
Meu objetivo é ajudar profissionais do direito a se destacarem no ambiente digital
com soluções que realmente geram resultados.
</p>
</div>
</div>
<div class="professional-card mb-16">
<h3 class="text-3xl font-bold heading-professional mb-12 text-center">Competências Técnicas</h3>
<div class="grid md:grid-cols-2 gap-12">
<div>
<h4 class="text-2xl font-semibold heading-professional mb-8">Desenvolvimento Frontend</h4>
<div class="space-y-6">
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">HTML/CSS Avançado</span>
<span class="text-gray-700 font-semibold">95%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 95%"></div>
</div>
</div>
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">JavaScript/jQuery</span>
<span class="text-gray-700 font-semibold">90%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 90%"></div>
</div>
</div>
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">Frameworks Modernos</span>
<span class="text-gray-700 font-semibold">85%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 85%"></div>
</div>
</div>
</div>
</div>
<div>
<h4 class="text-2xl font-semibold heading-professional mb-8">Backend & CMS</h4>
<div class="space-y-6">
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">WordPress Avançado</span>
<span class="text-gray-700 font-semibold">95%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 95%"></div>
</div>
</div>
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">PHP/MySQL</span>
<span class="text-gray-700 font-semibold">88%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 88%"></div>
</div>
</div>
<div>
<div class="flex justify-between items-center mb-2">
<span class="text-professional text-lg">SEO/Analytics</span>
<span class="text-gray-700 font-semibold">92%</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-3">
<div class="bg-gray-700 h-3 rounded-full" style="width: 92%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="professional-card mb-16">
<h3 class="text-3xl font-bold heading-professional mb-12 text-center">Valores e Princípios</h3>
<div class="grid lg:grid-cols-3 gap-8">
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-award text-white text-2xl"></i>
</div>
<h4 class="text-xl font-bold heading-professional mb-4">Excelência</h4>
<p class="text-professional text-lg leading-relaxed">
Cada projeto é desenvolvido com atenção aos mínimos detalhes, priorizando qualidade
e profissionalismo em todas as etapas.
</p>
</div>
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-handshake text-white text-2xl"></i>
</div>
<h4 class="text-xl font-bold heading-professional mb-4">Confiabilidade</h4>
<p class="text-professional text-lg leading-relaxed">
Compromisso total com prazos, transparência na comunicação e entrega conforme
o acordado, sempre.
</p>
</div>
<div class="text-center">
<div class="w-20 h-20 bg-gray-700 rounded-xl flex items-center justify-center mx-auto mb-6">
<i class="fas fa-shield-alt text-white text-2xl"></i>
</div>
<h4 class="text-xl font-bold heading-professional mb-4">Segurança</h4>
<p class="text-professional text-lg leading-relaxed">
Implementação de medidas de segurança avançadas e conformidade com todas as
regulamentações do setor jurídico.
</p>
</div>
</div>
</div>
<div class="professional-card text-center">
<i class="fas fa-comments text-5xl text-gray-700 mb-8"></i>
<h3 class="text-3xl font-bold heading-professional mb-6">Vamos conversar sobre seu projeto?</h3>
<p class="text-xl text-professional mb-10 max-w-3xl mx-auto">
Estou sempre disponível para discutir novos projetos e desafios. Entre em contato
e vamos criar uma solução digital que eleve seu escritório ao próximo nível.
</p>
<div class="flex flex-col sm:flex-row gap-6 justify-center">
<button onclick="showPage('contato')" class="btn-professional text-xl">
<i class="fas fa-envelope mr-3"></i>Entrar em Contato
</button>
<a href="https://wa.me/351913671493" target="_blank" rel="noopener noreferrer nofollow" class="btn-outline-professional text-xl inline-flex items-center justify-center">
<i class="fab fa-whatsapp mr-3"></i>WhatsApp Direto
</a>
</div>
</div>
</div>
</div>
</div>
<div id="contato" class="page">
<div class="min-h-screen section-spacing">
<div class="content-width">
<div class="text-center mb-20">
<h1 class="text-5xl md:text-6xl font-bold heading-professional mb-8">Entre em Contato</h1>
<p class="text-2xl text-professional max-w-3xl mx-auto">
Vamos conversar sobre como podemos fortalecer a presença digital do seu escritório
</p>
</div>
<div class="grid lg:grid-cols-2 gap-16">
<div class="professional-card">
<div class="mb-8">
<i class="fas fa-paper-plane text-4xl text-gray-700 mb-4"></i>
<h2 class="text-3xl font-bold heading-professional mb-4">Solicite seu Orçamento</h2>
<p class="text-professional text-lg">Preencha o formulário abaixo e receba uma proposta personalizada em até 24 horas.</p>
</div>
<form id="contactForm" class="space-y-8">
<div class="grid md:grid-cols-2 gap-6">
<div>
<label class="block text-lg font-medium text-professional mb-3">Nome Completo *</label>
<input type="text" required class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg" placeholder="Dr(a). Seu Nome">
</div>
<div>
<label class="block text-lg font-medium text-professional mb-3">Email Profissional *</label>
<input type="email" required class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg" placeholder="seu@escritorio.com.br">
</div>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div>
<label class="block text-lg font-medium text-professional mb-3">Telefone/WhatsApp</label>
<input type="tel" class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg" placeholder="(11) 99999-9999">
</div>
<div>
<label class="block text-lg font-medium text-professional mb-3">Área de Atuação</label>
<select class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg">
<option>Direito Empresarial</option>
<option>Direito Civil</option>
<option>Direito Trabalhista</option>
<option>Direito de Família</option>
<option>Direito Criminal</option>
<option>Direito Público</option>
<option>Outras Áreas</option>
</select>
</div>
</div>
<div>
<label class="block text-lg font-medium text-professional mb-3">Tipo de Projeto</label>
<select class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg">
<option>Site Institucional Completo</option>
<option>Reformulação de Site Existente</option>
<option>Sistema de Gestão Jurídica</option>
<option>Otimização SEO</option>
<option>Manutenção e Suporte</option>
<option>Consultoria Digital</option>
</select>
</div>
<div>
<label class="block text-lg font-medium text-professional mb-3">Orçamento Disponível</label>
<select class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg">
<option>Até R$ 2.000</option>
<option>R$ 2.000 - R$ 5.000</option>
<option>R$ 5.000 - R$ 10.000</option>
<option>R$ 10.000 - R$ 20.000</option>
<option>Acima de R$ 20.000</option>
<option>Prefiro discutir pessoalmente</option>
</select>
</div>
<div>
<label class="block text-lg font-medium text-professional mb-3">Detalhes do Projeto *</label>
<textarea required rows="6" class="w-full px-6 py-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-gray-500 focus:border-transparent text-lg" placeholder="Descreva seu escritório, objetivos com o site, funcionalidades desejadas e qualquer informação relevante para o projeto..."></textarea>
</div>
<button type="submit" class="w-full btn-professional text-xl py-4">
<i class="fas fa-paper-plane mr-3"></i>Enviar Solicitação de Orçamento
</button>
</form>
</div>
<div class="space-y-8">
<div class="professional-card">
<div class="mb-8">
<i class="fas fa-address-book text-4xl text-gray-700 mb-4"></i>
<h2 class="text-3xl font-bold heading-professional mb-4">Informações de Contato</h2>
<p class="text-professional text-lg">Entre em contato direto pelos canais abaixo</p>
</div>
<div class="space-y-8">
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-envelope text-white text-xl"></i>
</div>
<div>
<h3 class="text-xl font-bold heading-professional mb-2">Email Profissional</h3>
<p class="text-professional text-lg mb-1">contato@driveweb.pt</p>
<p class="text-professional text-lg">rodrigo@driveweb.pt</p>
<p class="text-sm text-gray-500 mt-2">Resposta em até 2 horas</p>
</div>
</div>
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fab fa-whatsapp text-white text-xl"></i>
</div>
<div>
<h3 class="text-xl font-bold heading-professional mb-2">WhatsApp Direto</h3>
<p class="text-professional text-lg mb-2">+351 913 671 493</p>
<a href="https://wa.me/351913671493" target="_blank" rel="noopener noreferrer nofollow" class="btn-outline-professional inline-flex items-center">
<i class="fab fa-whatsapp mr-2"></i>Iniciar Conversa
</a>
</div>
</div>
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-map-marker-alt text-white text-xl"></i>
</div>
<div>
<h3 class="text-xl font-bold heading-professional mb-2">Localização</h3>
<p class="text-professional text-lg mb-1">Portugal</p>
<p class="text-sm text-gray-500">Atendimento 100% remoto</p>
<p class="text-sm text-gray-500">Clientes em todo Brasil e Portugal</p>
</div>
</div>
<div class="flex items-start space-x-6">
<div class="w-16 h-16 bg-gray-700 rounded-xl flex items-center justify-center flex-shrink-0">
<i class="fas fa-globe text-white text-xl"></i>
</div>
<div>
<h3 class="text-xl font-bold heading-professional mb-2">Website</h3>
<a href="https://driveweb.pt" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:underline text-lg">driveweb.pt</a>
</div>
</div>
</div>
</div>
<div class="professional-card">
<div class="mb-6">
<i class="fas fa-clock text-3xl text-gray-700 mb-4"></i>
<h2 class="text-2xl font-bold heading-professional mb-4">Horário de Atendimento</h2>
</div>
<div class="space-y-4">
<div class="flex justify-between items-center py-2 border-b border-gray-100">
<span class="text-professional text-lg">Segunda - Sexta</span>
<span class="text-gray-800 font-semibold text-lg">09:00 - 18:00</span>
</div>
<div class="flex justify-between items-center py-2 border-b border-gray-100">
<span class="text-professional text-lg">Sábado</span>
<span class="text-gray-800 font-semibold text-lg">09:00 - 14:00</span>
</div>
<div class="flex justify-between items-center py-2">
<span class="text-professional text-lg">Domingo</span>
<span class="text-gray-500 text-lg">Fechado</span>
</div>
</div>
<div class="mt-8 p-6 bg-gray-50 rounded-lg">
<div class="flex items-center mb-3">
<i class="fas fa-info-circle text-gray-700 mr-3"></i>
<h3 class="font-semibold text-gray-800">Atendimento Prioritário</h3>
</div>
<p class="text-professional">
Projetos jurídicos recebem atendimento prioritário. Resposta garantida em até 2 horas
durante horário comercial.
</p>
</div>
</div>
<div class="professional-card">
<div class="mb-6">
<i class="fas fa-question-circle text-3xl text-gray-700 mb-4"></i>
<h2 class="text-2xl font-bold heading-professional mb-4">Perguntas Frequentes</h2>
</div>
<div class="space-y-6">
<div>
<h3 class="text-lg font-bold heading-professional mb-2">Qual o prazo de entrega?</h3>
<p class="text-professional">Sites institucionais: 5-7 dias úteis. Sistemas complexos: 2-4 semanas.</p>
</div>
<div>
<h3 class="text-lg font-bold heading-professional mb-2">Oferecem suporte pós-entrega?</h3>
<p class="text-professional">Sim! 30 dias de suporte gratuito e planos de manutenção mensal disponíveis.</p>
</div>
<div>
<h3 class="text-lg font-bold heading-professional mb-2">O site será otimizado para Google?</h3>
<p class="text-professional">Todos os sites incluem otimização SEO básica e configuração do Google Analytics.</p>
</div>
<div>
<h3 class="text-lg font-bold heading-professional mb-2">Trabalham com WordPress?</h3>
<p class="text-professional">Sim, somos especialistas em WordPress e desenvolvimento personalizado.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="whatsappButton" class="fixed bottom-6 right-6 z-50">
<a href="https://wa.me/351913671493" target="_blank" rel="noopener noreferrer nofollow" class="bg-green-500 hover:bg-green-600 text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center group">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
<path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/>
</svg>
<span class="absolute right-16 bg-gray-800 text-white px-3 py-2 rounded-lg text-sm whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none">
Fale conosco no WhatsApp
</span>
</a>
</div>
<footer class="bg-gray-800 text-white py-16">
<div class="content-width">
<div class="grid lg:grid-cols-4 gap-12 mb-12">
<div class="lg:col-span-2">
<div class="flex items-center mb-6">
<div class="w-12 h-12 bg-gray-700 rounded-lg flex items-center justify-center mr-4">
<i class="fas fa-balance-scale text-white text-xl"></i>
</div>
<div>
<h3 class="text-2xl font-bold">DriveWeb</h3>
<p class="text-gray-400">Rodrigo Soares</p>
</div>
</div>
<p class="text-gray-300 text-lg leading-relaxed mb-6">
Especialistas em desenvolvimento web para o setor jurídico. Criamos soluções digitais
profissionais que transmitem credibilidade e geram resultados para escritórios de advocacia.
</p>
<div class="flex space-x-4">
<a href="https://wa.me/351913671493" target="_blank" rel="noopener noreferrer nofollow" class="w-12 h-12 bg-gray-700 rounded-lg flex items-center justify-center hover:bg-gray-600 transition duration-200">
<i class="fab fa-whatsapp text-xl"></i>
</a>
<a href="mailto:contato@driveweb.pt" class="w-12 h-12 bg-gray-700 rounded-lg flex items-center justify-center hover:bg-gray-600 transition duration-200">
<i class="fas fa-envelope text-xl"></i>
</a>
<a href="https://driveweb.pt" target="_blank" rel="noopener noreferrer" class="w-12 h-12 bg-gray-700 rounded-lg flex items-center justify-center hover:bg-gray-600 transition duration-200">
<i class="fas fa-globe text-xl"></i>
</a>
</div>
</div>
<div>
<h4 class="text-xl font-bold mb-6">Nossos Serviços</h4>
<ul class="space-y-3 text-gray-300">
<li><a href="#" onclick="showPage('servicos')" class="hover:text-white transition duration-200">Sites Institucionais</a></li>
<li><a href="#" onclick="showPage('servicos')" class="hover:text-white transition duration-200">Sistemas Jurídicos</a></li>
<li><a href="#" onclick="showPage('servicos')" class="hover:text-white transition duration-200">SEO Especializado</a></li>
<li><a href="#" onclick="showPage('servicos')" class="hover:text-white transition duration-200">Suporte e Manutenção</a></li>
</ul>
</div>
<div>
<h4 class="text-xl font-bold mb-6">Contato</h4>
<div class="space-y-3 text-gray-300">
<div class="flex items-center">
<i class="fas fa-envelope mr-3 text-gray-400"></i>
<span>contato@driveweb.pt</span>
</div>
<div class="flex items-center">
<i class="fab fa-whatsapp mr-3 text-gray-400"></i>
<span>+351 913 671 493</span>
</div>
<div class="flex items-center">
<i class="fas fa-map-marker-alt mr-3 text-gray-400"></i>
<span>Portugal</span>
</div>
<div class="flex items-center">
<i class="fas fa-clock mr-3 text-gray-400"></i>
<span>Seg-Sex: 09:00-18:00</span>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-700 pt-8">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="text-gray-400 mb-4 md:mb-0">
<p>© 2024 DriveWeb - Rodrigo Soares. Todos os direitos reservados.</p>
</div>
<div class="flex space-x-6 text-gray-400 text-sm">
<a href="#" class="hover:text-white transition duration-200">Política de Privacidade</a>
<a href="#" class="hover:text-white transition duration-200">Termos de Uso</a>
<a href="https://driveweb.pt" target="_blank" rel="noopener noreferrer" class="hover:text-white transition duration-200">driveweb.pt</a>
</div>
</div>
</div>
</div>
</footer> <script type="litespeed/javascript">const CORRECT_PASSWORD="1234";function showPage(pageId){try{console.log('Navegando para:',pageId);const pages=document.querySelectorAll('.page');pages.forEach(page=>{page.classList.remove('active');page.style.display='none'});const targetPage=document.getElementById(pageId);if(targetPage){targetPage.classList.add('active');targetPage.style.display='block';console.log('Página ativada:',pageId)}else{console.log('Página não encontrada:',pageId)}
const navLinks=document.querySelectorAll('.nav-link');navLinks.forEach(link=>{link.classList.remove('active')});const activeLinks=document.querySelectorAll(`[onclick*="showPage('${pageId}')"]`);activeLinks.forEach(link=>{link.classList.add('active')});const mobileMenu=document.getElementById('mobileMenu');if(mobileMenu){mobileMenu.classList.add('hidden')}
window.scrollTo({top:0,behavior:'smooth'})}catch(error){console.log('Erro na navegação:',error)}}
function showBudgetSystem(clientName){const displayClientName=document.getElementById('displayClientName');const loginScreen=document.getElementById('loginScreen');const budgetSystem=document.getElementById('budgetSystem');if(displayClientName){displayClientName.textContent=clientName}
if(loginScreen){loginScreen.classList.add('hidden')}
if(budgetSystem){budgetSystem.classList.remove('hidden');budgetSystem.classList.add('fade-in')}}
function logout(){if(confirm('Tem certeza que deseja sair do sistema?')){try{localStorage.removeItem('loggedClient')}catch(error){console.log('Erro ao limpar localStorage:',error)}
const budgetSystem=document.getElementById('budgetSystem');const loginScreen=document.getElementById('loginScreen');const clientNameInput=document.getElementById('clientName');const passwordInput=document.getElementById('password');if(budgetSystem){budgetSystem.classList.add('hidden')}
if(loginScreen){loginScreen.classList.remove('hidden');loginScreen.classList.add('fade-in')}
if(clientNameInput)clientNameInput.value='';if(passwordInput)passwordInput.value=''}}
function generatePDF(){window.print()}
document.addEventListener('DOMContentLiteSpeedLoaded',function(){try{const currentDate=document.getElementById('currentDate');if(currentDate){const today=new Date();const formattedDate=today.toLocaleDateString('pt-BR');currentDate.textContent=formattedDate}
showPage('orcamentos');try{const savedClient=localStorage.getItem('loggedClient');if(savedClient){showBudgetSystem(savedClient)}}catch(error){console.log('Erro ao acessar localStorage:',error)}
const mobileMenuBtn=document.getElementById('mobileMenuBtn');const mobileMenu=document.getElementById('mobileMenu');if(mobileMenuBtn&&mobileMenu){mobileMenuBtn.addEventListener('click',function(){mobileMenu.classList.toggle('hidden')})}
const loginForm=document.getElementById('loginForm');if(loginForm){loginForm.addEventListener('submit',function(e){e.preventDefault();const clientNameInput=document.getElementById('clientName');const passwordInput=document.getElementById('password');if(!clientNameInput||!passwordInput)return;const clientName=clientNameInput.value.trim();const password=passwordInput.value;if(!clientName){alert('Por favor, digite o nome do cliente.');return}
if(password!==CORRECT_PASSWORD){alert('Senha incorreta. Tente novamente.');passwordInput.value='';passwordInput.focus();return}
try{localStorage.setItem('loggedClient',clientName)}catch(error){console.log('Erro ao salvar no localStorage:',error)}
showBudgetSystem(clientName)})}
const contactForm=document.getElementById('contactForm');if(contactForm){contactForm.addEventListener('submit',function(e){e.preventDefault();alert('Mensagem enviada com sucesso! Retornaremos em breve.');contactForm.reset()})}
const passwordInput=document.getElementById('password');if(passwordInput){passwordInput.addEventListener('keypress',function(e){if(e.key==='Enter'){const loginForm=document.getElementById('loginForm');if(loginForm){loginForm.dispatchEvent(new Event('submit'))}}})}}catch(error){console.log('Erro na inicialização:',error);showPage('orcamentos')}});window.addEventListener('load',function(){setTimeout(function(){console.log('Verificando inicialização...');const activePage=document.querySelector('.page.active');if(!activePage){console.log('Nenhuma página ativa, forçando orçamentos...');showPage('orcamentos')}},100)});setTimeout(function(){if(typeof showPage==='function'){const activePage=document.querySelector('.page.active');if(!activePage){showPage('orcamentos')}}},500);document.addEventListener('readystatechange',function(){if(document.readyState==='complete'){setTimeout(function(){const activePage=document.querySelector('.page.active');if(!activePage){showPage('orcamentos')}},200)}})</script> <script type="litespeed/javascript">(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'98ae8a3b936ce3b0',t:'MTc1OTg1MjA3Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLiteSpeedLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})()</script><script data-no-optimize="1">window.lazyLoadOptions=Object.assign({},{threshold:300},window.lazyLoadOptions||{});!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function o(t){return e({},at,t)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,vt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,vt,e)}function i(t){return s(t,null),0}function r(t){return null===c(t)}function u(t){return c(t)===_t}function d(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function f(t,e){et?t.classList.add(e):t.className+=(t.className?" ":"")+e}function _(t,e){et?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function v(t,e){!e||(e=e._observer)&&e.unobserve(t)}function b(t,e){t&&(t.loadingCount+=e)}function p(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function h(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function m(t){return!!t[lt]}function E(t){return t[lt]}function I(t){return delete t[lt]}function y(e,t){var n;m(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[lt]=n)}function L(a,t){var o;m(a)&&(o=E(a),t.forEach(function(t){var e,n;e=a,(t=o[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function k(t,e,n){f(t,e.class_loading),s(t,st),n&&(b(n,1),d(e.callback_loading,t,n))}function A(t,e,n){n&&t.setAttribute(e,n)}function O(t,e){A(t,rt,l(t,e.data_sizes)),A(t,it,l(t,e.data_srcset)),A(t,ot,l(t,e.data_src))}function w(t,e,n){var a=l(t,e.data_bg_multi),o=l(t,e.data_bg_multi_hidpi);(a=nt&&o?o:a)&&(t.style.backgroundImage=a,n=n,f(t=t,(e=e).class_applied),s(t,dt),n&&(e.unobserve_completed&&v(t,e),d(e.callback_applied,t,n)))}function x(t,e){!e||0<e.loadingCount||0<e.toLoadCount||d(t.callback_finish,e)}function M(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function N(t){return!!t.llEvLisnrs}function z(t){if(N(t)){var e,n,a=t.llEvLisnrs;for(e in a){var o=a[e];n=e,o=o,t.removeEventListener(n,o)}delete t.llEvLisnrs}}function C(t,e,n){var a;delete t.llTempImage,b(n,-1),(a=n)&&--a.toLoadCount,_(t,e.class_loading),e.unobserve_completed&&v(t,n)}function R(i,r,c){var l=g(i)||i;N(l)||function(t,e,n){N(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";M(t,a,e),M(t,"error",n)}(l,function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_loaded),s(e,ut),d(n.callback_loaded,e,a),o||x(n,a),z(l)},function(t){var e,n,a,o;n=r,a=c,o=u(e=i),C(e,n,a),f(e,n.class_error),s(e,ft),d(n.callback_error,e,a),o||x(n,a),z(l)})}function T(t,e,n){var a,o,i,r,c;t.llTempImage=document.createElement("IMG"),R(t,e,n),m(c=t)||(c[lt]={backgroundImage:c.style.backgroundImage}),i=n,r=l(a=t,(o=e).data_bg),c=l(a,o.data_bg_hidpi),(r=nt&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),k(a,o,i)),w(t,e,n)}function G(t,e,n){var a;R(t,e,n),a=e,e=n,(t=Et[(n=t).tagName])&&(t(n,a),k(n,a,e))}function D(t,e,n){var a;a=t,(-1<It.indexOf(a.tagName)?G:T)(t,e,n)}function S(t,e,n){var a;t.setAttribute("loading","lazy"),R(t,e,n),a=e,(e=Et[(n=t).tagName])&&e(n,a),s(t,_t)}function V(t){t.removeAttribute(ot),t.removeAttribute(it),t.removeAttribute(rt)}function j(t){h(t,function(t){L(t,mt)}),L(t,mt)}function F(t){var e;(e=yt[t.tagName])?e(t):m(e=t)&&(t=E(e),e.style.backgroundImage=t.backgroundImage)}function P(t,e){var n;F(t),n=e,r(e=t)||u(e)||(_(e,n.class_entered),_(e,n.class_exited),_(e,n.class_applied),_(e,n.class_loading),_(e,n.class_loaded),_(e,n.class_error)),i(t),I(t)}function U(t,e,n,a){var o;n.cancel_on_exit&&(c(t)!==st||"IMG"===t.tagName&&(z(t),h(o=t,function(t){V(t)}),V(o),j(t),_(t,n.class_loading),b(a,-1),i(t),d(n.callback_cancel,t,e,a)))}function $(t,e,n,a){var o,i,r=(i=t,0<=bt.indexOf(c(i)));s(t,"entered"),f(t,n.class_entered),_(t,n.class_exited),o=t,i=a,n.unobserve_entered&&v(o,i),d(n.callback_enter,t,e,a),r||D(t,n,a)}function q(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function H(t,o,i){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?$(t.target,t,o,i):(e=t.target,n=t,a=o,t=i,void(r(e)||(f(e,a.class_exited),U(e,n,a,t),d(a.callback_exit,e,n,t))));var e,n,a})}function B(e,n){var t;tt&&!q(e)&&(n._observer=new IntersectionObserver(function(t){H(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function J(t){return Array.prototype.slice.call(t)}function K(t){return t.container.querySelectorAll(t.elements_selector)}function Q(t){return c(t)===ft}function W(t,e){return e=t||K(e),J(e).filter(r)}function X(e,t){var n;(n=K(e),J(n).filter(Q)).forEach(function(t){_(t,e.class_error),i(t)}),t.update()}function t(t,e){var n,a,t=o(t);this._settings=t,this.loadingCount=0,B(t,this),n=t,a=this,Y&&window.addEventListener("online",function(){X(n,a)}),this.update(e)}var Y="undefined"!=typeof window,Z=Y&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),tt=Y&&"IntersectionObserver"in window,et=Y&&"classList"in document.createElement("p"),nt=Y&&1<window.devicePixelRatio,at={elements_selector:".lazy",container:Z||Y?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",it="srcset",rt="sizes",ct="poster",lt="llOriginalAttrs",st="loading",ut="loaded",dt="applied",ft="error",_t="native",gt="data-",vt="ll-status",bt=[st,ut,dt,ft],pt=[ot],ht=[ot,ct],mt=[ot,it,rt],Et={IMG:function(t,e){h(t,function(t){y(t,mt),O(t,e)}),y(t,mt),O(t,e)},IFRAME:function(t,e){y(t,pt),A(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){y(t,pt),A(t,ot,l(t,e.data_src))}),y(t,ht),A(t,ct,l(t,e.data_poster)),A(t,ot,l(t,e.data_src)),t.load()}},It=["IMG","IFRAME","VIDEO"],yt={IMG:j,IFRAME:function(t){L(t,pt)},VIDEO:function(t){a(t,function(t){L(t,pt)}),L(t,ht),t.load()}},Lt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,o=this._settings,i=W(t,o);{if(p(this,i.length),!Z&&tt)return q(o)?(e=o,n=this,i.forEach(function(t){-1!==Lt.indexOf(t.tagName)&&S(t,e,n)}),void p(n,0)):(t=this._observer,o=i,t.disconnect(),a=t,void o.forEach(function(t){a.observe(t)}));this.loadAll(i)}},destroy:function(){this._observer&&this._observer.disconnect(),K(this._settings).forEach(function(t){I(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;W(t,n).forEach(function(t){v(t,e),D(t,n,e)})},restoreAll:function(){var e=this._settings;K(e).forEach(function(t){P(t,e)})}},t.load=function(t,e){e=o(e);D(t,e)},t.resetStatus=function(t){i(t)},t}),function(t,e){"use strict";function n(){e.body.classList.add("litespeed_lazyloaded")}function a(){console.log("[LiteSpeed] Start Lazy Load"),o=new LazyLoad(Object.assign({},t.lazyLoadOptions||{},{elements_selector:"[data-lazyloaded]",callback_finish:n})),i=function(){o.update()},t.MutationObserver&&new MutationObserver(i).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})}var o,i;t.addEventListener?t.addEventListener("load",a,!1):t.attachEvent("onload",a)}(window,document);</script><script data-no-optimize="1">window.litespeed_ui_events=window.litespeed_ui_events||["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://driveweb.pt/wp-content/litespeed/js/eb2fe6cca7e1af956e46876123e1a632.js?ver=c26cc"></script></body>
</html>
DriveWeb
Rodrigo Soares – Desenvolvimento Jurídico
Sistema de Orçamentos
Acesso Restrito
Sistema de Orçamentos
DriveWeb – Rodrigo Soares
Data:
Cliente:
Orçamento de Site Profissional
Ligia Victoria Advocacia
Olá Dra. Ligia, tudo bem?
Apresento abaixo a proposta para criação do seu site institucional profissional, desenvolvido pela DriveWeb, totalmente voltado à advocacia empresarial e à especialidade de empresas com dívidas bancárias.
O objetivo é criar uma presença digital sólida, moderna e estratégica, com foco em conversão de contatos e fortalecimento da sua imagem como referência jurídica.
■ Página Inicial (Home)
A página de abertura será impactante, com um banner principal em destaque, trazendo sua foto profissional e uma frase que identifique o propósito do escritório – algo que transmita confiança e solução para quem enfrenta dívidas empresariais.
Logo abaixo, haverá três ou quatro blocos de destaques, representando as principais áreas de atuação (exemplo: Para Empresários, Para Microempreendedores, Para Indústrias, etc.).
Na sequência, uma breve apresentação sobre o escritório e um resumo dos serviços, com botões “Saiba Mais” direcionando à página de Serviços.
A home também incluirá uma área de captura de e-mails (Newsletter) para formar uma base de contatos para comunicações futuras — como felicitações de aniversário, Natal, ou campanhas informativas.
■■ Página de Serviços
Nesta página estarão os principais pacotes e áreas de atuação da advocacia, organizados em blocos com títulos e descrições curtas.
Cada bloco trará um foco específico — por exemplo:
- Para Empresários
- Para Microempreendedores Individuais
- Para Empresas e Indústrias
Cada categoria será visual e intuitiva, com botão “Fale Agora” direcionando ao WhatsApp ou formulário. Essa estrutura facilita a navegação e estimula o contato direto do cliente.
■■■ Página Sobre
A página “Sobre” destacará sua trajetória profissional, experiência na advocacia e uma introdução humanizada sobre o seu trabalho.
Incluirá sua foto pessoal (em ambiente de escritório ou dia a dia de trabalho), e um texto leve sobre quem é a Dra. Ligia Victoria, tempo de atuação, valores do escritório e propósito com os clientes.
É uma página essencial para gerar confiança e conexão emocional com o público.
■ Página de Contato
A página de contato será projetada para facilitar a comunicação direta. Contará com um formulário inteligente, onde o usuário seleciona o tipo de caso (por exemplo, dívida bancária, consultoria, etc.) e envia a mensagem.
O visitante receberá confirmação automática de envio e a mensagem será registrada dentro do painel do site.
Além disso, haverá um mapa de localização interativo, telefone, e botão de WhatsApp flutuante para contato imediato.
■ Newsletter (Captura de E-mails)
Esta funcionalidade permite que o site armazene e-mails de visitantes interessados em receber novidades.
Todos os endereços são gravados automaticamente no painel do WordPress e podem ser usados futuramente em campanhas automatizadas, como mensagens sazonais (“Feliz Natal”, “Feliz Aniversário”, etc.).
Este recurso é entregue como cortesia DriveWeb dentro do pacote, sem custo adicional.
■ Rodapé (Footer)
O rodapé reunirá as principais informações do site: logotipo, resumo dos serviços, contatos, links para redes sociais e política de privacidade.
Também exibirá o crédito padrão da agência: “Desenvolvido por DriveWeb – Rodrigo Soares | https://driveweb.pt”.
■ Investimento
| Descrição | Valor (R$) |
|---|---|
| Criação completa do site (estrutura, design e funcionamento) | 500,00 |
| Otimização Google + LGPD (opcional, caso precise de criação de conta Google) | 150,00 |
| Total (sem Google) | 500,00 |
| Total (com Google) | 650,00 |
■ Prazo e Pagamento
O prazo de entrega é de 7 dias úteis após o envio dos conteúdos (textos, fotos e informações).
O pagamento pode ser feito em duas etapas: 50% na aprovação e 50% na entrega final, com o site publicado e indexado no Google.
Desenvolvido por DriveWeb – Rodrigo Soares
https://driveweb.ptEste orçamento tem validade de 10 dias.
DriveWeb
Desenvolvimento Web Especializado
Soluções digitais profissionais para escritórios de advocacia e profissionais do direito. Criamos sites institucionais que transmitem credibilidade, confiança e profissionalismo.
Por que escolher a DriveWeb?
Especialização em desenvolvimento web para o setor jurídico
Entrega Rápida
Desenvolvimento ágil com entrega em até 7 dias úteis. Qualidade profissional sem comprometer prazos, ideal para escritórios que precisam de presença digital urgente.
Especialização Jurídica
Entendemos as necessidades específicas do setor jurídico. Criamos sites que transmitem autoridade, confiança e profissionalismo para seus clientes.
Conformidade LGPD
Todos os sites são desenvolvidos em conformidade com a LGPD e melhores práticas de segurança, garantindo proteção de dados dos seus clientes.
Áreas de Especialização
Desenvolvemos sites para diferentes áreas do direito
Direito Empresarial
Sites para escritórios especializados em direito corporativo e empresarial.
Direito Civil
Plataformas digitais para advogados civilistas e questões familiares.
Direito Trabalhista
Sites especializados em direito do trabalho e questões previdenciárias.
Direito Público
Desenvolvimento para escritórios de direito administrativo e constitucional.
Pronto para fortalecer sua presença digital?
Entre em contato conosco e descubra como podemos ajudar seu escritório a se destacar no ambiente digital com um site profissional e eficiente.
Nossos Serviços
Soluções digitais especializadas para o setor jurídico. Desenvolvemos sites profissionais que transmitem credibilidade e geram resultados para seu escritório.
Sites Institucionais para Advocacia
Sites profissionais desenvolvidos especificamente para escritórios de advocacia, transmitindo autoridade, confiança e profissionalismo.
- Design responsivo e elegante
- Otimização SEO especializada
- Formulários de contato seguros
- Conformidade com LGPD
Sistemas de Gestão Jurídica
Plataformas personalizadas para gestão de processos, clientes e documentos, otimizando a rotina do seu escritório.
- Gestão de processos e prazos
- Controle de clientes e honorários
- Relatórios e dashboards
- Integração com tribunais
SEO Jurídico Especializado
Otimização completa para mecanismos de busca, focada em termos jurídicos e captação de clientes qualificados.
- Pesquisa de palavras-chave jurídicas
- Otimização de conteúdo técnico
- Google Meu Negócio otimizado
- Relatórios de performance
Segurança e Conformidade
Implementação de medidas de segurança avançadas e conformidade com regulamentações específicas do setor jurídico.
- Certificados SSL premium
- Backup automático diário
- Política de privacidade LGPD
- Monitoramento 24/7
Nosso Processo de Trabalho
Metodologia comprovada para entregar resultados excepcionais
1
Análise e Planejamento
Entendemos suas necessidades específicas e definimos a estratégia ideal.
2
Design e Desenvolvimento
Criamos um design profissional e desenvolvemos com as melhores práticas.
3
Testes e Otimização
Realizamos testes rigorosos e otimizamos para performance máxima.
4
Entrega e Suporte
Entregamos o projeto finalizado com suporte contínuo e treinamento.
Projetos Realizados
Alguns dos escritórios que confiaram em nosso trabalho
Advocacia Empresarial
Escritório de Direito Empresarial
Site institucional completo com área de especialização em recuperação judicial e dívidas bancárias.
WordPress
SEO
LGPD
Direito de Família
Advocacia Familiar
Plataforma digital especializada em direito de família com formulários seguros e área do cliente.
Sistema Custom
Área do Cliente
Segurança
Direito Trabalhista
Escritório Trabalhista
Site otimizado para captação de clientes com calculadoras trabalhistas e blog jurídico.
Calculadoras
Blog
Lead Generation
Pronto para transformar sua presença digital?
Entre em contato conosco e descubra como podemos ajudar seu escritório a se destacar no ambiente digital com soluções profissionais e eficientes.
Sobre Rodrigo Soares
Especialista em desenvolvimento web para o setor jurídico
Rodrigo Soares
Rodrigo Soares
Desenvolvedor Web Especializado em Soluções Jurídicas
Fundador da DriveWeb, especializado em criar soluções digitais profissionais para escritórios de advocacia. Com mais de 5 anos de experiência, desenvolvo sites que transmitem credibilidade, autoridade e profissionalismo, ajudando advogados a fortalecer sua presença digital.
Minha Trajetória
Iniciei minha carreira em desenvolvimento web em 2018, motivado pela paixão por tecnologia e pela oportunidade de criar soluções que realmente fazem a diferença na vida das pessoas.
Em 2020, fundei a DriveWeb com foco específico no setor jurídico, após perceber a necessidade de soluções digitais especializadas para advogados e escritórios de advocacia.
Hoje, já desenvolvi mais de 50 projetos para profissionais do direito, sempre priorizando qualidade, segurança e conformidade com as regulamentações do setor.
Especialização Jurídica
Entendo as necessidades específicas do setor jurídico: a importância da credibilidade, a necessidade de transmitir confiança e a conformidade com regulamentações como a LGPD.
Cada site que desenvolvo é pensado para advogados, considerando aspectos como captação de clientes, apresentação de serviços e construção de autoridade no mercado.
Meu objetivo é ajudar profissionais do direito a se destacarem no ambiente digital com soluções que realmente geram resultados.
Competências Técnicas
Desenvolvimento Frontend
HTML/CSS Avançado
95%
JavaScript/jQuery
90%
Frameworks Modernos
85%
Backend & CMS
WordPress Avançado
95%
PHP/MySQL
88%
SEO/Analytics
92%
Valores e Princípios
Excelência
Cada projeto é desenvolvido com atenção aos mínimos detalhes, priorizando qualidade e profissionalismo em todas as etapas.
Confiabilidade
Compromisso total com prazos, transparência na comunicação e entrega conforme o acordado, sempre.
Segurança
Implementação de medidas de segurança avançadas e conformidade com todas as regulamentações do setor jurídico.
Vamos conversar sobre seu projeto?
Estou sempre disponível para discutir novos projetos e desafios. Entre em contato e vamos criar uma solução digital que eleve seu escritório ao próximo nível.
Entre em Contato
Vamos conversar sobre como podemos fortalecer a presença digital do seu escritório
Solicite seu Orçamento
Preencha o formulário abaixo e receba uma proposta personalizada em até 24 horas.
Informações de Contato
Entre em contato direto pelos canais abaixo
Email Profissional
contato@driveweb.pt
rodrigo@driveweb.pt
Resposta em até 2 horas
Localização
Portugal
Atendimento 100% remoto
Clientes em todo Brasil e Portugal
Website
driveweb.ptHorário de Atendimento
Segunda – Sexta
09:00 – 18:00
Sábado
09:00 – 14:00
Domingo
Fechado
Atendimento Prioritário
Projetos jurídicos recebem atendimento prioritário. Resposta garantida em até 2 horas durante horário comercial.
Perguntas Frequentes
Qual o prazo de entrega?
Sites institucionais: 5-7 dias úteis. Sistemas complexos: 2-4 semanas.
Oferecem suporte pós-entrega?
Sim! 30 dias de suporte gratuito e planos de manutenção mensal disponíveis.
O site será otimizado para Google?
Todos os sites incluem otimização SEO básica e configuração do Google Analytics.
Trabalham com WordPress?
Sim, somos especialistas em WordPress e desenvolvimento personalizado.
