Premium Hero Header - Copy this Html, Tailwind Component to your project

Generate-a-beautiful-header-with-a-transparent-background,-a-logo-on-the-left,-and-a-menu-with-custom-links-(Home,-About,-Services,-Contact)-on-the-right.-The-header-should-be-sticky,-meaning-it-stays-at-the-top-of-the-page-when-scrolling.-Include-a-hero-section-underneath-the-header-with-a-high-quality-background-image,-a-centered-headline,-and-a-call-to-action-button.-The-design-should-look-premium,-with-elegant-typography,-modern-padding,-and-spacing,-and-smooth-transitions.-Use-pure-HTML-and-CSS-for-the-design.