Product Card - Copy this React, Tailwind Component to your project

Create a modern, user friendly homepage for a product customization website. The homepage should allow users to browse and customize various products such as t shirts, mugs, and bottles. The design should be responsive and optimized for both desktop and mobile devices. The key sections of the homepage should include: 1. **Hero Section**: A large banner image showcasing customizable products. A call to action button (e.g., "Start Customizing Now"). A brief tagline describing the service (e.g., "Create your own unique designs on our wide range of products"). 2. **Product Showcase Section**: Display a carousel or grid of popular customizable products (e.g., t shirts, mugs, bottles). Each product should have a quick view option and a button to start customizing. 3. **How It Works Section**: Step by step guide on how to use the customization feature. Simple illustrations or icons for each step (e.g., "Choose Product", "Upload Design", "Preview & Order"). 4. **Testimonials Section**: Short quotes or reviews from customers who have used the service. Include customer photos or avatars if possible. 5. **Footer Section**: Include links to important pages such as "About Us", "Contact", "Privacy Policy". Include social media icons and a newsletter sign up form. Design style should be modern, clean, and visually appealing. Use a soft color palette with light blue as the primary background color. The font should be artistic but easy to read, matching the creative theme of the site. Please make sure the code follows best practices for accessibility and SEO optimization.