Navbar - Copy this React, Tailwind Component to your project

Design a navbar for my travel agency website with a rich navy blue background. It should be responsive across mobile, iPad, and other devices, transforming into a hamburger icon on mobile. Clicking the icon should reveal all links with a smooth transition. The navbar must include the following links: Home, About Us, Experiences, Destinations, Contact and a search bar. The About Us link should display these sublinks on hover: Who Are We, Our Mission, Why Us. The Experiences link should show Luxury Vacations, Adventure Tours, Family Getaways, and Mountains Tour on hover. The Destinations link should reveal Europe, Asia, North America, South America, Africa, and Australia/Oceania when hovered over. The navbar should feature a logo with the text "Infinite Journeys."