Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a local restaurant specializing in oriental cuisine, such as shawarma and grills. The website will feature a clean and minimalist design to enhance user experience while reflecting the essence of oriental culture. The primary goal is to provide an easy-to-navigate platform where users can learn about the restaurant, explore the menu, and place orders.

## CORE FEATURES
1. **Home Page**: A visually appealing landing section that highlights the restaurant's unique offerings, including images of dishes and a brief welcome message.
2. **About Page**: A dedicated section that tells the story of the restaurant, its values, and the culinary traditions behind its dishes.
3. **Order Page**: A straightforward ordering system where users can select dishes, view prices, and submit their orders easily.
4. **Contact Information**: A page providing essential contact details, including the restaurant's address, phone number, and a simple contact form for inquiries.
5. **Responsive Design**: The website will adapt seamlessly to various screen sizes, ensuring a pleasant experience on mobile and desktop 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 feature a prominent hero section at the top, followed by sections for about, menu (order), and contact, structured in a single-column format for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic functionality

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop a header, footer, and main content area using functional components.
3. **Design Home Page**: Implement the hero section with an eye-catching image and a call-to-action button.
4. **Develop About Page**: Write content that reflects the restaurant’s narrative and culinary ethos.
5. **Build Order Page**: Create a simple form with selectable menu items and a submission button.
6. **Implement Contact Page**: Add contact details and a contact form for user inquiries.
7. **Ensure Responsiveness**: Utilize Tailwind CSS classes to make the layout responsive across devices.
8. **Test Functionality**: Review all pages to ensure they work as intended and provide a smooth user experience.

## USER EXPERIENCE
Users will land on a visually engaging home page, where they can easily navigate to the About, Order, and Contact pages. Each section will be designed to be intuitive, with clear CTAs directing users to explore the menu and place orders. The responsive design will ensure that users on mobile devices have a similar experience, making it easy to access information and make orders regardless of the device used.