Educational Website - Copy this React, Tailwind Component to your project

Design-a-fully-responsive-educational-website-with-a-clean-and-structured-layout.-The-website-will-have-the-following-elements-and-sections:-Layout-and-Features:-Header:-A-logo-at-the-top-left,-labeled-"Class-09."-A-navigation-menu-on-the-right-with-five-items:-Home,-Biology,-Chemistry,-Physics,-and-Talha.-The-Talha-menu-item-will-be-a-dropdown-with-two-sub-items:-Talha-Malik-Academy-and-Talha-Updates.-Banner:-Display-a-prominent-banner-featuring-a-main-heading,-"Class-09-Science-Books-Easy-Notes."-Below-the-main-heading,-add-a-second-heading,-"Sponsored-By-ChatGPT-and-Google."-The-word-Sponsored-should-be-underlined-in-red,-with-other-words-in-contrasting-colors-for-emphasis.-Include-a-Subscribe-for-Premium-Notes-button-below-the-headings.-Notes-Section:-A-section-titled-"Notes,"-containing-three-cards:-Biology,-Chemistry,-and-Physics.-Each-card-should-have-a-book-image,-a-short-description,-and-an-Access-Now-button.-Teachers-Section:-A-section-to-introduce-teachers,-including-their-names,-images,-and-brief-bios.-Students-Section:-Display-a-Students-section-with-seven-student-cards-in-a-row.-Each-card-will-show-the-student’s-picture-and-a-short-bio.-Footer:-A-simple,-centered-footer-with-basic-contact-or-copyright-text.-Additional-Elements:-Loader-Animation:-Add-a-loading-animation-where-six-images-appear-and-collapse-together-with-a-flash-of-light,-leading-to-the-appearance-of-the-main-heading,-"Class-09-Notes,"-followed-by-a-subheading,-"Saidpur,-Islamabad,"-before-the-main-content-loads.-Requirements:-Ensure-full-responsiveness-across-all-devices.-Use-a-smooth-and-modern-style,-focusing-on-readability-and-user-experience.