[FIX] Improve Feature Card Readability and Contrast

[Rucha0901]

Summary

Enhance the readability and accessibility of feature cards on the landing page.

Contexts

The feature cards currently have low text contrast against the background, making content difficult to read in some themes and lighting conditions.

Tasks

• Improve card background and text contrast
• Enhance typography visibility
• Add better hover and shadow effects
• Verify accessibility readability standards

Acceptance Criteria

• Feature card text is clearly readable
• Contrast ratio is visually improved
• Hover effects work smoothly
• UI remains consistent in both themes

Area

web

Difficulty

easy

[Rucha0901]

/ assign under gssoc'26

[Jai-Shankar1033]

hey @ShantKhatri I'm a GSSoC'26 contributor and would love to work on it. Kindly assign it to me.

[Harxhit]

@Jai-Shankar1033 I have assigned this issue to you.

[Jai-Shankar1033]

@Harxhit Thank you for assigning this issue to me!

[github-actions]

Hey @ShantKhatri (Project Admin) and @Harxhit (Maintainer),

This issue (previously assigned to @Jai-Shankar1033) has been automatically unassigned because no linked pull request was found after the scheduled check.

If work is in progress, please open a PR and link it to this issue to keep the assignment.

[Jai-Shankar1033]

Hey, it’s almost done now. I’m just checking the issues once before adding the PR. Sorry for the delay.

[Harxhit]

Hey, it’s almost done now. I’m just checking the issues once before adding the PR. Sorry for the delay.

I have reassigned the issue to you we are really sorry the issue is in the workflow. We are working on a fix.

[Jai-Shankar1033]

@Harxhit Thank you for assigning again this issue to me!

[Jai-Shankar1033]

@Harxhit Hi! The PR is ready for review.

• Merge conflict has been resolved
• Both light and dark mode tested locally
• All acceptance criteria from issue [FIX] Improve Feature Card Readability and Contrast #319 met