Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to develop a web application that serves as an online fitness training platform, allowing users to access workouts and engage with a fitness consultancy. The application will provide a user-friendly interface for clients to manage their training schedules, track progress, and connect with trainers.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to access their personalized training plans.
2. **Workout Library**: A comprehensive collection of workout videos and descriptions, categorized by fitness goals and levels.
3. **Personal Training Consultation**: Option for users to schedule one-on-one consultations with fitness trainers.
4. **Progress Tracking**: Tools for users to log their workouts, track progress, and visualize improvements over time.
5. **Community Forum**: A space for users to interact, share experiences, and motivate each other.
6. **Notifications and Reminders**: Alerts for upcoming workouts, new content, and consultation reminders.

## 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 include a top navigation bar, a hero section for featured workouts, a grid for the workout library, a prominent call-to-action (CTA) for consultations, and a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and state management libraries.
3. **Create UI Components**: Develop reusable components such as buttons, cards, and input fields, adhering to the design specifications.
4. **Set Up Routing**: Implement React Router for navigation between the main sections of the application.
5. **Build Authentication**: Create user authentication flow with sign-up, login, and session management.
6. **Develop Core Features**: Implement the workout library, progress tracking, and consultation scheduling functionalities.
7. **Integrate Community Forum**: Set up a basic forum structure allowing users to post and respond.
8. **Testing and Debugging**: Conduct thorough testing to ensure all features function correctly and the user experience is smooth.
9. **Deployment**: Deploy the application to a hosting service (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will begin their journey by signing up or logging in to their accounts. Upon accessing the application, they will be greeted with a clean hero section showcasing featured workouts. They can easily navigate through the workout library, select their desired routines, and schedule consultations with trainers. Users will be able to log their workout progress, receive notifications, and participate in community discussions, ensuring an engaging and supportive environment. The overall experience will be intuitive, with a focus on accessibility and simplicity.