Feature- Rich Responsive Navbar - Copy this Html, Bootstrap Component to your project

Create a responsive navbar that displays all elements on laptops but collapses into a hamburger menu on mobile devices. The navbar should include a centered logo with four elements: 'Home,' 'About,' and 'Contact' on the left side of the logo. On the right side, there will be a dropdown for 'Products,' which contains a list of product links. Ensure the navbar is fully responsive, adapting to different screen sizes, and only collapses into a hamburger menu on mobile screens, not on laptops.