Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a food delivery service that connects users with restaurants and delivery personnel. It features multiple user roles, including customers, restaurant staff, delivery drivers, and support executives. The primary goal is to provide a seamless food ordering experience through an intuitive interface.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for multiple roles including customers, restaurant staff, delivery drivers, and support executives.
2. **Restaurant Listings**: A dynamic catalog of available restaurants with menus, ratings, and user reviews.
3. **Order Management**: A straightforward interface for users to place orders, track delivery status, and manage previous orders.
4. **Role-Based Dashboards**: Tailored dashboards for each user role, providing relevant functionality and data, such as order history for customers and order assignments for delivery drivers.
5. **Support Chat**: An integrated chat feature allowing users to contact support for assistance with orders or technical issues.
6. **Admin Panel**: For managing users, restaurants, and orders, accessible only to support executives.

## 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, a hero section for promotions, followed by a grid layout for restaurant listings, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React Context API or Redux for managing application state.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the authentication module**: Implement user registration and login functionality with role differentiation.
3. **Develop the restaurant listings**: Create components for displaying restaurants and their menus, utilizing a mock API or static data.
4. **Implement order management**: Build order placement and tracking features, ensuring a user-friendly experience.
5. **Design role-based dashboards**: Create separate components for each user role’s dashboard, displaying relevant data and actions.
6. **Integrate support chat**: Set up a simple chat interface for user support, connecting to a backend service or using a third-party solution.
7. **Build the admin panel**: Develop CRUD functionalities for managing users and restaurant data, ensuring security measures are in place.
8. **Test and deploy**: Conduct thorough testing of all features and deploy the application to a suitable hosting service.

## USER EXPERIENCE
Users will experience a streamlined interface where they can easily navigate through restaurant options, place orders, and receive real-time updates on their order status. The role-specific dashboards will enhance usability, ensuring that each user can efficiently access the functionalities pertinent to their role. Support will be easily reachable through the integrated chat feature, providing users with quick resolutions to their inquiries.