Modern Footer Component - Copy this Html, Tailwind Component to your project

Design a footer that balances function and style, with sections for Products, Company, Customer Support, and Legal Resources. Include a newsletter section featuring a compelling call to action and an input field for email subscription. Make use of color differentiation for each section, and incorporate smooth hover effects for interactivity. Ensure that the footer layout is clean and responsive across mobile, tablet, and desktop views