feat(home): Added hover effect to Discord button (#1825)

[Devanshusharma2005]

What does this PR do?

This PR adds a hover effect to the Discord button in the home page, implementing a smooth background color transition from gray to dark blue when users hover over the button. This enhancement improves the button's interactivity and visual feedback for users.

Closes #1825

Type of change

• New feature (non-breaking change which adds functionality)

How should this be tested?

• Navigate to the home page
• Hover over the "Join Discord Server" button to verify the background color smoothly transitions to dark blue
• Test on both desktop and mobile viewports to ensure consistent behavior
• Verify that the existing gradient animation around the button remains functional
• Check that the transition is smooth and takes 200ms (using the existing duration-200 class)

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Changes Made

1. Added hover:bg-blue-900 class to Discord button components
2. Verified consistency across mobile and desktop views
3. Maintained existing animation and transition effects

Checklist

• I have read the contributing guide
• My code follows the style guidelines of this project

Screenshots/Videos

Recording.2025-01-31.173645.mp4

[vercel]

@Devanshusharma2005 is attempting to deploy a commit to the Piyush Garg's projects Team on Vercel.

A member of the Team first needs to authorize it.