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

Banner: At the top of the page, create a simple, small banner with a mix of blue, light blue, and purple colors. The banner should have the word 'Portfolio' written in the center in clean, modern typography. This banner should smoothly fade in as the page loads. Video Section: Include an embedded video that provides an introduction to the academy. The video should automatically enlarge when hovered, with a slow zoom in animation. It should have a unique white play icon without any default blue buttons. Achievement Graphs: Design animated graphs showcasing the academy’s milestones and achievements. These graphs should load with a smooth animation (e.g., sliding bars, expanding circles) when the user scrolls to this section. Faculty Section: Display faculty members in cards, with each card featuring an image, name, and brief bio. When hovered, the cards should flip or have a sliding animation that reveals more details about the faculty member.Student Testimonials: Create an animated carousel displaying student testimonials. The transition between testimonials should be smooth, with fade in/fade out effects or sliding animations. Sticky Footer: The footer should be sticky at the bottom and contain important links like contact information, social media, etc. Ensure that the footer has a subtle upward slide in animation when scrolling down and a slide out when scrolling up. Call to Action Buttons: Design bold, rounded buttons for important actions like 'Enroll Now' and 'Contact Us'. These buttons should have hover effects, such as a glowing outline or slight scaling up.