Enhanced the ui of cards in home page

[Sawan-Kushwah]

Title and Issue number

**Title: Enhance the ui of boxes on home page

**Issue No.: #287

Close #287

Bitbox.-.Where.Projects.Find.Solutions.Together.Mozilla.Firefox.2024-10-29.12-08-31.mp4

enhance fonts for better user experience
added good hover effects
designed for both light and dark theme
beautiful animation of filling bg of cards
more focus on look and feel of website
Enhance user experience

CAN I get level 2 for it cause its required lot of test and trial for UI designing !!

Checklist:

• [X ] I have mentioned the issue number in my Pull Request.
• [ X] I have commented my code, particularly in hard-to-understand areas.
• [ X] I have created a helpful and easy-to-understand README.md if it's a new page/tech stack.
• [ X] I have gone through the contributing.md file before contributing.

Additional context (Mandatory):

Are you contributing under any Open-source programme?

• [ X] I'm a GSSOC-EXT contributor
• [ X] I'm a HACKTOBERFEST contributor

[netlify]

👷 Deploy request for bitbox-in accepted.

Name	Link
🔨 Latest commit	1e7e15a
🔍 Latest deploy log	https://app.netlify.com/sites/bitbox-in/deploys/67208426a5e28700086b9937

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[Anuj3553]

Well done @Sawan-Kushwah

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #314 has been merged! 🎉🎉