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

I want to create a navigation bar with the name of the site on the right, a search in the middle, and an icon on the right that takes us to the offers page, the notifications icon, and next to it the user’s picture and name. When you click on it, a dropdown list will appear with a profile and some other options, each with an icon next to it. When you click on each of them, you will be taken to a page specific to it اريد ان ياتي بالمعلومات من api I want to get information from the API and create a service file to connect the API and also interfaces if any are used for them