Add Logo to Navbar Across All Pages

[JiyaBatra]

Description:

Currently, the navbar does not display the brand logo. We want to add the logo to improve branding and user recognition. The logo should appear in the navbar on the following pages:

Home

About

Contact

Any other pages that use the main navbar

Requirements:

The logo should be positioned at the start (left) of the navbar.

Logo should be responsive and maintain proper sizing on different screen sizes.

Ensure the logo does not break existing navbar links or layout.

Update the navbar component so that the logo is consistently displayed across all relevant pages.

Acceptance Criteria:

Logo is visible on all pages listed above.

Navbar layout remains clean and responsive.

Logo image should load correctly without errors.

Optional:

Add hover effect or clickable link to redirect to Home page.

[VinayKumar42]

@JiyaBatra please work on one issue at a time.
Complete the current one first, then move on to this.

[JiaAneja]

Hi!
I would like to work on this issue under ECWoC’26. Could you please assign it to me?
Thanks!

[JiyaBatra]

Hi!
I would like to work on this issue under ECWoC’26. Could you please assign it to me?
Thanks!

@JiaAneja please assign it to some one else I can't work on next.js

[VinayKumar42]

@JiaAneja Go for it