Implement What's New Feature Card redesign per "(Iteration 2) Update What's New Feature - Update "Featured updates" Card" issue
What does this MR do and why?
This MR updates the What's New Feature "Featured updates" cards with a new design implementation. The changes introduce:
- A new card design with gradient borders and hover effects - Support for multiple card variants (purple and red color schemes)
- Improved accessibility with proper ARIA labels - Enhanced visual feedback on user interactions (hover, focus, active states)
- Dark mode support with adjusted color gradients
The redesign modernizes the featured cards to better highlight important updates and improve user engagement with the What's New section.
References
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
|
How to set up and validate locally
- Login to GitLab
- Click "Help" > "What's New"
- Notice new Feature Cards
- Navigate to User preferences and set color mode to "Dark Mode"
- Verify Dark Mode Feature Cards work correctly
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #550949 (closed)