Navbar - Copy this React, Tailwind Component to your project

I am designing an admin interface for a tour booking website with the following functionalities for managing 5 pages: Home Page, Detail Tour, Payment, Blog, and Contact. Below are the specific requirements for the admin interface: Home Page Management: Provide input fields to edit the main content and description retrieved from the API.setting-homepage Allow uploading and changing images for the main content and 'Best Team' section. Include a preview feature to view changes before saving. Tour Management: Create a form to add new tours with fields for title, subtitle, description, price, maximum group size, tour duration, reviews, and images. Enable editing of existing tours with a list view showing all tours, including options to edit or delete. Implement validation to ensure all required fields are filled correctly. Payment Settings: Provide an interface to manage payment options and settings. Allow administrators to update payment terms and view transaction history. Blog Management: Design a section to create, edit, or delete blog posts. Include fields for title, content, and images for each post. Allow tagging and categorization of posts for better organization. Contact Management: Provide a simple interface to view and respond to user inquiries submitted through the contact form. Allow for updating contact information such as email address and phone number. The admin interface should be user-friendly, modern, and mobile-responsive. Use clear layouts, intuitive navigation, and consistent styling. Please suggest specific design elements, color schemes, and fonts to create an efficient and appealing admin experience