Improve Navbar UX

[chilaka-eswari]

📝 Description

The current navbar lacks interactive styling, making it visually plain. The hover effect on navbar links is minimal, and the dark mode toggle button does not have any noticeable hover feedback.

🎯 Expected Behavior

Expected Behavior
Navbar links should show a clear hover effect, such as an underline animation or color transition.

The dark mode button should have a visible hover state to indicate it's interactive.

These effects should be smooth and consistent across all devices.

🔍 Current Behavior

Current Behavior
Navbar links do not visually respond well on hover.

There is no hover feedback on the dark mode toggle button, which reduces usability and interactivity.

🛠️ Possible Solution

Proposed Solution
Add underline or color transition effects to navbar links on hover.

Implement a hover effect (e.g. icon color change) for the dark mode toggle button.

Ensure all effects work seamlessly in both light and dark modes.

📋 Additional Context

No response

[KrishChothani]

hey @chilaka-eswari

i want same navbar in landing page as in our home page.

[chilaka-eswari]

can you update it level 2 @KrishChothani because i am completely styling the nav bar right which works same for all pages and it should give me some more boostup to do

[KrishChothani]

Hey, I’ve assigned this as a Level 2 - no problem.
I think you only need to make changes in one component: Landing page
For the landing page, just copy the same component and use it there.
Just make sure to update the heading accordingly.

and also other page have same navbar.

[KrishChothani]

w8
i will merged both issue #46 and #45 and assign level 3. ohk

[chilaka-eswari]

Ok thankyou

[KrishChothani]

but also fix all issue which are faces in landing page