Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project will be a web application designed for an online ordering system where visitors can select menu items, add them to a shopping cart, and complete their purchases directly. The application will also include features for users to request special orders and enhance the overall user experience with a more visually appealing layout.

## CORE FEATURES
1. **Menu Selection**: Users can browse through a list of menu items and click to add them to their shopping cart.
2. **Shopping Cart**: A dedicated cart feature allows users to view selected items, adjust quantities, and proceed to checkout.
3. **Direct Purchase**: Users can complete their purchases seamlessly from the shopping cart.
4. **Order Requests**: An option for users to submit special requests for their orders.
5. **Enhanced Header**: A revamped header section under the navbar to make the website more attractive and engaging.
6. **Responsive Design**: The application will be fully responsive, providing a great user experience on both desktop and mobile devices.

## 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 consist of a hero section at the top, followed by the menu items displayed in a grid format, a shopping cart section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing the shopping cart state

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create a Basic Layout**: Set up the main layout structure with a navbar, hero section, and footer.
3. **Design the Menu Component**: Create a component to display menu items with options to add to the cart.
4. **Implement the Shopping Cart**: Develop the shopping cart functionality, allowing users to view and edit their selected items.
5. **Integrate Direct Purchase Flow**: Set up the checkout process for users to complete their orders.
6. **Add Order Request Feature**: Allow users to submit special requests for their orders through a dedicated form.
7. **Enhance the Header Section**: Refine the design of the header area under the navbar to improve visual appeal.
8. **Responsive Design**: Ensure that all components are responsive and function well on different screen sizes.
9. **Testing**: Conduct thorough testing of all features and ensure a smooth user experience.

## USER EXPERIENCE
Users will start by visiting the homepage, where they will see an attractive hero section and menu items displayed. They can easily click on items to add them to the shopping cart, adjust quantities, and proceed to checkout. The overall experience will be seamless, with clear calls to action and a minimalist design that keeps the focus on the ordering process. The option to submit special requests will add a personalized touch, enhancing user satisfaction.