Esta é uma landing page moderna e responsiva criada para promover a devoção à Nossa Senhora, desenvolvida com foco na experiência do usuário e acessibilidade. O projeto combina design elegante com funcionalidades práticas para facilitar a vida espiritual dos fiéis.

Oferecer uma plataforma digital acessível e inspiradora que conecte os devotos com:

• Orações Tradicionais: Ave Maria, Salve Rainha e Memorare
• Reflexões Espirituais: Meditações sobre a vida e virtudes de Maria
• Comunicação Direta: Contato via WhatsApp para intenções e testemunhos
• Tecnologia Inteligente: Integração com IA para pesquisas sobre orações católicas

1. 🏠 Header/Navegação: Menu fixo com scroll suave e logo personalizado
2. 🌟 Hero Section: Apresentação principal com call-to-actions destacados
3. 📋 Sobre: Informações sobre Maria e sua importância na fé católica
4. 🙏 Orações: Cards interativos com as principais orações marianas
5. 🌅 Mistérios do Rosário: Contemple a vida de Jesus e Maria através dos santos mistérios
6. 💭 Reflexões: Sistema rotativo de meditações espirituais
7. 📞 Contato: Integração WhatsApp e informações de contato
8. 📚 Footer: Links úteis e orações populares com IA

• HTML5: Estrutura semântica e acessível com meta tags otimizadas
• CSS3: Design moderno com recursos avançados
  • Variáveis CSS customizadas (:root)
  • CSS Grid e Flexbox layouts
  • Animações e transições suaves
  • Design responsivo (mobile-first)
  • Media queries otimizadas
• JavaScript ES6+: Funcionalidades interativas
  • Manipulação moderna do DOM
  • Event listeners eficientes
  • Intersection Observer API
  • Módulos ES6 (futuro)

• Font Awesome 6.0: Ícones vetoriais modernos
• Google Fonts: Tipografia premium
  • Crimson Text: Fonte serifada para títulos
  • Open Sans: Fonte sans-serif para textos

• WhatsApp Business API: Comunicação direta
• ChatGPT Integration: Pesquisas inteligentes sobre orações

• Navegador web moderno (Chrome, Firefox, Safari, Edge)
• Servidor web local (opcional, para desenvolvimento)

# Clone este repositório
git clone https://github.com/seu-usuario/maria.git

# Entre no diretório do projeto
cd maria

1. Instale a extensão "Live Server" no VS Code
2. Clique com botão direito em index.html
3. Selecione "Open with Live Server"

Abra seu navegador e acesse: http://localhost:8000

• Use o menu superior para navegar entre as seções
• No mobile, clique no ícone hamburger (☰) para abrir o menu

1. Vá até a seção "Orações"
2. Clique em qualquer card de oração
3. O modal será aberto com o texto completo
4. Clique no "X" ou fora do modal para fechar

• As reflexões mudam automaticamente a cada 10 segundos
• Use os botões "←" e "→" para navegar manualmente
• Pause o auto-play clicando em qualquer botão de navegação

1. Role até a seção "Contato"
2. Clique no botão "Enviar Intenção de Oração" ou "Compartilhar Testemunho"
3. Será redirecionado para o WhatsApp com mensagem pré-definida

• No footer, clique em qualquer oração listada
• Será redirecionado para o ChatGPT com prompt personalizado

maria/
│
├── 📄 index.html          # Página principal
├── 🎨 styles.css          # Estilos CSS
├── ⚙️ script.js           # Lógica JavaScript
└── 📖 README.md           # Documentação

:root {
    --primary-color: #1B4B7A;    /* Azul principal */
    --secondary-color: #E8B86B;  /* Dourado */
    --accent-color: #8B5D8B;     /* Roxo suave */
    --gold: #D4AF37;             /* Dourado destacado */
}

:root {
    --font-primary: 'Crimson Text', serif;    /* Títulos */
    --font-secondary: 'Open Sans', sans-serif; /* Textos */
}

O projeto utiliza breakpoints otimizados:

• Mobile: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

Contribuições são sempre bem-vindas! Veja como você pode ajudar:

1. Verifique se o bug já foi reportado nas Issues
2. Crie uma nova issue com template de bug report
3. Inclua screenshots e informações do ambiente

1. Verifique se a feature já foi sugerida
2. Crie uma nova issue com template de feature request
3. Descreva detalhadamente o caso de uso

# 1. Faça um fork do projeto
# 2. Crie uma branch para sua feature
git checkout -b feature/AmazingFeature

# 3. Commit suas mudanças
git commit -m 'Add some AmazingFeature'

# 4. Push para a branch
git push origin feature/AmazingFeature

# 5. Abra um Pull Request

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.