[Style] Enhance the hover effect of navbar

[heli0707]

Description

Update the footer hover effect by changing the background color to a lighter shade and adding a subtle text shadow. This enhancement provides clear visual feedback, making footer links more engaging and easier to interact with.

Screenshots

hover_footer.mp4

Checklist

• I have checked the existing issues.
• I follow Contributing Guidelines of this project.
• I am a GSSOC'24 contributor.
• I am a IWOC'24 contributor.
• I am a JWOC'24 contributor.
• I am a SWOC'24 contributor.

Code of Conduct

• I agree to follow this project's "Code of Conduct".

[github-actions]

Hey @heli0707, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[Rakesh9100]

In title, you have mentioned navbar, but in the description it is footer. So whose hover effect you exactly want to enhance @heli0707

[heli0707]

@Rakesh9100
sorry it's my mistake
I want to change the navbar hover effect and update this

header_hover.mp4

make something like this

[Rakesh9100]

Do you want to work @heli0707

[Rakesh9100]

Any update @heli0707

[aashlesha12]

I'm interested in working on issue #1217. I've already reviewed the issue description and believe I have the necessary skills to contribute.

Please let me know if you're open to assigning this to me."

[RanitDERIA]

Hi @Rakesh9100 , I'd like to work on this issue! I'll update the footer hover effect by adjusting the background color to a lighter shade and adding a subtle text shadow to enhance user interaction. Could you please assign this issue to me? Thanks!

[github-actions]

Hello @heli0707! Your issue #1217 has been closed. Thank you for your contribution!! 🙌