feat: Modernize Footer UI/UX with Responsive Layout, Accessibility & Interactive Enhancements

[PragatiUpadhyayIT]

Footer UI/UX Modernization

Overview

This PR enhances the website footer with a modern, responsive, and accessibility-focused design to improve overall user experience and visual consistency across devices.

Improvements Implemented

• Redesigned footer structure using an improved responsive grid layout
• Optimized spacing, alignment, and typography hierarchy
• Added a dedicated Support section with important navigation links
• Added a modern Newsletter Subscription section
• Enhanced hover animations and smooth transition effects
• Improved social media icon interactions with scaling animations
• Added a smooth Scroll-to-Top floating action button
• Improved responsiveness for desktop, tablet, and mobile layouts
• Enhanced accessibility with improved contrast, focus visibility, and semantic structure
• Maintained consistency with the existing dark/light theme system

Result

The footer now feels:

• More modern and visually balanced
• More interactive and engaging
• Better optimized for responsiveness
• Easier to navigate and access
• More aligned with current UI/UX standards

Tested On

• Desktop
• Tablet
• Mobile Devices

[vercel]

@PragatiUpadhyayIT is attempting to deploy a commit to the Arsh Chauhan's projects Team on Vercel.

A member of the Team first needs to authorize it.

[PragatiUpadhyayIT]

Hi @arshchouhan 👋

When I first explored the footer section, I felt that while the functionality was good, the overall experience could feel more modern, structured, and engaging for users across different devices.

So I redesigned and enhanced the footer with a cleaner and more responsive layout while keeping the existing design language consistent with Ment2Be.

Here’s what I improved:

✨ Refined spacing, alignment, and typography for better readability
✨ Added a newsletter subscription section to improve engagement
✨ Enhanced responsiveness for mobile, tablet, and desktop views
✨ Added smooth hover animations and transition effects
✨ Improved accessibility and visual clarity
✨ Enhanced the social/connect section for a cleaner look
✨ Added a smooth scroll-to-top interaction
✨ Better organized support/resources sections for easier navigation

The goal was to make the footer feel more polished, interactive, and user-friendly without affecting existing functionality.

Looking forward to your feedback and review