Fix UI/UX issues in Numbers section, Student's say texts and Animations

[Sejal-hani]

Description

I have identified and fixed several UI/UX issues across the landing page to improve responsiveness and visual consistency.

Issues Fixed:

1. Numbers Speak Louder Section:

   • Problem: The section had unclosed <div> tags causing structural issues. The hover animation applied a generic scaling effect that caused elements to overlap and cover the screen. The numbers (e.g., 22,00,000) were getting cut off or were too dark.
   • Fix: Closed missing tags in index.html. Created a specific .stat-card class with a glassmorphism effect and a clean translateY lift animation. Adjusted font sizes and spacing.

2. Horizontal Scrolling:

   • Problem: The animated blob in the "Apply" section was causing the entire page to scroll horizontally on smaller screens.
   • Fix: Added overflow-x: hidden to the body and overflow: hidden to the #apply section.

3. Testimonials:

   • Problem: Hovering over testimonial cards caused a layout shift (jitter) because the border width changed from 1px to 3px.
   • Fix: Standardized the border width to prevent layout shifting on hover.

4. Animations:

   • Fix: Added a staggered floating animation to the language icons (C++, Python, etc.) to make them more dynamic.

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• UI/UX improvement