Glass Morphism Navbar - Copy this Angular, Css Component to your project

Create a navbar with a glass morphism effect with a logo with text VistaChem with a hover effect and suitable effects and options like Medicines, Healthcare, lab test, and Plus with suitable dropdowns. a cart icon, a profile icon with appropriate options. It must be responsive to all available devices. all options should be mobile responsive. add a feature that when a user is on the home page the search bar must be part of the hero section and when I scroll up through the website the search bar is to be added to nav bar but initially it will be a part of hero section.