Landing page para Dentistas/Clinicas Odontológicas

Link de demonstração: https://odonto-vida-zeta.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 + Domínio: 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 clínica odontológica — todo o funil é desenhado para apresentar os tratamentos/diferenciais da clínica 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 serviço, seção de dúvidas, CTA final, rodapé e botão flutuante).

Stack tecnológica

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

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

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

Framer Motion — animações de entrada suaves (fade/slide) e microinterações em toda a página

Lucide React — ícones vetoriais leves

Site 100% estático — sem banco de dados, sem backend → hospedagem gratuita ou baratíssima, praticamente zero manutenção de servidor

Funcionalidades

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

Hero editorial com foto de destaque e CTA duplo (agendar pelo [content removed] App / ver serviços

Barra de estatísticas com números e ícones (pacientes atendidos, aprovação, anos de experiência, avaliação no Google)

Seção "Serviços" com 6 áreas de atuação (avaliação e limpeza, clareamento, ortodontia, implantes, estética do sorriso, odontopediatria), cada uma com ícone, descrição e CTA de [content removed] App

Seção "Nossa estrutura" com foto do ambiente/tecnologia utilizada e lista de diferenciais técnicos

Seção "Diferenciais" com os pontos fortes da clínica

Seção "Depoimentos" de pacientes, com foto, nota e citaçãa

Seção de dúvidas frequentes (FAQ) em acordeão

CTA final antes do rodapé

Rodapé completo com contato, endereço, horário de funcionamento e redes sociais

Botão flutuante de [content removed] App (desktop) + barra fixa de [content removed] App no rodapé da tela (mobile)

100% responsivo (testado em desktop e mobile)

SEO

Metadata completo: title, description, keywords

Open Graph + Twitter Cards — preview correto ao compartilhar o link

Dados estruturados JSON-LD (schema.org Dentist) — 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)

Imagens otimizadas via next/image (lazy loading, tamanhos responsivos)

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 da clínica)

Pronto para SEO desde o dia 1

Visual clean/profissional (verde-petróleo + branco), fácil de adaptar para outras clínicas e áreas da saúde

Facilidade de manutenção

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

Suporta um alto volume de acessos mensais nos planos gratuitos de hospedagem