Redesign Events and Programs Page with Hero Section

[samar12-rad]

Describe the feature

The current Events and Programs page UI needs a complete redesign to enhance user engagement and create a visually appealing layout. The updated design will include a hero section at the top and improved presentation of events and programs, making it more intuitive and engaging for users.

Key Features:

Hero Section:
Add a captivating hero section at the top of the page with a background image related to café events or programs.
Include a short headline about upcoming events and a call-to-action button like "View Upcoming Events."

Event Display:
Redesign how events are listed, focusing on modern design principles.

Each event/program should display:
Event name
Description
Date and time
Event type (e.g., board games, live music)
CTA button for booking/registering

Improved Typography and Spacing:
Update fonts, spacing, and colors to make the content easier to read and aesthetically pleasing.

Prepare the design for dynamic updates, so future events can be fetched from the database and shown automatically. @RamakrushnaBiswal , pls assign me this issue

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a gssoc-24-extd contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.
for more information join our discord https://discord.gg/Jh3bWQ7FRN

[RamakrushnaBiswal]

@samar12-rad assigned

[RamakrushnaBiswal]

solved via #120

[github-actions]

Hello @samar12-rad! Your issue #98 has been closed. Thank you for your contribution!🚀