Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a web application for "Le Pikcup Moderne", a Korean restaurant that allows customers to place online orders for takeout and make reservations. The app will feature an easy-to-navigate interface, ensuring a seamless experience for both customers and administrators.

## CORE FEATURES
1. **Online Ordering System**: Customers can view the menu, select items, and place orders for takeout with payment integration.
2. **Reservation System**: Users can book tables online, selecting their desired date and time, with confirmation notifications.
3. **Admin Dashboard**: A back office for administrators to manage orders, reservations, and view analytics related to sales and customer interactions.
4. **Contact Information**: A dedicated section for customers to find the restaurant's contact details, opening hours, and available payment methods.
5. **Services Overview**: Highlight the various services offered, such as dine-in, takeout, and catering options.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, promoting a calm and inviting atmosphere. The layout will emphasize easy navigation.
- **Color Mode**: Light theme with dark text on light backgrounds for readability and a modern aesthetic.
- **Layout**: A single-page layout that includes sections for the hero image, menu items, reservation form, services offered, and contact information, designed to flow seamlessly from one section to another.
- **Typography**: Use sans-serif fonts for readability, with a clear hierarchy (e.g., larger headings for section titles, medium-sized text for descriptions, and smaller text for details).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations.
- **UI Components**: Utilize shadcn/ui for a consistent look and feel across the application.
- **State Management**: Use React’s Context API for managing global state if necessary.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create main components**: Build components for the hero section, menu display, reservation form, contact information, and services.
4. **Implement routing**: Set up routing if necessary for different sections or modals using React Router.
5. **Develop the online ordering system**: Create a menu component that fetches items from a database or JSON file, allowing users to add items to their cart.
6. **Integrate payment processing**: Implement a payment gateway (e.g., Stripe) for handling online transactions securely.
7. **Build the reservation system**: Create a form that collects reservation details and integrates with the backend to store reservation data.
8. **Develop the admin dashboard**: Construct the dashboard for administrators to view and manage orders and reservations easily.
9. **Test the application**: Conduct thorough testing to ensure all functionalities work correctly and the user experience is smooth.
10. **Deploy the application**: Choose a hosting service (e.g., Vercel, Netlify) to deploy the application for public access.

## USER EXPERIENCE
Customers will enjoy a straightforward process for ordering and reserving. The home page will present the menu prominently, with clear calls to action for takeout and reservations. The reservation form will be intuitive, guiding users through selecting their preferred date and time. Administrators will have a dedicated dashboard to easily manage operations, ensuring that customer requests are handled efficiently and effectively. The overall design will prioritize ease of use, making it accessible for all users.