Voltar aos projetos

ConcluídoWeb

OdontoPrime

Landing page pixel-perfect construída a partir de um design de referência para uma clínica odontológica, servindo como peça de portfólio para exercitar SSR, SEO técnico e integração de formulário com automação real. A clínica e seus dados são fictícios.

Tela principal do projeto OdontoPrime

O que o projeto faz

  • Landing page completa (serviços, equipe, depoimentos, FAQ) renderizada via SSR
  • Formulário de contato integrado a webhook real (Make → Google Sheets), com modo demonstração automático
  • Dados estruturados JSON-LD para Dentist e FAQPage
  • sitemap.xml, robots.txt e manifest.json (PWA) com ícones

Decisões técnicas

Por que HTML/CSS/JS puro dentro de uma rota React

O design foi construído como página estática, mas o projeto usa TanStack Start para servir esse conteúdo via SSR na rota /, em vez de redirecionar para um HTML solto. Isso evita o duplo carregamento e garante que crawlers e previews de link recebam o conteúdo real da página.

Telas do projeto

OdontoPrime — Especialidades
Especialidades
OdontoPrime — Equipe
Equipe
OdontoPrime — Formulário de contato
Formulário de contato