Site-Base-

Mundo Odonto — Página de Estrutura Modernizada

Página modernizada da estrutura da Clínica Mundo Odonto, com design estilo 2025, galeria interativa, mapa do site visual, fluxo de jornada do paciente e lightbox.

📁 Estrutura de Arquivos

mundo-odonto-estrutura/
├── estrutura.html        # Página principal de estrutura
├── css/
│   └── estrutura.css     # Estilos completos (~650 linhas)
├── js/
│   └── estrutura.js      # JavaScript interativo
└── README.md

✨ Seções da Página

1. Topbar — Endereço e telefone
2. Header fixo — Logo, nav com dropdown, CTA
3. Page Hero — Título, descrição, pills de recursos
4. Visão Geral — 6 cards dos ambientes (Recepção, Consultórios, Radiologia, Esterilização, Harmonização, Infraestrutura)
5. Estrutura do Site — Fluxograma de jornada do paciente + Mapa do site visual hierárquico
6. Galeria de Fotos — Filtros por categoria + imagem em destaque + grid com lightbox
7. Tecnologia — 4 cards de equipamentos (Tomografia 3D, Scanner, LED, Autoclave)
8. CTA de Contato — Seção azul escuro com botões de agendamento
9. Footer — Completo com informações, localização e redes sociais
10. WhatsApp flutuante — Botão animado

🎨 Recursos de Design

• Layout moderno minimalista estilo 2025
• Paleta azul profissional (#2563eb) + branco + cinza suave
• Tipografia Poppins (Google Fonts)
• Ícones Font Awesome 6
• Cards com hover effects e bordas coloridas
• Animações suaves no scroll (AOS customizado)
• Gradientes elegantes

🗺️ Sitemap Visual

O mapa do site exibe:

• Hierarquia completa das páginas
• Página atual destacada (Estrutura)
• Todos os tratamentos como subpáginas
• Nodo de CTA em verde (Contato/Agendamento)
• Linha vertical conectando root → páginas

🚶 Jornada do Paciente

Fluxograma visual: Descoberta → Home → Tratamentos → Estrutura → Agendamento

🖼️ Galeria Interativa

• Filtros por categoria (Recepção, Consultórios, Equipamentos, Estética)
• Imagem principal em destaque com legenda
• Grid de thumbnails clicáveis
• Lightbox com navegação por teclado (← →, ESC)
• Animações de entrada

📱 Responsividade

• Desktop: layout completo com grids
• Tablet (1024px): 2 colunas
• Mobile (768px): coluna única, menu hamburger
• Mobile pequeno (480px): galeria 2 colunas

🔧 Personalização

WhatsApp

Substitua 5511940734508 pelo número da clínica em todos os links wa.me.

Imagens

Troque os URLs do Unsplash por fotos reais da clínica:

• Salve em /images/
• Substitua https://images.unsplash.com/... pelo caminho local

Cores

Em css/estrutura.css:

:root {
  --blue-600: #2563eb;
  --blue-700: #1d4ed8;
}

📞 Contato da Clínica

• Endereço: Av. Gov. Mário Covas Júnior, 72 Centro. Mauá – SP. CEP 09390-040

• Tel: +55 (11) 4543-1294

  WhatsApp: (11) 94073-4508

• E-mail: contato@mundoodonto.com.br
• Instagram: @clinicamundoodonto

• Resp. Téc.: Drª Andréia R. Conciani

  CRO: 78.787

  CROCL: 12.079

---

Design Moderno 2025 — Mundo Odonto