🚀 Feature: Enhance Navbar Styling with Better Headings and Hover Effects

[ItsMeRaseeca]

🔖 Feature description

How I would improve the navbar-

• Use a cleaner, modern font with slightly larger size and balanced spacing for navbar items.
• Add subtle hover effects (e.g., color transition, underline animation, or background highlight) for better interactivity.
• Optionally add a smooth transition effect for a polished feel.

This will make the navbar look more modern, intuitive, and visually appealing while keeping it simple and clean.

🎤 Screenshot

🔄️ Additional Information

Please assign me this issue under GSSoC'25 contributor, I'd be happy to work on it!

[mehul-m-prajapati]

⏰ This issue was automatically unassigned because no pull request was linked within 7 days of assignment. Please request reassignment if you are still working on it.

[janvis11]

hey @mehul-m-prajapati im eager to solve this issue.. kindly assign me.

[akanksha-076]

Hi @ItsMeRaseeca, I would love to take up this enhancement under GSSoC '26.
The current navbar is functional but definitely has room for a more modern, interactive feel. My plan is to:
Implement a modern font-stack with optimized letter-spacing and font-weight for better readability.
Add smooth CSS transitions for hover states (e.g., a sleek sliding underline or a subtle color shift) to improve user feedback.
Ensure the navbar remains fully responsive and looks polished across all screen sizes.
Write clean, modular CSS to keep the styling maintainable.
I’m ready to start working on this right away. Could you please assign this issue to me? Thanks!