NoteFinder - Página de Apresentação

Página web moderna e responsiva para apresentar o aplicativo Android NoteFinder - um app de recomendações inteligentes de notebooks.

🎨 Design

A página segue o estilo visual do app com as seguintes cores:

• Azul Principal: #1A73E8
• Azul Claro: #A7C8FF
• Branco: #FFFFFF
• Cinza Suave: #F5F7FA

📁 Estrutura de Arquivos

NoteFinderPage/
├── index.html      # Estrutura HTML da página
├── styles.css      # Estilos CSS responsivos e modernos
├── script.js       # JavaScript para interatividade
└── README.md       # Documentação

✨ Funcionalidades

• ✅ Header fixo com menu responsivo
• ✅ Hero section com mockup do app
• ✅ Seção "Como funciona" com 4 passos
• ✅ Seção de recursos com 4 cards
• ✅ Seção "Sobre o app"
• ✅ Call-to-action para download
• ✅ Footer completo com links
• ✅ Design totalmente responsivo (mobile-first)
• ✅ Animações suaves e efeitos hover
• ✅ Scroll suave entre seções
• ✅ Menu mobile interativo

🚀 Como Usar

1. Abra o arquivo index.html em qualquer navegador moderno
2. A página está pronta para uso, sem necessidade de servidor ou build

📱 Responsividade

A página é totalmente responsiva e se adapta a:

• Desktop (1200px+)
• Tablet (768px - 1200px)
• Mobile (até 768px)

🎯 Seções da Página

1. Header: Menu de navegação fixo
2. Hero: Apresentação principal com CTAs
3. Como Funciona: 4 passos explicativos
4. Recursos: 4 cards com funcionalidades
5. Sobre: Informações sobre o app
6. CTA: Chamada para ação de download
7. Footer: Links úteis e informações de contato

🛠️ Tecnologias

• HTML5
• CSS3 (com variáveis CSS)
• JavaScript (Vanilla)
• Google Fonts (Inter)

📝 Personalização

Para personalizar a página:

• Cores: Edite as variáveis CSS em styles.css (linha 6-12)
• Conteúdo: Edite o texto diretamente no index.html
• Links: Atualize os links de download e contato no HTML

🌐 Compatibilidade

Compatível com todos os navegadores modernos:

• Chrome/Edge
• Firefox
• Safari
• Opera

---

Desenvolvido com ❤️ para o NoteFinder