Improvement of Navbar in Layer5 website for mobile version or smaller version

[upsaurav12]

Current Behavior

Currently the Navbar in Layer5 look like this

I think we can improve the NavBar to make the Better UI in Navbar

Desired Behavior

We can take inspiration from Meshery's Navbar

it is very well implemented

Screenshots / Mockups

Implementation

Acceptance Tests

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[sachan13harshit]

I want to work on this issue @upsaurav12

[upsaurav12]

I am working on this issue you can see other issues

[upsaurav12]

thanks @narasimha-1511

[Ashparshp]

@upsaurav12 Any luck?

[upsaurav12]

@Ashparshp I am working on this issue but it could take some time because i am learning the codebase

[Ashparshp]

Thank you @upsaurav12 Let us know, if need any assistance!

[upsaurav12]

HI @Ashparshp i have almost done, just styling work is left
It is looking like this

cinnamon-2024-08-03T1742420530.mp4

But i want to add plus icons but i am not able to add it by this import { FaBars } from "@react-icons/all-files/fa/FaBars";
Giving me error