Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern web application designed for gym management, featuring a sleek and minimalist aesthetic inspired by iOS design principles. Users will have the ability to choose between light and dark themes, ensuring a personalized experience that enhances usability and visual appeal.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for gym owners and trainers to manage their accounts and access features.
2. **Membership Management**: Tools for tracking and managing gym memberships, including sign-ups, renewals, and cancellations.
3. **Class Scheduling**: A feature that allows users to create, manage, and book classes, ensuring efficient use of gym resources.
4. **Payment Processing**: Integration with payment gateways to handle membership fees and class payments securely.
5. **Analytics Dashboard**: An overview of gym performance metrics, including membership growth, attendance, and revenue insights.
6. **Theme Customization**: Users can choose between light and dark themes, enhancing their experience based on personal preference.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a top navigation bar, a hero section for branding, followed by sections for features, testimonials, and a call-to-action (CTA) button. The dashboard will have a sidebar for navigation and a main content area displaying analytics and management tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Query for data fetching and state management

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user authentication using Firebase or Auth0 for secure login and registration.
3. **Develop Core Features**:
   - Membership management: Create a form for membership sign-up and a user dashboard for management.
   - Class scheduling: Build a calendar interface for creating and managing classes.
   - Payment processing: Integrate with a payment API like Stripe for handling transactions.
4. **Build the Analytics Dashboard**: Design a responsive dashboard using components from shadcn/ui to display key metrics.
5. **Implement Theme Customization**: Add functionality to allow users to switch between light and dark themes.
6. **Testing**: Conduct thorough testing to ensure all features work seamlessly and the application is responsive across devices.

## USER EXPERIENCE
Users will have smooth interactions, starting from a clean login page leading to a customizable dashboard. They will easily navigate through features using a sidebar, with quick access to essential functions like membership management and class scheduling. The ability to switch themes enhances user comfort, ensuring they can use the application in various lighting conditions. Overall, the design prioritizes simplicity and functionality, making it easy for gym owners and trainers to manage their operations efficiently.