Website - Copy this React, Tailwind Component to your project
Create-a-fully-responsive-website-with-an-elegant-right-aligned-sidebar-occupying-10%-of-the-page-width.-The-sidebar-should-have-navigation-icons:-Home,-Projects,-Services,-Courses,-and-Contact.-A-‘<<’-toggle-icon-at-a-2%-margin-from-the-top-should-expand-the-sidebar-to-24%-width,-revealing-icon-labels-(e.g.,-‘Home’-beside-the-home-icon).-When-expanded,-the-toggle-icon-changes-to-‘>>’,-and-clicking-it-collapses-the-sidebar-back-to-icon-only-view.-The-Home-Section-should-have-a-top-heading-"Talha-Malik"-with-an-imperial-script-font,-followed-by-a-main-heading,-"Create-Your-Projects,"-featuring-gradient-textured-icons-moving-around-it.-Below,-add-a-justified,-20-word-subheading-and-a-contact-button.-The-Projects-Section-should-feature-a-center-aligned-project-card-with-a-popup-effect,-flanked-by-two-blurred-cards-on-the-left-and-right.-Use-a-scroll-icon-to-center-each-card-on-click.-The-Services-Section-will-have-three-pricing-cards-labeled-Simple,-Pro,-and-Business,-each-listing-10-features:-Simple-has-4-ticks,-Pro-has-7,-and-Business-has-all-10,-with-prices-at-the-top.-The-Courses-Section-should-display-four-cards-in-a-2-column-layout,-each-with-a-description-and-"Learn-More"-button,-plus-an-"Explore-More"-button-for-additional-courses.-The-Contact-Section-should-include-fields-for-Name,-Phone-Number,-Requirements,-Pricing,-Service-Preference-(Pro,-Business,-Basic),-and-a-submit-button.-End-with-a-simple,-centered-text-footer.-Ensure-all-sections-are-linked-to-sidebar-icons-for-seamless-navigation,-fully-responsive-design,-and-smooth-animations-throughout.
