Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
J-RUN is a high-performance AI-based running coaching web application designed to provide users with real-time feedback and personalized coaching experiences. The app features a dynamic interface tailored for various running modes, allowing users to track their performance, health metrics, and receive motivational support.

## CORE FEATURES
1. **Dynamic 3-Mode System**: Users can switch between three modes—Record Update, Fitness Improvement, and Health Goals—each emphasizing different metrics to enhance the running experience.
2. **Real-Time Running Cockpit**: GPS tracking for accurate distance measurement, coupled with a physical toggle switch for AI voice encouragement and feedback.
3. **Ghost Battle**: Users can compare their current performance against previous runs, visualized through a progress bar to motivate improvement.
4. **Lightning Reward System**: Provides instant visual and haptic feedback when users surpass their previous records, enhancing motivation through engaging animations.
5. **AI Voice Coach**: Offers customized audio feedback during runs, with options for different coaching styles to suit user preferences.
6. **Gemini AI Feedback Lab**: After each workout, users receive a chat-based report comparing their current and previous performance, offering strategic insights for improvement.

## 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, followed by a hero section, dynamic dashboard, and footer with contact information. Each section will be clearly defined with ample spacing to ensure a clean user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary libraries (Tailwind CSS, Redux, etc.).
2. **Design Layout**: Create the main layout structure including the navigation bar, hero section, and dynamic dashboard.
3. **Implement Core Features**: 
   - Set up the dynamic 3-mode system with state management to switch themes and metrics based on user selection.
   - Integrate GPS tracking functionality using a relevant API for real-time location and distance measurement.
   - Develop the Ghost Battle feature, including UI for displaying past performance metrics.
   - Implement the Lightning Reward System, utilizing animations and haptic feedback upon surpassing records.
   - Integrate the AI voice coaching feature, incorporating ElevenLabs API for audio feedback.
   - Set up the Gemini AI Feedback Lab to analyze performance data and generate reports post-workout.
4. **Test Functionality**: Conduct thorough testing of each feature for usability and performance.
5. **Deploy the Application**: Use a suitable platform (like Vercel or Netlify) for deployment, ensuring the app is responsive and optimized for different devices.

## USER EXPERIENCE
Users will have a seamless interaction with the app, starting from the landing page to selecting their desired running mode. The real-time cockpit will provide immediate feedback and encourage users through AI voice prompts. Post-run, users will appreciate the tailored insights and performance comparisons, fostering a sense of achievement and motivation to improve. The minimalist design will ensure that users are not overwhelmed by information and can easily navigate through the app's features.