---
title: "Chat Jurídico - Melhore o seu atendimento e venda mais"
permalink: "/"
layout: 'default'
description: "Automatize o atendimento do seu escrit├│rio de advocacia com nossa plataforma integrada ao WhatsApp. Reduza 40% do tempo de atendimento e qualifique mais leads."
keywords: ["chatjuridico","chat jurídico", "atendimento jurídico online", "automação jurídica", "chatbot advocacia",
"whatsapp
jurídico", "multicanal jurídico", "atendimento automatizado", "consultoria jurídica digital", "legal tech", "software
jurídico", "automação escritório advocacia", "plataforma jurídica", "whatsapp business api", "atendimento em massa",
"gestão de leads jurídicos", "marketing jurídico"]
---

<!-- No head (garantir importação) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="/assets/css/sparkles.css">

<!-- Black Friday Banner -->
{% include cta/banner-black-friday.html %}

<style>
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@media (max-width: 768px) {
    .black-friday-banner .badge {
        font-size: 0.7rem;
        padding: 2px 6px !important;
    }
    
    .hero-image-container img {
        max-width: 90vw !important;
        max-height: 45vh !important;
        min-height: 220px !important;
    }
    
    .hero-section .row {
        min-height: auto !important;
    }
    
    .hero-section .col-lg-6 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    .hero-content {
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }
    
    .sparkles-text {
        font-size: 1.8rem !important;
    }
    
    .benefit-icon {
        width: 30px !important;
        height: 30px !important;
    }
    
    .hero-content .row .col-md-6 .d-flex {
        margin-bottom: 10px !important;
    }
    
    .hero-content .row .col-md-6 h6 {
        font-size: 0.85rem !important;
        margin-bottom: 2px !important;
    }
    
    .hero-content .row .col-md-6 small {
        font-size: 0.7rem !important;
    }
    
    .hero-content .row {
        margin-bottom: 20px !important;
    }
}
</style>


<!-- Hero Section -->
<section class="hero-section position-relative overflow-hidden" style="background: linear-gradient(135deg, #2563eb 0%, #1e40af 50%, #0a2540 100%);">
    <div class="container h-100">
        <div class="row align-items-center h-100" style="min-height: 90vh;">
            <!-- Left: Content -->
            <div class="col-lg-6 order-1 px-4 text-white text-center text-lg-start" style="padding-top: 60px; padding-bottom: 60px;">
                <div class="hero-content">
                    <div class="sparkles-text-container mb-4">
                        <p class="lead sparkles-text" style="font-size: 2.2rem; line-height: 1.5; font-weight: 700;">
                          Plataforma de <span class="sparkle-highlight">WhatsApp</span> <img src="/assets/vectors/whatsapp.png" alt="WhatsApp" style="width: 28px; height: 28px; vertical-align: middle; margin: 0 6px;" /> para Escrit├│rios de Advocacia.
                        </p>
                    </div>
                    <p class="lead mb-4" style="font-size: 1.2rem; line-height: 1.5; font-weight: 500;">
                      Conecte os <span class="sparkle-highlight-subtitle">WhatsApp</span> do seu escritório, ative a <span class="sparkle-highlight-subtitle">IA jurídica</span> e feche contratos enquanto dorme.
                    </p>
                    
                    <!-- Benefits List -->
                    <div class="row mb-4 justify-content-center">
                        <div class="col-md-6">
                            <div class="d-flex align-items-center mb-3 justify-content-center justify-content-md-start">
                                <div class="flex-shrink-0 me-3">
                                    <div class="benefit-icon">
                                        <i class="bi bi-lightning-charge"></i>
                                    </div>
                                </div>
                                <div>
                                    <h6 class="mb-0 fw-semibold">Automação Inteligente</h6>
                                    <small class="opacity-75">Respostas personalizadas 24/7</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex align-items-center mb-3 justify-content-center justify-content-md-start">
                                <div class="flex-shrink-0 me-3">
                                    <div class="benefit-icon">
                                        <i class="bi bi-graph-up-arrow"></i>
                                    </div>
                                </div>
                                <div>
                                    <h6 class="mb-0 fw-semibold">Mais Convers├Áes</h6>
                                    <small class="opacity-75">Aproveite cada lead que chega das campanhas</small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- CTA Button -->
                    <div class="hero-cta">
                        <a href="/planos/" class="btn btn-hero btn-lg px-5 py-3 me-3 mb-3">
                            <span class="fw-semibold">Conheça os Planos</span>
                            <i class="bi bi-arrow-right ms-2"></i>
                        </a>
                        <a href="/demonstracao/" class="btn btn-outline-light btn-lg px-4 py-3 mb-3" style="position: relative; z-index: 10; font-size: 0.9rem;">
                            <span class="fw-semibold">Agende Demonstração</span>
                            <i class="bi bi-calendar-event ms-2"></i>
                        </a>
                        <div class="hero-guarantee mt-3">
                            <small class="opacity-75">
                                <i class="bi bi-shield-check me-2"></i>
                                Garantia $ de volta de 8 dias ÔÇó Teste com confian├ºa
                            </small>
                        </div>
                    </div>
                    

                </div>
            </div>

            <!-- Right: Image -->
            <div class="col-lg-6 order-3 order-lg-2 px-4 align-self-end">
                <div class="hero-image-container text-center" style="position: relative; z-index: 10;">
                    <img src="/assets/images/advogada-chat-juridico-removebg-preview.png"
                         alt="Advogada atendendo no WhatsApp com IA"
                         class="img-fluid"
                         style="max-width: 45vw; max-height: 70vh; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.35)); position: relative; z-index: 10; min-height: 300px;" />
                    
                    <!-- Subtle Text Overlay -->
                    <div class="text-overlay d-none d-md-block" style="position: absolute; top: 50%; right: -20px; transform: translateY(-50%); z-index: 20; max-width: 250px;">
                        <p class="mb-0 text-white-50" style="font-size: 0.9rem; font-style: italic; line-height: 1.3; text-shadow: 0 1px 2px rgba(0,0,0,0.3);">
                            "O sorriso no rosto quando lembro que a IA vai atender os contatos no final de semana"
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    
    <!-- Scroll indicator -->
    <div class="scroll-indicator position-absolute bottom-0 start-50 translate-middle-x mb-4 d-none d-md-block">
        <div class="scroll-mouse">
            <div class="scroll-wheel"></div>
        </div>
    </div>
</section>





<!-- Pain Points Section -->
<section class="pain-points-section section-vspace py-5 px-4 px-lg-0 bg-light">
    <div class="container">
        <div class="text-center pain-points-title mb-5">
            <h2 class="fw-bold mb-4">Pare de perder clientes para a <span class="text-danger">falta de velocidade e organização</span></h2>
            <p class="lead text-muted mb-0">O cliente manda mensagem para 10 escrit├│rios. Ele vai fechar com quem responder primeiro.</p>
        </div>
        <div class="row g-5">
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm pain-points-card">
                    <div class="card-body text-center p-4">
                        <div class="text-danger pain-points-icon mb-3" style="font-size: 3rem;">ÔÜí</div>
                        <h3 class="card-title h5 mb-3">Velocidade ├® tudo</h3>
                        <p class="card-text mb-0">Quem responde primeiro conquista o cliente. Não perca oportunidades por demora no WhatsApp.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm pain-points-card">
                    <div class="card-body text-center p-4">
                        <div class="text-primary pain-points-icon mb-3" style="font-size: 3rem;">­ƒôê</div>
                        <h3 class="card-title h5 mb-3">Escale seus contratos</h3>
                        <p class="card-text mb-0">Organize o atendimento, ganhe gestão e aumente o fechamento de contratos sem perder qualidade.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm pain-points-card">
                    <div class="card-body text-center p-4">
                        <div class="text-success pain-points-icon mb-3" style="font-size: 3rem;">­ƒùé´©Å</div>
                        <h3 class="card-title h5 mb-3">Previsibilidade e organização</h3>
                        <p class="card-text mb-0">Elimine o caos, tenha controle total do funil e saiba exatamente onde cada cliente está no processo.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center pain-points-btn mt-5">
            <a href="/planos/" class="btn btn-primary btn-lg px-5 py-3">
                Resolva Isso Agora <i class="bi bi-arrow-right ms-2"></i>
            </a>
        </div>
    </div>
</section>

<!-- Solution Section -->
<section class="section-vspace py-5 px-4 px-lg-0">
    <div class="container">
        
        <div class="text-center mb-5">
            <!-- Laptop Image -->
            <div class="mb-4">
                <img src="assets/images/chat-juridico-kanban.png" alt="Chat Jurídico Dashboard" class="img-fluid w-100" style="border-radius: 15px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); max-width: 800px; margin: 0 auto; display: block;">
            </div>
            <h2 class="fw-bold mb-3">Transforme o caos em <span class="text-success">máquina de resultados</span></h2>
            <p class="lead">Centenas de advogados já automatizaram seus atendimentos e fecham 2x mais contratos</p>
        </div>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <i class="fa-solid fa-user text-success mb-3" style="font-size: 2rem;"></i>
                        <h3 class="card-title h5">Assistente IA Especializado</h3>
                        <p class="card-text">Qualifica leads 24/7, responde dúvidas básicas e só transfere clientes já interessados para você</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <i class="bi bi-shield-check text-success mb-3" style="font-size: 2rem;"></i>
                        <h3 class="card-title h5">100% Compliance OAB e LGPD</h3>
                        <p class="card-text">Plataforma desenvolvida com compliance jurídico desde o primeiro dia, sem riscos</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm">
                    <div class="card-body">
                        <i class="bi bi-clock text-success mb-3" style="font-size: 2rem;"></i>
                        <h3 class="card-title h5">Recupere 5h por dia</h3>
                        <p class="card-text">Automatize triagem, respostas padrão e organização. Foque apenas em fechar contratos</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-center mt-5">
            <a href="/planos/" class="btn btn-primary btn-lg px-5 py-3">
                Comece Hoje Mesmo <i class="bi bi-rocket ms-2"></i>
            </a>
            <p class="mt-3 text-muted">Planos a partir de R$ 297/mês</p>
        </div>
    </div>
</section>



<!-- Social Proof Section -->
<section class="section-vspace py-5" style="background: #fff;">
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-3 d-none d-lg-flex flex-column align-items-center">
                <a href="https://www.escritoriovilasboas.com" target="_blank" rel="noopener" class="mb-3">
                    <img src="/assets/images/dr-marcos.png" alt="Dr. Marcos" class="rounded-circle" style="width: 120px; height: 120px; object-fit: cover; border: 3px solid #e0e0e0;">
                </a>
                <div class="text-center">
                    <strong class="text-dark">Marcos Vinicius Castelan Vilas Boas</strong><br>
                    <small class="opacity-75 text-secondary">Advogado</small><br>
                    <a href="https://www.escritoriovilasboas.com" target="_blank" rel="noopener" class="text-primary small">www.escritoriovilasboas.com <i class="fa fa-arrow-up-right-from-square ms-1"></i></a>
                </div>
            </div>
            <div class="col-lg-9">
                <div class="mb-4 text-center text-lg-start p-5 rounded-4 shadow-sm border" style="border-color: #e0e0e0 !important;">
                    <h3 class="fw-bold mb-4 display-6 text-dark">Depoimento Real</h3>
                    <div id="depoimento-resumo">
                        <p class="lead mb-4 fs-4 text-dark">
                            <span class="highlight-anim">Sempre tive um problema para gerenciar corretamente o fluxo de atendimento de clientes.</span> A triagem era dificultosa e a demanda era bem grande e crescente. Depois que foi me apresentada a plataforma de atendimento ChatJurídico, a situação tomou outra figura!
                        </p>
                        <button class="btn btn-outline-primary" id="btn-expandir-depoimento" type="button">Ler depoimento completo</button>
                    </div>
                    <div id="depoimento-completo" style="display:none;">
                        <p class="lead mb-4 fs-4 text-dark">
                            <span class="highlight-anim">Sempre tive um problema para gerenciar corretamente o fluxo de atendimento de clientes.</span> A triagem era dificultosa e a demanda era bem grande e crescente. Depois que foi me apresentada a plataforma de atendimento ChatJurídico, a situação tomou outra figura! <span class="highlight-anim">A inteligência artificial que auxilia na triagem permite que eu personalize o atendimento e deixe ele com a cara do meu escritório.</span>
                        </p>
                        <p class="lead mb-4 fs-4 text-dark">
                            Pela plataforma ainda ├® poss├¡vel permitir que v├írios parceiros e colaboradores do escrit├│rio, trabalhem de forma simult├ónea, o que facilita ainda mais a concentra├º├úo de informa├º├Áes. <span class="highlight-anim">A transcri├º├úo autom├ítica de ├íudios dos clientes tamb├®m foi algo muito bom, acelerou ainda mais os atendimentos.</span>
                        </p>
                        <p class="lead mb-4 fs-4 text-dark">
                            Tudo ├® feito de forma muito r├ípida e intuitiva. A interface ├® t├úo simples, que dispensa qualquer tipo de implanta├º├úo especializada ou algo do g├¬nero comum a outras plataformas similares.
                        </p>
                        <p class="lead mb-4 fs-4 text-dark">
                            <span class="highlight-anim">O ponto mais importante ├® a aten├º├úo com o usu├írio. O suporte ├® simplesmente r├ípido, e qualquer problema ou d├║vida que surja, eles resolvem com velocidade!</span>
                        </p>
                        <p class="lead mb-4 fs-4 text-dark">
                            O ChatJurídico, hoje faz parte da rotina do atendimento do meu escritório! É prático, ágil de ser utilizado e economiza muito tempo nessas tarefas repetitivas para triagem e direcionamento de clientes.
                        </p>
                        <p class="lead mb-4 fs-4 text-dark">
                            <span class="highlight-anim">Simplesmente, extremamente satisfeito! Recomendo para todos os advogados que prefiram agilidade e comodidade para seus clientes.</span>
                        </p>
                        <button class="btn btn-outline-secondary" id="btn-recolher-depoimento" type="button">Mostrar menos</button>
                    </div>
                </div>
                <!-- Mobile: imagem e link abaixo -->
                <div class="d-block d-lg-none text-center mt-4">
                    <a href="https://www.escritoriovilasboas.com" target="_blank" rel="noopener" class="mb-2 d-inline-block">
                        <img src="/assets/images/dr-marcos.png" alt="Dr. Marcos" class="rounded-circle" style="width: 70px; height: 70px; object-fit: cover; border: 2px solid #e0e0e0;">
                    </a>
                    <div class="text-center">
                        <strong class="text-dark">Marcos Vinicius Castelan Vilas Boas</strong><br>
                        <small class="opacity-75 text-secondary">Advogado</small><br>
                        <a href="https://www.escritoriovilasboas.com" target="_blank" rel="noopener" class="text-primary small">www.escritoriovilasboas.com <i class="fa fa-arrow-up-right-from-square ms-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Final CTA Section -->
<section class="section-vspace py-6 px-4 px-lg-0" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="fw-bold mb-5 mt-4">Não perca mais nenhum cliente para a concorrência</h2>
                <p class="lead mb-5">Enquanto voc├¬ l├¬ isso, seus concorrentes est├úo fechando contratos com clientes que procuraram voc├¬ primeiro. Cada minuto sem automa├º├úo ├® dinheiro deixado na mesa.</p>
                <div class="row mb-5 mt-5">
                    <div class="col-md-6">
                        <div class="bg-danger text-white p-4 rounded mb-4">
                            <h5 class="mb-3"><i class="bi bi-x-circle me-2"></i>Sem Chat Jurídico</h5>
                            <ul class="list-unstyled mb-0 text-start">
                                <li>ÔÇó Mensagens ├ás 22h30</li>
                                <li>ÔÇó 40% do tempo em tarefas repetitivas</li>
                                <li>ÔÇó Clientes frustrados esperando</li>
                                <li>ÔÇó Leads perdidos para concorr├¬ncia</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bg-success text-white p-4 rounded mb-4">
                            <h5 class="mb-3"><i class="bi bi-check-circle me-2"></i>Com Chat Jurídico</h5>
                            <ul class="list-unstyled mb-0 text-start">
                                <li>ÔÇó Trabalha 24/7 sem voc├¬</li>
                                <li>ÔÇó 5h/dia para focar em contratos</li>
                                <li>ÔÇó Clientes qualificados e satisfeitos</li>
                                <li>ÔÇó 2x mais contratos fechados</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="mt-5">
                    <a href="/planos/" class="btn btn-primary btn-lg px-5 py-3 me-3 mb-3">
                        <span class="fw-semibold">Comece Agora Mesmo</span>
                        <i class="bi bi-arrow-right ms-2"></i>
                    </a>
                    <a href="/demonstracao/" class="btn btn-outline-primary btn-lg px-5 py-3 mb-3">
                        <span class="fw-semibold">Agende Demonstração</span>
                        <i class="bi bi-calendar-event ms-2"></i>
                    </a>
                </div>
                
                <!-- Social Proof Element -->
                <div class="d-flex justify-content-center mt-4">
                    {% include testimonials/social-prrof.html %}
                </div>
                
                <p class="text-muted mt-4"><small>Profissionais de todo o Brasil já transformaram seus atendimentos</small></p>
            </div>
        </div>
    </div>
</section>

<!-- WhatsApp Contact Section -->
<section class="section-vspace py-4 bg-success text-white text-center">
    <div class="container" style="max-width: 700px;">
        <p class="mb-3">
            <strong>Ainda com d├║vidas?</strong> Fale conosco agora mesmo no WhatsApp
        </p>
        <a href="https://wa.me/{{site.data.contato.celular}}?text=Olá gostaria de saber mais sobre a plataforma Chat Jurídico" 
           target="_blank" 
           class="btn btn-whatsapp btn-lg px-4">
            <i class="bi bi-whatsapp me-2"></i>
            Conversar no WhatsApp
        </a>
    </div>
</section>

<script>
    function scrollToForm(event) {
        event.preventDefault();
        document.getElementById('agendar-demonstracao').scrollIntoView({ behavior: 'smooth' });
    }
</script>


<script>
document.addEventListener('DOMContentLoaded', function() {
  var btnExpandir = document.getElementById('btn-expandir-depoimento');
  var btnRecolher = document.getElementById('btn-recolher-depoimento');
  var resumo = document.getElementById('depoimento-resumo');
  var completo = document.getElementById('depoimento-completo');
  if (btnExpandir) {
    btnExpandir.onclick = function() {
      resumo.style.display = 'none';
      completo.style.display = 'block';
    };
  }
  if (btnRecolher) {
    btnRecolher.onclick = function() {
      completo.style.display = 'none';
      resumo.style.display = 'block';
    };
  }
});
</script>