implements a complete visual and interactive overhaul of the landing …

[suryaprakash0010]

Landing Page UI/UX Revamp

Overview

This PR implements a complete visual and interactive overhaul of the landing page, focusing on modern design principles, improved user experience, and better performance. The changes include a new hero section, enhanced navigation, and a consistent design system.

Changes

1. New Hero Section

• Added a modern, responsive hero section with gradient text and animated elements
• Implemented floating badges for key statistics
• Added clear call-to-action buttons
• Included emergency contact section

2. Theme System

• Created a comprehensive theme configuration
• Implemented dark/light mode with system preference detection
• Added smooth transitions between themes

3. Navigation

• Redesigned navbar with better spacing and mobile responsiveness
• Added smooth scrolling to sections
• Improved dropdown menus and mobile navigation

4. Design System

• Established consistent color palette and typography
• Created reusable UI components
• Implemented responsive design patterns
• Added subtle animations and transitions

5. Performance

• Optimized image loading
• Implemented code splitting
• Reduced CSS bundle size

Testing

Manual Testing

• Tested on desktop (Chrome, Firefox, Safari)
• Tested on mobile devices (iOS, Android)
• Verified dark/light mode switching
• Checked accessibility with screen readers
• Tested all navigation links

Lighthouse Scores

• Performance: 95+
• Accessibility: 100
• Best Practices: 100
• SEO: 100

How to Test

1. Toggle between light and dark mode using the theme switcher
2. Test responsive behavior by resizing the browser
3. Verify all links and buttons work as expected
4. Check performance using browser dev tools

Notes

• This PR includes updates to the following packages:
  • framer-motion for animations
  • react-icons for icons
  • react-intersection-observer for scroll animations

Related Issues

• Closes Revamp and Modernize the Landing Page UI/UX #190

Deployment Notes

• No database migrations needed
• Clear browser cache after deployment for CSS updates

[vercel]

@suryaprakash0010 is attempting to deploy a commit to the Samar Sajad's projects Team on Vercel.

A member of the Team first needs to authorize it.

[netlify]

👷 Deploy request for mc-hospital-management pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	78f8552