Modern Sticky Header - Copy this Html, Tailwind Component to your project

Create a website header design with the following specifications: Center align a logo at the top of the header. Position navigation pages ('Home', 'About', 'Product', 'Services') to the left and right of the logo, ensuring even spacing between each page. Use a clean, modern font for the navigation pages. Ensure the header design is responsive and looks good on both desktop and mobile views.