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

Create a landing page for a university with the following sections: Header Fixed header at the top of the page University logo and name Navigation menu with links to key pages Responsive design that collapses menu into hamburger icon on mobile Hero Section Full width hero section below header Centered text content with university tagline and CTA button Background video that plays continuously in a loop Responsive layout that stacks content on mobile Spotlight Section Showcases university achievements and accolades Clean grid layout with icons and text Responsive design that adjusts number of columns based on screen size Upcoming Events Displays upcoming workshops, virtual events, etc. Clean list view with event name, date, and short description Responsive layout that stacks events on mobile Alumni Achievements Highlights successful alumni and their accomplishments Grid layout with alumni photo, name, degree, and achievement Responsive design that adjusts number of columns based on screen size Quotes Section Displays inspiring quotes from university leaders and alumni Carousel slider that cycles through quotes Includes quote text, author name, and photo Responsive layout that stacks content on mobile Donation Section Encourages visitors to donate to the university Prominent donation CTA button Responsive layout that adjusts spacing and sizing on mobile Footer Includes university contact info, social links, and copyright Sticky footer that stays at the bottom of the page Responsive design that stacks content vertically on mobile Use a color palette of white and blue 600 throughout the design. Ensure all sections are fully responsive and adjust gracefully on mobile devices. Add animations to the alumni achievements and quotes sections to make them more engaging and interactive.