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

Design a modern footer with four columns: Product, Resources, Support, and Legal. Use smooth hover transitions, a subtle gradient background, and social media icons. Include a newsletter signup with a 'Join Now' button, ensuring responsive layout and a clean, minimal aesthetic.