GitLab

Mudanças

Adicionado componente CardsInfoOnHover na página inicial.

• Criado o componente em src/components/ui/cards-info-onhover.tsx com HTML + Tailwind.
• Integrado o componente na index.tsx da rota inicial.
• Adicionadas imagens mock em public/mock/ (mock-evento.png, mock-lab.png, mock-quarto.png, mock-trilha.png).
• Implementada lógica de estado para manter sempre um card ativo (primeiro ativo por padrão, depois o último hovered).
• Estrutura estilizada com Tailwind para exibir cards na primeira linha e galeria de imagens dinâmica abaixo.

User Story

Tarefa número #44 do backlog.

Como testar

1. Vá para a rota / (página inicial).
2. Passe o mouse sobre os cards.
3. Verifique que o conjunto de imagens abaixo muda conforme o card ativo.
4. Ao retirar o mouse, as imagens permanecem do último card selecionado.

Acceptance Criteria

• Ao passar o mouse (hover) deve mostrar as informações sobre cada card.
• Mantém card ativo inicial e último hovered.

###Gif da implementação: https://github.com/user-attachments/assets/f69903b1-608d-4d2a-a1af-a4c61d104f84

---

🔄 Sincronizado do GitHub

• 🔗 PR original: https://github.com/AGES-Pro-Mata/frontend/pull/57
• 👤 Autor: @Henrique-Schultz
• 📅 Criado: 2025-09-01T19:29:27Z
• 🔢 ID GitHub: #57
• 🌿 Branches: feature/44-card-component-with-images-on-hover → dev
• 📊 Estado: open
• 🔀 Mergeable: unknown

Sincronizado automaticamente do GitHub para GitLab AGES