Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Develop a web application for gym management that allows users to register, manage payments, create workout plans, access a dashboard, track membership expirations, and utilize a support chat feature. This platform should streamline gym operations and enhance user engagement through a user-friendly interface.

## CORE FEATURES
1. **User Registration**: 
   - Allow users to create accounts using email and password, including options for social media sign-in.

2. **Payment Management**: 
   - Integrate a secure payment gateway for handling subscription fees, renewals, and membership expirations.

3. **Workout Plans**: 
   - Enable users to create and manage personalized workout plans, including exercise tracking and progress monitoring.

4. **Dashboard**: 
   - Provide a comprehensive overview of user statistics, upcoming payments, and workout progress in a visually appealing manner.

5. **Membership Tracking**: 
   - Allow users to view their membership status, expiration dates, and renewal options.

6. **Support Chat**: 
   - Implement a real-time chat feature for users to communicate with support staff for assistance and inquiries.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasize a clean and simple design with ample white space, prioritizing readability and ease of navigation.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure clarity and comfort during prolonged use.
- **Layout**: 
  - Utilize a grid-based layout for the dashboard, allowing for a clear arrangement of key features and statistics. Navigation should be positioned on the left side, with main content displayed prominently to the right.
- **Typography**: 
  - Use a sans-serif font such as Inter or Roboto for headings and body text, ensuring a modern and accessible typographic hierarchy. Headings should be bold and larger in size, while body text should maintain a comfortable reading size.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and enhanced developer experience.
- **Styling**: Tailwind CSS to facilitate rapid styling and maintain a consistent design language.
- **UI Components**: Implement shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Utilize Context API or Zustand for effective state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Build User Registration**: Develop the registration component and integrate it with the backend to handle user accounts.
3. **Implement Payment Management**: Integrate a payment gateway (e.g., Stripe) for processing payments and managing subscriptions.
4. **Create Workout Plans Feature**: Develop the workout plans module, allowing users to input, track, and modify their fitness routines.
5. **Design the Dashboard**: Create the dashboard layout, displaying key metrics and navigation links to other features.
6. **Add Membership Tracking**: Implement functionality to display membership status, expiration dates, and renewal options.
7. **Develop Support Chat**: Integrate a real-time chat feature using WebSocket or a third-party service for user support.

## USER EXPERIENCE
Users will enjoy a seamless experience through intuitive navigation and clear visual cues. Upon login, they will be greeted by a personalized dashboard summarizing their workout progress and membership details. The registration process will be straightforward, while the payment management feature will provide clear prompts and confirmations. Users can easily track their workouts and communicate with support through the chat feature, ensuring they feel supported and engaged throughout their fitness journey. Responsive design will ensure a smooth experience across all devices, from desktops to mobile phones.