Add Products Dropdown to Navbar

[ankushbhardwaj408]

Current Behavior

Desired Behavior

Improve navbar with a user-friendly product dropdown menu in the navbar that showcases our products.

Screenshots

Acceptance Tests

Mockups

---

Contributor Guide

• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)

[ankushbhardwaj408]

@leecalcote I would like to work on that.

[leecalcote]

Thank you, @ankushbhardwaj408

[ankushbhardwaj408]

i used the svg of cloud native performance(smp-light.svg) from layer5 and its not working.

[leecalcote]

Thanks for the progress report. Are you giving up?

[ankushbhardwaj408]

No i am not giving up. I am asking for help👀

[Raj100679]

@leecalcote , Can I know what has to be done here, I would love to work on this?

[Akshun-01]

Hey @leecalcote, I would like to work on this one, if it's free.

[Akshun-01]

Hey, this is how it is looking as of now, I am going to make some responsive breakpoints, and some other changes like border glow and hover.(as in the reference)
Do we have any other suggestions regarding this?

Also, @ankushbhardwaj408, would you please guide me to the original page you took reference from, I want to check code implementation for consistency throughout the codebase by using a similar coding style.
Thanks!^^

[ankushbhardwaj408]

Hi @Akshun-01 I did not take reference from the code. I used the mockup from #82.

[Akshun-01]

Hey @ritiksaxena124 @vishalvivekm , I am almost done with the dropdown component. Actually, I was just about to add breakpoints for responsiveness, but when I was doing that I realized that the homepage is not responsive for starters (I checked the deployed site and on my mobile as well.)

I think we should first make the base responsive so that other elements are not that tough to configure.

[Akshun-01]

localhost_1313.-.Google.Chrome.2023-12-11.22-11-32.mp4

Also, this is the current state of the dropdown, I will be adding responsive breakpoints later.
And if you want anything to be changed or tweaked, please give your feedback. So that I may work on it!

[iArchitSharma]

Just for reference, this issue is now being addressed here: #127
Therefor am closing this issue!