Case Studies - Copy this React, Tailwind Component to your project

Design the next section for the School Management Software SaaS landing page, featuring Case Studies or Success Stories. This section should highlight real world examples of how the software has positively impacted schools. Use a clean, visually engaging layout with three to four case studies presented in a grid or carousel format. Each case study should include: A school logo or image of the institution at the top. The school name and location (e.g., 'Greenwood High, New York'). A brief overview of the challenges the school faced before using the software. A short summary of the solution provided by the software (e.g., 'Automated administrative tasks, improved communication, and enhanced student performance tracking'). Key results or metrics, such as 'Reduced administrative workload by 30%' or 'Improved parent teacher communication by 50%'. A quote from a school administrator or teacher praising the software (e.g., 'This software has completely transformed how we manage our school operations!'). Each case study should include a read more link or button to allow users to dive deeper into the full story. At the bottom of the section, include a call to action button such as 'See More Success Stories' or 'Learn How We Can Help Your School', encouraging users to explore additional case studies or request a personalized consultation. Incorporate subtle animations to make the stories more engaging as users scroll, such as cards slightly lifting when hovered over or smooth transitions when cycling through a carousel. The section should be visually appealing with a consistent style that ties into the rest of the landing page design.