Redesign Navbar

[AsmitaMishra24]

Is your feature request related to a problem? Please describe.

The current navbar on the Maa Vimala website has several issues:

1. The logo is not properly placed, which affects the overall visual balance and aesthetics of the site.
2. There is no gap between the navigation links (Home, About Us, etc.), making the navbar look cluttered and difficult to navigate.

Describe the solution you'd like

We need to redesign the navbar to enhance user experience and visual appeal. The new design should include:

1. Proper placement of the logo to ensure it is well-positioned and visually balanced.
2. Adequate spacing between navigation links for better readability and easier navigation.
3. A clean, modern, and intuitive layout that aligns with the overall website theme.
4. Key navigation links: Home, About Us, Services, Contact, etc.
5. A responsive design that works seamlessly on both desktop and mobile devices.
6. Improved accessibility features such as high-contrast colors, ARIA roles, and keyboard navigation support.

Describe alternatives you've considered

1. Keeping the current design but making minor adjustments to the logo placement and link spacing.
2. Implementing a side navigation bar instead of a top navbar for better mobile compatibility.
3. Using third-party navbar templates that offer modern designs and built-in accessibility features.

Additional context:

Screenshot of my previous work:

[AsmitaMishra24]

I would like to address this issue as part of GSSOC'24. Please assign it to me.