Membership Portal - Copy this React, Tailwind Component to your project

1.-Page-Title-&-Introduction:-Title:-"Membership-Plans:-Unlock-Premium-Features-&-Content"-Centered-heading-with-a-large,-bold-font-(e.g.,-Montserrat,-Poppins).-Use-primary-color-for-emphasis-(e.g.,-blue-or-green).-Subtitle:-"Choose-a-plan-that-fits-your-needs-and-get-access-to-exclusive-content,-features,-and-more!"-Smaller-font-beneath-the-main-title-for-clarity.-Call-to-Action:-"Get-Started":-A-prominent-button-directing-users-to-sign-up-or-view-pricing-plans.-2.-Membership-Plan-Options-Section:-Title:-"Choose-Your-Plan"-Display-three-or-more-pricing-tiers:-Free,-Basic,-Premium-(or-any-other-tiers-you-plan-to-offer).-Plan-Layout:-Use-cards-or-tiles-to-represent-each-membership-level.-Each-card-should-include:-Plan-Name-(e.g.,-"Free",-"Basic",-"Premium").-Price-(e.g.,-"$0/month",-"$5/month",-"$15/month").-Plan-Features:-A-list-of-benefits,-such-as:-Access-to-all-quizzes-(premium-only-features).-Premium-notes-(e.g.,-downloadable-PDF-notes-from-top-academies).-Detailed-progress-statistics-and-reports.-Exclusive-exam-papers-and-advanced-quizzes.-Member-only-discounts-on-other-services-or-courses.-CTA-Button:-A-clear-"Subscribe-Now"-or-"Upgrade-Now"-button,-with-a-color-that-stands-out-(green-or-blue).-Trial-Information-(if-applicable):-Mention-if-there’s-a-free-trial-(e.g.,-"7-day-free-trial-for-Premium-Plan").-3.-Benefits-Section-(Why-Upgrade):-Title:-"Why-Upgrade-to-Premium?"-Short-description-of-the-additional-benefits-that-come-with-upgrading-to-a-paid-membership.-List-of-Benefits-(Use-icons-to-enhance-readability):-Unlimited-Quizzes:-"Access-to-all-quizzes-across-subjects."-Exclusive-Notes:-"Download-premium-study-notes-from-top-academies."-Advanced-Exam-Analytics:-"Detailed-exam-performance-reports-and-progress-tracking."-Quiz-History:-"Track-your-quiz-history-and-review-past-results."-Priority-Support:-"Get-priority-customer-support."-Discounts:-"Exclusive-discounts-on-courses-and-other-products."-Visuals:-Use-icons-or-illustrations-to-visually-represent-each-benefit.-4.-Membership-Login-&-Registration-Section:-Title:-"Already-a-Member?-Log-In-to-Access-Your-Account"-Display-Login-Form:-Email-field-Password-field-Login-Button:-Prominent-button-labeled-"Log-In".-Forgot-Password-Link:-A-link-to-recover-or-reset-the-password.-Option-to-log-in-with-Google,-Facebook,-or-other-OAuth-providers.-Sign-Up-Section:-Title:-"Not-a-Member-Yet?-Sign-Up-Now!"-Simple-Sign-Up-Form:-Name-field-Email-field-Password-field-Confirm-Password-field-Sign-Up-Button:-Prominent-button-labeled-"Sign-Up".-Option-for-users-to-sign-up-with-Google,-Facebook,-or-other-OAuth-providers.-Privacy-Policy-&-Terms-Checkbox:-A-checkbox-for-users-to-agree-to-your-Terms-of-Service-and-Privacy-Policy.-5.-Member-Dashboard-(For-Logged-In-Members):-After-logging-in,-users-should-be-directed-to-their-Membership-Dashboard.-Dashboard-Layout:-Welcome-Message:-"Welcome-back,-[User-Name]!"-Subscription-Information:-Display-their-current-membership-plan-(e.g.,-"Basic-Plan---Expiring-on-[Date]").-Upgrade/Change-Plan:-Button-for-upgrading-or-changing-plans.-Usage-Stats:-Display-how-many-quizzes-they’ve-taken,-how-many-notes-they’ve-downloaded,-etc.-Upcoming-Features:-Show-upcoming-features-that-are-exclusive-to-premium-members,-such-as-new-quizzes-or-study-materials.-Recent-Activity:-List-of-recently-accessed-notes,-quizzes,-or-exams.-CTA-to-Upgrade:-If-the-user-is-on-a-free-or-basic-plan,-encourage-them-to-upgrade-with-a-banner-or-notification-(e.g.,-"Upgrade-to-Premium-to-access-advanced-features").-6.-Payment-Information-Section-(For-Paid-Plans):-Payment-Options:-Provide-options-for-users-to-pay-via-credit-card,-PayPal,-or-other-payment-gateways.-Billing-Details-Form:-Users-can-enter-their-billing-information-if-subscribing-to-a-paid-plan.-Secure-Payment:-Display-a-badge-or-message-showing-that-payment-is-secure-(e.g.,-"Secure-SSL-encryption"-or-"Powered-by-Stripe/PayPal").-Trial-Period:-If-offering-a-trial,-clearly-mention-the-trial-period-(e.g.,-"7-day-free-trial"-with-billing-starting-after-the-trial-ends).-7.-Member-Account-Settings-Section-(For-Logged-In-Members):-Account-Settings:-Change-Password:-Option-to-change-the-member's-password.-Email-Preferences:-Let-members-manage-their-email-preferences-(e.g.,-receive-newsletters,-offers,-updates).-Payment-History:-View-past-payments-and-subscriptions.-Billing-Information:-Option-to-update-or-change-billing-details.-Cancel-Membership:-A-button-to-cancel-the-membership-with-clear-instructions-(e.g.,-"Cancel-My-Subscription").-Consider-adding-a-feedback-request-for-cancellations-(e.g.,-"Why-are-you-leaving?").