Gym Management App - Copy this React, Tailwind Component to your project

Design-and-develop-a-modern-web-application-for-gym-management.-The-application-should-include-the-following-core-features:-User-Management:-User-registration-and-login-system-with-role-based-access-(e.g.,-admin,-trainer,-member).-Profile-management-for-all-users,-including-personal-details,-membership-status,-and-payment-history.-Membership-Management:-Membership-plans-creation,-updates,-and-deletion.-Real-time-tracking-of-active,-expired,-and-upcoming-memberships.-Scheduling-and-Bookings:-Class-schedules-with-options-for-trainers-to-create-and-update-workout-sessions.-Members-can-book-classes,-check-availability,-and-receive-notifications.-Payment-Integration:-Integration-with-payment-gateways-for-online-subscription-renewals.-Automated-invoicing-and-payment-tracking-for-members.-Progress-Tracking:-Members-can-log-workouts,-set-goals,-and-track-their-fitness-progress.-Trainers-can-update-progress-reports-and-assign-personalized-workout-plans.-Communication-and-Notifications:-In-app-messaging-between-trainers-and-members.-Automated-email-and-SMS-notifications-for-payment-reminders,-class-bookings,-and-announcements.-Reports-and-Analytics:-Dashboard-for-admins-with-key-performance-metrics-(e.g.,-total-members,-revenue,-attendance).-Exportable-reports-for-detailed-insights-into-gym-operations.-The-application-should-have-a-responsive-and-user-friendly-design,-ensuring-accessibility-across-devices.-Use-modern-web-development-technologies-and-frameworks-(e.g.,-React-for-the-frontend,-Node.js-for-the-backend,-and-a-relational-database-like-PostgreSQL).-Security-and-scalability-should-be-a-priority.