Feat:Redesign Homepage UI/UX for Modern Aesthetics

Goal

Transform the main landing page from a text-heavy layout into a modern, interactive, and visually appealing interface that better communicates Viswam.ai's vision for the Global South.

Key Changes

1. Hero & Branding

• Typography & Hierarchy: Implemented a centered, high-impact Hero section with gradient text effects.
• Improved CTAs: Added prominent "Explore Projects" and "Learn More" buttons to drive user engagement.
• Navbar Micro-interactions: Added a subtle, global hover underline effect for menu navigation.

2. Features & Direct Data Mapping

• Initiative Cards: Replaced the static list of initiatives with interactive, responsive cards.
• Iconography: Integrated context-aware emojis/icons (e.g., 🎙️ for voice tech, 🎓 for training) that scale and hover-lift.
• CMS Integrity: Maintained direct mapping to Strapi backend data while completely upgrading the visual presentation.

3. Summer of AI Program

• Banner Upgrade: Redesigned the "Summer of AI" callout as a premium glowing card with a deep indigo gradient.
• Data Robustness: Added fallback logic to ensure the banner renders professionally even if CMS fields are incomplete.

4. UI Polish & Layout

• Visual Spacing: Standardized py-10 padding across sections to reduce excessive white space.
• Compact Footer: Consolidated the footer information (logos, joint initiative text) into a cleaner, more minimalist layout.
• Responsiveness: Verified and fixed spacing issues for both mobile and desktop viewports.

Verification

• Visual Check: Previewed on local dev server (localhost:4321).
• Functionality: Verified that all CMS-driven sections (Stats, Roadmap, Initiatives) still fetch and render dynamic content correctly. /close issue#93