Uma landing page responsiva, moderna e de alta performance desenvolvida para a Matur Idiomas. O projeto foi estruturado seguindo as melhores práticas de desenvolvimento de software, com foco em código limpo, componentização avançada, alta legibilidade e escalabilidade.
- React.js (Biblioteca principal para construção da interface)
- Vite (Ferramenta de build ultra-rápida)
- Tailwind CSS (Framework utilitário para estilização avançada e responsividade)
- JavaScript (ES6+)
O projeto adota uma estrutura modular rígida, onde cada seção da página foi isolada em seu próprio componente dentro do diretório src/components/. Isso garante o princípio de responsabilidade única (SRP) e facilita manutenções futuras.
src/
├── components/
│ ├── Hero.jsx # Carrossel principal com alternância de estados (slides)
│ ├── Jornada.jsx # Seção interativa do passo a passo do aprendizado (steps)
│ ├── Metodologia.jsx # Cards com foco nos objetivos do aluno (objectives)
│ └── Topbar.jsx # Barra de navegação fixa e responsiva
├── App.jsx # Orquestrador central da aplicação, estados globais e formulário
├── index.css # Configurações globais do Tailwind CSS
└── main.jsx # Ponto de entrada da aplicação