Landing Page para advogados

Link de demonstração: https://alvaroeassociados.vercel.app/

Explicação das variações:

Apenas código: Após a compra o código é enviado e você realiza as alterações necessárias e faz o deploy (colocar o site online).

Código + Alterações Básicas + Deploy: Você nos envia os textos e imagens que deseja mudar e nós fazemos o deploy (colocar o site online).

Código + Alterações Intermediárias + Deploy + Dominio: Você nos envia os textos e imagens, podemos adicionar até 2 seções novas no site se você desejar, realizamos a compra de um domínio (.com.br) e fazemos a configuração para o domínio apontar para o site.

Objetivo do site

Landing page institucional de captação para escritório de advocacia — todo o funil é desenhado para apresentar a autoridade/serviços do negócio e converter o visitante direto para o [content removed] App (sem fricção de formulário), com CTAs de [content removed] App repetidos em pontos estratégicos (header, hero, cada área de atuação, cada membro da equipe, contato, rodapé e botão flutuante).

Stack tecnológica

Next.js 14 (App Router) — framework React de produção, usado por empresas como Nike, TikTok e Twitch

React 18 + TypeScript — tipagem estática, menos bugs em produção

Tailwind CSS — estilização utilitária, fácil de customizar cores/fontes

Framer Motion — animações de entrada suaves (fade/slide) ativadas por scroll em todas as seções

React Icons — ícones vetoriais leves

Site 100% estático/client-side — sem banco de dados, sem backend → hospedagem gratuita ou baratíssima (Vercel, Netlify), praticamente zero manutenção de servidor

Funcionalidades

Header fixo com menu responsivo (hambúrguer no mobile)

Hero em tela cheia com CTA duplo

Seção "Sobre" com valores institucionais

Seção "Serviços" com abas interativas (6 áreas de atuação, cada uma com CTA de [content removed] App contextual)

Seção "Equipe" com cards hover-reveal ( [content removed] App, e-mail, telefone, LinkedIn por advogado)

Seção "Contato" com CTA de [content removed] App em destaque, cards de informação e mapa (OpenStreetMap embutido, sem custo de API)

Botão flutuante de [content removed] App global (aparece em qualquer parte do site)

100% responsivo (testado em desktop e mobile)

SEO

Metadata completo: title, description, keywords

Open Graph + Twitter Cards — preview correto ao compartilhar o link (inclusive no próprio [content removed] App)

Imagem OG dinâmica gerada automaticamente (sem precisar subir arquivo de imagem)

Dados estruturados JSON-LD (schema.org LegalService) — ajuda o Google a entender endereço, telefone e horário de funcionamento, melhora aparição em buscas locais

robots.txt e sitemap.xml gerados automaticamente

URLs canônicas configuradas

Performance / Boas práticas

next/font com Google Fonts otimizado (sem layout shift)

Build de produção testado (npm run build passa limpo, TypeScript sem erros)

Zero custo de manutenção de servidor/banco de dados

Zero risco de spam de formulário (não tem formulário — vai direto pro [content removed] App do cliente)

Pronto para SEO desde o dia 1 (muitos sites vendidos por freelancer não têm nada disso configurado)

Visual "sério"/institucional (tons navy + dourado), fácil de adaptar pra outros nichos além de advocacia

Facilidade de manutenção

Sem backend/banco de dados — hospedagem simples e barata, sem custo de servidor

Suporta até 100 mil acessos mensais grátis