Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application focused on providing cricket practice tips, drills, and personalized advice based on user inquiries. The application will feature an AI component specifically designed to offer insights into batting, bowling, fielding, and general cricket practice techniques, catering to players looking to improve their skills independently.

## CORE FEATURES
1. **Interactive AI Chatbot**: Users can interact with an AI chatbot to ask specific questions related to cricket practice, receiving tailored tips and drills based on their needs.
2. **Personalized Practice Plans**: The app generates customized practice plans based on user inputs, focusing on batting, bowling, and fielding skills.
3. **Drill Repository**: A collection of self-driven drills categorized by skill type, allowing users to explore different techniques and exercises.
4. **User Feedback System**: Users can rate the effectiveness of drills and tips, helping to refine the AI's suggestions over time.
5. **Resource Section**: A section dedicated to articles, videos, and tutorials on cricket skills and techniques for further learning.
6. **Responsive Design**: Ensures seamless access across devices, enhancing user experience whether on mobile or desktop.

## 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 layout will feature a top navigation bar, a prominent hero section for the AI chatbot, followed by sections for practice plans, drills, and user feedback. Each section will be clearly defined with appropriate spacing and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing state between the chatbot, drill repository, and user feedback.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project with TypeScript. Configure Tailwind CSS for styling and integrate shadcn/ui for UI components.
2. **Create Core Components**: Develop the main components including the AI Chatbot, Practice Plans, Drill Repository, and User Feedback sections.
3. **Implement AI Functionality**: Integrate AI capabilities to process user queries and provide relevant cricket tips and drills.
4. **Build User Feedback System**: Implement functionality for users to rate drills and tips, and store this data for improving AI responses.
5. **Design UI**: Apply the minimalist design specifications using Tailwind CSS, ensuring responsiveness across devices.
6. **Testing**: Conduct thorough testing for usability, performance, and responsiveness before deployment.

## USER EXPERIENCE
Users will begin their journey on the landing page where they can immediately engage with the AI chatbot. Upon asking questions, they will receive instant feedback with suggestions tailored to their practice needs. Users can browse through a curated list of drills, each with detailed instructions and ratings based on community feedback. The application will provide a smooth and intuitive experience, encouraging users to explore various aspects of cricket practice while maintaining a clean and organized interface.