Header - Copy this React, Tailwind Component to your project

Generate a modern, responsive header and footer for a website using React and Tailwind CSS. Header requirements: Left aligned logo (use placeholder text like "MySite"). Centered navigation menu with links: Home, About, Services, Contact. Right aligned call to action button (e.g., “Sign Up”). Sticky on scroll, mobile responsive with hamburger menu on small screens. Footer requirements: 3 column layout: Logo and short description Quick links (same as nav menu) Social media icons (use placeholders) Bottom bar with copyright text. Dark background with light text. Keep the design clean, with soft rounded corners and appropriate spacing. Use Tailwind best practices.