Why do we need this improvement?

To enhance user experience with smooth navigation, better readability, and interactive ticket selection.
We need this improvement to enhance reusability by creating a modular TicketCard component and to maintain cleaner code by managing ticket data separately in a JSON file.

How will this change help?

This change improves the visual appeal and usability of the ticket selection process by implementing an interactive card slider. It enhances accessibility, making it easier for users to navigate and view ticket details efficiently.

Screenshots

After Making changes it will look like this.

How could it be implemented/designed?

1. Reusable Component Structure: Create a TicketCard component to ensure modularity and reusability across different sections of the application.
2. Interactive Carousel: Implement a smooth card slider with React state, enhancing user experience while maintaining reusability for future ticket displays.

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!