Home Page - Copy this React, Tailwind Component to your project

"Create a clean, modern homepage using React and Tailwind CSS. The homepage should have the following sections: Navigation Bar: A fixed navigation bar with a logo on the left and navigation links ('Home,' 'About,' 'Services,' 'Contact') aligned to the right. The bar should have a hover effect on the links and change background color on scroll. Hero Section: A full width hero section with a background image or gradient. Display a prominent heading (e.g., 'Welcome to Our Company'), a subheading, and a call to action button ('Learn More') with hover effects. Features Section: Three columns showing key features of the business. Each feature should have an icon, a title, and a short description. Testimonials Section: A carousel of client testimonials with profile pictures, names, and feedback. Include smooth transition effects. Footer: A simple footer with links to social media profiles (icons) and copyright text. Use a grid layout to ensure responsiveness. Use responsive design with Tailwind's utility classes to ensure the page looks great on all screen sizes, and make sure to add hover and transition effects to interactive elements."