Fruit Carousel Slider - Copy this Angular, Tailwind Component to your project

Design a fruit information carousel slider with images displayed at the top of each fruit card, accompanied by bold titles and concise descriptions. Each slide will feature a 'Learn More' button to encourage further interaction. The carousel will showcase six fruit cards, with four cards displayed in a row, taking up the full width of the component. When users click the navigation arrows, the remaining two cards will align neatly in the center. The layout will prioritize clean spacing and alignment, creating a visually appealing and user friendly experience. A vibrant color scheme will enhance the overall look and feel of the carousel, while navigation arrows ensure smooth and easy browsing through the fruit information.