Feature/events section

[enoquetembe]

Descrição

Este pull request adiciona uma nova seção de eventos à aplicação. A seção exibe um carrossel de eventos recentes, com informações como título, tipo de evento (presencial ou virtual), status (por exemplo, "Upcoming"), e um botão para visualizar detalhes.

Issue Relacionada

33

O que Fiz

• Adicionei o componente EventCarousel:

  • Implementei um carrossel utilizando os componentes de UI do ShadcnUI.
  • Exibe cards de eventos com título, imagem, tipo de evento (presencial ou virtual) e um botão de "Ver Detalhes" com estilos dinâmicos.
  • O carrossel é navegado horizontalmente e tem botões de navegação quando visto em dispositivos maiores.

• Adicionei o componente EventsSection:

  • Contém o título da secção, o carrossel de eventos e um botão para redirecionar para todos os eventos.
  • Estilizei os componentes com Tailwind CSS.

• Criei o ficheiro data.ts:

  • Defini do tipo Event que inclui os campos id, title, imageUrl, type, e status.
  • Adicionei um array events que contém uma lista de eventos e com informações sobre o título, imagem, tipo e status dos eventos.

Checklist

• [x] Adicionei nova funcionalidade
• [ ] Corrigi um bug
• [ ] Melhorei funcionalidade existente
• [ ] Refatorei código
• [ ] Atualizei documentação
• [ ] Outro (por favor, descreva abaixo)

Capturas de Ecrã (se aplicável)

Descktop:


Mobile:


[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
maputo-frontenders-website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 15, 2024 5:47pm

[SweydManaf]

imageUrl: "/testimonials/image 11.png",

No data.tsx, tem um typo no primeiro ink. Resolva e depois aprovo. Good job 👏

[enoquetembe]

imageUrl: "/testimonials/image 11.png",

No data.tsx, tem um typo no primeiro ink. Resolva e depois aprovo. Good job 👏

@SweydManaf Done. Thank You

[SweydManaf]

Na versão mobile os cards ficam dentro do container...