Add Hover Effect in Navbar and Implement Drop-down Menu

[falakniyaz94]

I would like to propose enhancements to the current navbar for better user experience and interactivity. Currently, there is no hover effect on the navbar links, and certain sections like "Hospitals Around" and "Lab Test" can benefit from a drop-down menu to simplify navigation.

Proposed Changes:

1. Hover Effect:

   • Add a hover effect to all navbar items to indicate interactivity.
   • Ensure smooth transition effects to maintain a modern and fluid user experience.

2. Drop-down Menu Structure:
   You can create a drop-down menu labeled as "Services" or "Explore" that will contain the following options:
   Blog
   Lab Test
   Hospitals Around
   Instant OPD

Navbar Layout:

The navbar would look like this:

Home | About | Services ⌄ (Drop-down menu containing "Blog," "Lab Test," "Hospitals Around," and "Instant OPD") | Login | Register

Dropdown Implementation:

On hover or click on the "Services" menu, a dropdown will appear displaying the sub-options (Blog, Lab Test, Hospitals Around, Instant OPD).
The drop-down can have a light background and subtle hover effects to indicate which item is selectable.

Can you please assign this issue to me ? @Luson045
I am ready to work on these improvements.

---

@falakniyaz94

[sameer-soni]

@Luson045 this issue hasn't been solved yet, can i get assigned? I'll solve this today.