[Feature]: Improve Navbar UI/UX #875
Description
📌 Is your feature request related to a problem?
Yes. The current navbar in Civix has poor spacing and alignment between elements, making it visually cluttered and harder to navigate. The lack of proper spacing around the logo and menu items reduces the aesthetic appeal and impacts user experience.
💡 Describe the Solution
Improve the Navbar UI/UX by:
Increasing spacing between the logo and navigation links for better visual balance.
Adding hover effects for menu items to enhance interactivity.
Making the navbar sticky so it remains visible while scrolling.
Using responsive design techniques to ensure proper layout across all devices.
Adding smooth animations for dropdown menus and transitions.
🔁 Alternatives Considered
Keeping the current design but slightly adjusting spacing via CSS.
Using a prebuilt navbar library or component (e.g., Bootstrap, Tailwind UI) for faster implementation.
📚 Additional Context
Example improvements:
Increase the gap between the website logo and “Home” link from 8px to ~20px.
Add subtle background color change on scroll to improve readability.
Ensure navbar collapses elegantly for mobile view with a hamburger menu.
Please assign it to me as GSSOC'25 contributor.