Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application aims to provide cricket enthusiasts with a platform to seek advice and tips on batting, bowling, fielding, and general practice. Users can engage with an AI chatbot focused on delivering structured and appealing cricket tips, while also having the ability to save their questions and chat history through a user account.

## CORE FEATURES
1. **AI Chatbot**: An interactive chatbot that provides cricket tips and drills with structured responses tailored for younger users.
2. **User Authentication**: Sign up and log in functionality to save user questions and chat history.
3. **Practice Drills**: A section dedicated to self-practice drills for batting, bowling, and fielding that users can easily access.
4. **Chat History**: Users can view their previous chats in a dedicated sub-page for easy reference.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.
6. **Appealing UI**: A visually engaging interface designed to attract and retain users.

## 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 prominent hero section with a call to action (CTA), followed by sections for core features, user testimonials, and a contact form. The chat interface will be designed to allow easy interaction with the AI.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components such as buttons, input fields, and the chat interface using shadcn/ui.
3. **Implement User Authentication**: Set up authentication routes and integrate a database for user data storage.
4. **Develop AI Chatbot Logic**: Integrate the AI functionality that processes user queries and outputs structured responses.
5. **Design UI Layout**: Implement the minimalist layout with the specified design specifications using Tailwind CSS.
6. **Add Responsive Design**: Ensure that all components are responsive and work well on both mobile and desktop interfaces.
7. **Testing**: Conduct thorough testing for functionality, user experience, and responsiveness across different devices.

## USER EXPERIENCE
Users will be greeted with a welcoming hero section that prompts them to log in or sign up. Once authenticated, they can easily navigate to the practice drills, engage with the AI chatbot, and view their chat history. The chatbot will provide tips in a structured format, making it easy to read and digest. The overall experience will be smooth and visually appealing, encouraging users to return for their cricket practice needs.