Enhance and Redesign Homepage Sections and Cards for Improved Visual Appeal and Consistency

[Khushi5155]

Description:

This PR focuses on revamping the homepage of OpenSource-Compass to improve visual consistency, user engagement, and overall aesthetic appeal. Several key sections and cards have been redesigned while keeping the existing color theme and brand identity intact.

Issue #607

Changes Include:

1. Stats / Impact Section Redesign:

• Updated cards to have gold borders for a premium look.
• Consistent background (var(--warm-cream)) across all stat cards.
• Added hover effects with smooth bounce animation and shadow enhancement.
• Typography and spacing adjusted for better readability and hierarchy.

2. Programs Section:

• Re-styled program cards with light-theme color scheme to match homepage consistency.
• Enhanced hover states with shadow and subtle lift effect for interactivity.
• Improved padding, rounded corners, and spacing between cards.

3. Newsletter Section:

• Redesigned for light-theme aesthetics while maintaining prominence.
• Used soft background, rounded corners, and gold-accented buttons.
• Added interactive hover effects on input fields and subscription button (icon animation, subtle lift).

4. Overall Enhancements:

• Unified spacing, typography, and color usage across all sections.
• Implemented smoother hover animations for a more polished, professional feel.
• Maintained responsiveness across devices (cards, grids, and newsletter form).

Screenshot

[sayeeg-11]

@Khushi5155 please resolve merge conflicts