Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that enhances an existing AI tool, updating it to version 3.0. The application will improve multilingual programming support, enable video model features, and incorporate user feedback mechanisms. It aims to provide a seamless user experience while ensuring the AI can assist users in over 50 programming languages like HTML, CSS, and JavaScript.

## CORE FEATURES
1. **Multilingual Support**: Enhance the AI's capability to understand and provide solutions in over 50 programming languages, focusing on HTML, CSS, and JavaScript.
2. **Video Model Creation**: Integrate a feature that allows users to create video models directly within the application.
3. **Feedback Button**: Introduce a feedback button in the settings that prompts users to answer five questions about their experience, helping improve the application based on user input.
4. **Bug Fixes and Improvements**: Continuously update the application to correct errors and enhance performance based on user feedback and testing.
5. **User-Friendly Interface**: Ensure the interface is intuitive, allowing users to easily navigate through features and access the AI's capabilities.

## 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 central hero section that highlights the AI's capabilities, followed by sections for features, user feedback, and a call-to-action (CTA) button. The footer will contain contact information and additional resources.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and necessary dependencies.
2. **Create the Layout**: Develop components for the navigation bar, hero section, features section, and footer using Tailwind CSS for styling.
3. **Implement Core Features**:
   - Add functionality for multilingual support and video model creation within the main application logic.
   - Develop the feedback form and integrate it with a backend service to collect user responses.
4. **Testing and Bug Fixes**: Conduct thorough testing to identify and fix any bugs, ensuring the application runs smoothly.
5. **Deploy the Application**: Use a service like Vercel or Netlify to deploy the web application and make it accessible to users.

## USER EXPERIENCE
Users will interact with the application through a simple and intuitive interface. They will be able to input programming queries, generate video models, and provide feedback effortlessly. The application will respond quickly to user inputs, and the feedback mechanism will ensure that users feel their opinions are valued, leading to continuous improvements in the AI's capabilities.