Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Vanguard Fitness is a comprehensive web application designed to act as a digital health and performance ecosystem, focusing on data-driven training and holistic health. The platform incorporates AI-driven training programs, performance tracking, nutritional insights, and community engagement tools to enhance user experience in a professional fitness environment.

## CORE FEATURES
1. **AI Training & Form**: An AIGuide offers custom adaptive programming while the TrainingLab utilizes computer vision for real-time form correction and provides high-definition video demonstrations.
2. **Performance Tracking**: The LogCard system allows users to track sets, reps, and total volume, featuring integrated rest timers, plate calculators, and One-Rep Max (1RM) projections.
3. **Holistic Health**: The AnalyticsHub syncs with wearables to provide sleep and recovery data, while the FuelStation offers nutritional intelligence through barcode scanning and AI calorie estimation.
4. **Community Engagement**: The Vanguard Social feed facilitates PR sharing and group "Squad Challenges," complete with live leaderboards to encourage user interaction and motivation.

## 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 be structured with a top navigation bar, a central hero section for key actions, followed by feature highlights, community sections, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux for managing application state across various features.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create Layout Components**: Develop the main layout structure, including navigation, footer, and sections for hero, features, and community.
4. **Implement Core Features**: 
   - Build the AI Training & Form module with real-time form correction.
   - Develop the LogCard for tracking performance metrics.
   - Create the AnalyticsHub for syncing health data.
   - Set up the Vanguard Social feed for community engagement.
5. **Create Responsive Design**: Ensure all components are mobile-first with large touch targets and optimized for one-handed use.
6. **Integrate State Management**: Use Redux to manage data across the application effectively.
7. **Testing**: Conduct unit tests and user acceptance testing to ensure functionality and user experience.

## USER EXPERIENCE
Users will interact with Vanguard Fitness through a streamlined interface that emphasizes efficiency and clarity. Key interactions include setting up their profiles, engaging with AI-driven training programs, tracking their performance metrics in the LogCard, accessing nutritional insights from the FuelStation, and participating in community challenges via the Vanguard Social feed. The application will feature smooth transitions and haptic feedback for celebratory milestones, enhancing the overall user engagement and satisfaction.