[FIX]: #858 About Page Layout & Dark Mode Inconsistencies

[kanishka-commits]

Pull Request Template

Description

Fixes: #858
This PR addresses multiple UI inconsistencies related to hover animations across the website:

1. Community Buttons:
   • Added smooth hover animations with scale effect and gradient transitions.
   • Text color now changes on hover for better visibility in both light and dark modes.

---

2. Cards Container Hover:

   • Added smooth shadow animation on hover for all cards to make interactions more noticeable.

3. Card Sub-elements (Why Choose Us / What We Offer):

   • Applied consistent hover effects with slight scale and movement to all sub-elements.
   • Ensured both cards have matching animation behavior.

Before

earlier.mov

After

later.mov

---

4. Button Text Hover
   • Improved text visibility by slightly changing color on hover.

Before

Screen.Recording.2025-10-19.at.3.36.07.PM.mov

After

Screen.Recording.2025-10-19.at.3.37.42.PM.mov

---

5. Unified Animations:
   • All buttons, cards, and sub-elements now have consistent scale, shadow, and transition effects, creating a cohesive user interface.

Effects

• Smoother and consistent hover animations across all buttons and cards.
• Improved visual feedback for interactive elements.
• Enhanced overall UI cohesion and user experience.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

---

1. Contributor Name : Kanishka Panwar
2. Contributor Email ID : kanishka03p@gmail.com
3. Contributor Github Link : https://github.com/kanishka-commits

[vercel]

@kanishka-commits is attempting to deploy a commit to the premkolte's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

✨ Hi @kanishka-commits! Thanks for submitting another pull request. Your continuous improvements are highly valued. Keep contributing! 🙌

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
animate-hub	Ready	Preview	Comment	Oct 20, 2025 4:38pm

💡 Enable Vercel Agent with $100 free credit for automated AI reviews