[FEATURE] <Add Hover Transform Effect to Card Components>

[Tanmayshi]

Why do we need this improvement?

It enhances user experience by making the cards interactive.
Improves the visual appeal of the website with a modern design.
Makes navigation easier by highlighting clickable elements.
Reflects AsyncAPI Conf On Tour's professional and innovative branding.

How will this change help?

Improved Interaction: Users will immediately recognize interactive elements, making the site more user-friendly.
Enhanced Visual Appeal: Subtle animations add depth and make the design more engaging.
Better User Engagement: Dynamic cards draw attention and encourage users to explore content.
Professional Look: Aligns with modern web standards, making the site feel polished and innovative.

Screenshots

How could it be implemented/designed?

Use CSS :hover with transform and transition for smooth scaling or tilt effects.
Ensure responsiveness with @media queries for touch devices.
Optionally, use JavaScript for dynamic hover effects if customization is needed.

🚧 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!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[karthikeyan-v-max]

@Tanmayshi Are you working on this issue if not shall I work on this

[Tanmayshi]

yes i work

[karthikeyan-v-max]

okayy