Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a callbot demo specifically for fast-food restaurants offering takeaway and delivery services. The callbot will mimic human interactions to respond to customer orders, providing a seamless experience for both restaurant owners and their customers. The primary goal is to showcase the functionality of the callbot through a live demo that restaurant owners can easily access and test.

## CORE FEATURES
1. **Interactive Callbot**: The core feature that allows customers to place orders through voice interactions, simulating a real human operator.
2. **Order Management**: Enables the bot to take customer orders, confirm details, and provide estimated delivery times.
3. **Live Demo Link**: A unique link that restaurant owners can send to potential customers to experience the callbot in action.
4. **Analytics Dashboard**: (Optional) An interface for restaurant owners to view call metrics, order statistics, and customer feedback.
5. **Multi-Language Support**: Allows the callbot to interact with customers in different languages, increasing accessibility.
6. **Integration Capabilities**: Ability to integrate with existing restaurant systems for order processing and inventory management.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on essential elements to enhance user experience.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: A single-page layout featuring a hero section at the top, followed by an overview of features, a demo link section, and a contact form at the bottom.
- **Typography**: Use modern sans-serif fonts such as Inter or Roboto for headings and body text, ensuring clear hierarchy and legibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust, type-safe application.
- **Styling**: Tailwind CSS for rapid and responsive design without sacrificing performance.
- **UI Components**: Utilize shadcn/ui for ready-to-use components that align with the minimalist design aesthetic.
- **State Management**: Redux or Context API for managing application state efficiently across the callbot interactions.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**:
   - Install Node.js and create a new React project using Create React App with TypeScript.
   - Set up Tailwind CSS by following the installation guide to integrate it into the project.

2. **Create the Callbot Component**:
   - Design and implement the interactive callbot UI, including buttons for different customer responses.
   - Integrate voice recognition and speech synthesis APIs to enable voice interactions.

3. **Develop the Order Management System**:
   - Implement functionality to capture and manage customer orders, including validations and confirmations.
   - Create a simple backend (e.g., using Firebase or Express) to handle order data if necessary.

4. **Build the Live Demo Feature**:
   - Create a unique demo link generation feature for restaurant owners to share with customers.
   - Ensure the demo link leads to an interactive experience with the callbot.

5. **Design the Analytics Dashboard**:
   - (Optional) Develop a dashboard to display metrics on call interactions, order volume, and customer feedback.
   - Use charting libraries to visualize data effectively.

6. **Test and Iterate**:
   - Conduct user testing with restaurant owners to gather feedback and make iterative improvements.
   - Ensure that the application is responsive and works well across various devices.

## USER EXPERIENCE
Key user interactions include initiating a call with the callbot, responding to prompts, and placing an order through voice commands. The application should provide clear feedback at each step, confirming orders and allowing users to make modifications easily. Additionally, restaurant owners should have a straightforward method to access the demo link and monitor interactions, ensuring a seamless experience for both customers and restaurant operators.