Default Component - Copy this React, Mui Component to your project

General Layout & Structure: Flexbox-based layout: The navbar items are evenly spaced. Two sections: Left side: Logo and search bar. Right side: Navigation links (Contact Sales, Create Events, etc.). White background. Logo ("eventbrite"): Font: Custom sans-serif with a modern look. Color: "event" in orange-red (#FF5A5F), "brite" in bold orange-red. Search Bar: Rounded input field with soft shadows. Magnifying glass icon on both sides (left inside the input field, right as a search button). Placeholder text: "Search events" in light gray. Location picker: Small location icon (📍). Default location text ("Grand Casablanca") in dark blue or grayish black. Search Button: Circular with an orange-red (#D93F20) background. White magnifying glass icon inside. Navigation Links: Font: Sans-serif, consistent with the logo. Color: Dark gray/black (#333 or similar). Hover Effect: Likely a color change to a slightly lighter gray or underline. Login & Sign-Up Buttons: Standard links with no apparent buttons. "Sign Up" may have a bolder or slightly different styling than "Log In".