[GENERAL] Inconsistent Navigation Bar Across Webpages

[subin-shk]

Creating consistent navigation bar for all webpages
A consistent navigation bar improves user experience by providing easy navigation and strengthens brand identity across all pages. It also simplifies maintenance and supports responsive design for better usability.

Details
The navigation bar is not consistent across all webpages. This affects user experience by making it harder to navigate through the site. Please ensure that the navigation bar remains the same on all pages for better usability, brand consistency, and ease of maintenance.

Steps to Reproduce:
Visit the homepage.
Navigate to other pages (e.g., About, Contact).
Observe the differences in the navigation bar structure or styling.

Priority: High

Additional context
Navigation bar in Home page:

Inconsistent navigation bar in other pages:

[github-actions]

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[subin-shk]

please assign this task to me. i'll create a uniform naviagtion bar for you. also give labels: gssoc-extended and hactoberfest

[subin-shk]

@07sumit1002

[akbatra567]

@subin-shk,
Great observation, assigning you the issue. Just a quick question, do suggest which navbar looks best for the website that you would be making consistent ?

Also just in case this navbar might impact another issue: #244 assigned to @poorvikaa08. Do make sure to have a discussion so both of you could work on your part.

[subin-shk]

The navbar in home page looks better to me.

[subin-shk]

And the background color for the items inside the navbar looks to be unecessary and unappealing.