[Frontend] Auth Home: Upcoming Events (Filled State) & Discover Toggle

[OSEH-svg]

NOTE: This issue depends on Issue #282.

🎨 Task Description

Implement the high-fidelity "Upcoming" events list (filled state) and the "Discover" toggle content into the existing dashboard.

🔎 Implementation Details

• File Path: Modify apps/web/app/home/page.tsx
• Figma file: https://www.figma.com/design/cpRUhrSlBVxGElm18Fa2Uh/Agora-event?node-id=813-2162&t=b2Z3ecqdpFLOHIFA-4
• Upcoming List:
  • Build the vertical timeline/date-marker component (e.g., "6 Mar Friday" with line and dots).
  • Use high-resolution 4x PNG assets public/images/event1.png - event6.png for the event tickets.
• Discover Toggle:
  • Implement the "For You -> Discover" grid featuring mini-ticket designs.
• Constraints: spacing, shadows, and typography must exactly match the Figma design.

✅ Acceptance Criteria

• Changes implemented in: apps/web/app/home/page.tsx.
• Upcoming events render correctly using the high-level ticket assets when the upcomingEvents array is populated.
• Mini-tickets in the "Discover" section render correctly.
• Vertical timeline/date markers match Figma design.
• PR includes a screenshot showing the change made.
• When opening your PR, ensure you link this issue so it is automatically closed on merge. In the PR description, include the line Closes # (e.g. Closes [Frontend] Auth Home: Upcoming Events (Filled State) & Discover Toggle #283)

💡 Questions?

Reach out on Telegram: @divine_oseh
Note: Spam messages will be blocked

[amehsamuel200225-sketch]

@amehsamuel200225-sketch has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi my name is Ameh Samuel, a software engineer I will like to work on this issue, it is something similar to an issue I have worked on before.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @amehsamuel200225-sketch to this issue.

[EtimbukUdofia]

@EtimbukUdofia has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

I am a full stack developer and I'll love to work on this issue if given the chance. Thank you

ℹ️ Repo Maintainers: To accept this application, review their application or assign @EtimbukUdofia to this issue.

[drips-wave]

Congratulations, @EtimbukUdofia! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @EtimbukUdofia: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊