Landing page institucional da Vitamed, clínica especializada em obstetrícia e ginecologia. A página apresenta a clínica, sua equipe médica, os serviços oferecidos e a localização, com navegação fluida por âncoras.
Site institucional e estático voltado para apresentar a Vitamed como referência em acompanhamento obstétrico. Conta com navegação por âncoras, carrossel de destaques no hero, cards de serviços e perfis da equipe médica.
⚠️ O formulário de contato ainda não possui funcionalidade de envio implementada. Está presente apenas como elemento visual da interface.
- 🎠 Carrossel (slider) no hero com slides de destaque e CTAs ("Ver Serviços", "Ver Equipe")
- 🔗 Navbar fixa com navegação por âncoras: Sobre, Serviços, Equipe e Contato
- 🏥 Seção Sobre Nós — missão da clínica e texto institucional com imagem
- 💊 Seção Serviços — 4 cards com ícones, título e descrição de cada especialidade
- 👩⚕️ Seção Nossa Equipe — cards com foto, nome e links para Instagram e Facebook de cada médico(a)
- 📍 Mapa interativo com localização via Google Maps embarcado
- 📋 Formulário de contato (visual, sem envio implementado)
- 📱 Links para Instagram, Facebook e LinkedIn no footer
- 📱 Layout responsivo para mobile e desktop
| Seção | Descrição |
|---|---|
| Hero (Carrossel) | Slider com slides "Tecnologia de Ponta" e "Equipe Especializada", cada um com CTA próprio |
| Sobre Nós | Missão da clínica com foto e texto institucional |
| Serviços | 4 cards: Consulta Ginecológica e Pré-Natal, Ultrassonografia Obstétrica, Curso de Preparação para o Parto, Acompanhamento Pós-Parto |
| Nossa Equipe | Cards com foto, nome e redes sociais de cada especialista |
| Localização | Google Maps embarcado com endereço da clínica |
| Contato | Formulário de contato (não funcional) |
| Footer | Logo, tagline, links de navegação, endereço e redes sociais |
- Formulário de contato funcional (ex.: integração com EmailJS ou backend próprio)
- SEO otimizado (meta tags, Open Graph, Schema.org para clínicas)
- Página de detalhes de cada serviço
- Sistema de agendamento online
- HTML5 — estrutura semântica e acessível
- CSS3 — layout responsivo, animações e estilização dos cards
- JavaScript (Vanilla) — lógica do carrossel e scroll suave entre âncoras
- Google Maps Embed API — mapa interativo sem necessidade de chave de API