[Feat]-added hover effect and 'Read More' to blog cards

[MadhavDhatrak]

What kind of change does this PR introduce?
Feature Addition- Add hover and Read More to blog cards

Issue Number:

• Closes ✨ Enhancement: Blog Cards with Hover Effects and Dedicated 'Read More' Button #1330

Screenshots/videos:

screen-recording-2025-01-21-205322_lsZboQTR.mp4

If relevant, did you update the documentation?
No

Summary
Added new UI enhancements to improve blog post interaction and readability:

• Added hover effects to the blog cards to make them visually interactive.
• Introducing a dedicated "Read More" button to guide users towards detailed blog posts.

Does this PR introduce a breaking change?

No

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	7ebd66a

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (60f2d6a) to head (7ebd66a).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1350   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           10        10           
  Lines          396       396           
  Branches       106       106           
=========================================
  Hits           396       396           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[DhairyaMajmudar]

@MadhavDhatrak if you check we're getting such background effect while hovering the headlines

Screencast.from.2025-01-31.23-47-18.webm

Pls. fix them its not required

[DhairyaMajmudar]

Pls. remove comments too

[DhairyaMajmudar]

Making blogs page a grid of 4xn makes it looks more airy, Pls. make it grid of 4

[MadhavDhatrak]

Hey @DhairyaMajmudar

As you requested I have made the following changes:

• Added a 4xN grid.
• Removed the hover background from headings.
• Removed comments from the codebase.

A video demo is attached below:

screen-recording-2025-02-02-103151_9cmM0F1b.mp4

Please review the changes and let me know if any further modifications are needed.

[benjagm]

This is looking mostly great but it is missing the last changes made on main. Can you please update from main and fix the merge conflicts to check if we can merge it?

[DhairyaMajmudar]

Awsm work, LGTM!