[FEATURE] - Enhance Blog Cards with Read More Button

[MadhavDhatrak]

Why do we need this improvement?

currently there is no dedicated "Read More" button which might discourage visitors from exploring the blogs further the entire card is clickable which can lead to accidental navigation

How will this change help?

• More intentional user interaction with a dedicated "Read More" button
• Better visual hierarchy with clear content sections
• improved accessibility by making interactive elements more obvious

Screenshots

currently

after making changes locally

How could it be implemented/designed?

Proposed Changes:

• Add dedicated "Read More →" button with primary color (AsyncAPI purple)
• Single reading time display at the bottom
• Card hover effects remain but full card is no longer clickable

🚧 Breaking changes

No

👀 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.

[akshatnema]

Hey @MadhavDhatrak ,
Why we need Read More button for Blog Card? Blog Card is itself clickable to open the blog.