BARBEARIA PRIME — PROJETO DEMONSTRATIVO CURSODEV

Estrutura:
- index.html
- assets/css/style.css
- assets/js/script.js
- assets/img/ (reservado para fotografias locais)

COMO ABRIR
1. Extraia barbearia-prime.zip mantendo a estrutura das pastas.
2. Abra index.html diretamente no navegador ou sirva a pasta em um servidor local, como AMPPS.
3. Bootstrap 5.3.3 e Bootstrap Icons 1.11.3 são carregados por CDN; esses recursos exigem conexão com a internet.

PERSONALIZAÇÃO
- Nome e textos: index.html; atualize também CONFIG.businessName em assets/js/script.js.
- Preços: procure por R$ no index.html; revise todos os cards e o preço do hero.
- WhatsApp: CONFIG.whatsappNumber no início de assets/js/script.js. Use apenas dígitos, incluindo código do país e DDD (ex.: 55 + DDD + número), sem +, espaços ou pontuação. O número permanece vazio por padrão.
- Endereço e horários: seção #contato em index.html; são dados demonstrativos.
- Fotografias: os blocos atuais são placeholders CSS e não geram ícones de imagem quebrada. Para substituir, coloque fotografias locais em assets/img/ com os nomes hero-barbearia.jpg, ambiente.jpg, galeria-01.jpg, galeria-02.jpg, galeria-03.jpg e galeria-04.jpg e substitua os respectivos blocos .photo-placeholder por elementos <img src="assets/img/NOME.jpg" alt="descrição adequada">. Use loading="lazy" nas imagens abaixo da primeira dobra e não use lazy na imagem hero. Defina width/height ou aspect-ratio para evitar deslocamento de layout.
- Antes de publicar: confirme preços, serviços, endereço, horários, WhatsApp e atendimento infantil; adicione URL canonical definitiva e metadados sociais; revise direitos/licença das fotografias.

FONTES DE FOTOGRAFIAS
Consulte a licença e as condições de uso de cada imagem antes de publicar. Bancos para pesquisa: Unsplash (unsplash.com), Pexels (pexels.com) e Pixabay (pixabay.com).

TESTES MANUAIS
- Desktop: links de navegação, rolagem para seções, botões WhatsApp sem número configurado, FAQ details/summary e foco por teclado.
- Celular (360px e acima): sem rolagem horizontal, menu offcanvas, navegação alternativa visível, cards, botão flutuante e áreas de toque.
- Teste também com prefers-reduced-motion ativado e com o JavaScript do Bootstrap bloqueado.
