Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist restaurant website designed for desktop, tablet, and mobile. The primary purpose is to showcase the restaurant's menu, including main dishes, drinks, and desserts, in a modern and user-friendly format. The site will be fully responsive, ensuring an optimal experience across all devices while maintaining a clean and modern aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section that introduces the restaurant with a captivating image and a welcoming tagline.
2. **Menu Page**: A dedicated menu page that categorizes and displays main dishes, drinks, and desserts with descriptions and prices.
3. **Contact Information**: A section with contact details, including location, phone number, and a contact form for inquiries.
4. **About Us**: A brief section that tells the story of the restaurant, its philosophy, and its commitment to quality.
5. **Responsive Design**: A layout that adapts seamlessly to various screen sizes, ensuring a consistent experience across 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**: A single-page layout with sections for the hero, menu, about, and contact information, ensuring easy navigation and a streamlined user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for this project, but could use React's built-in state management if needed for dynamic features.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout Components**: Develop the main layout structure using functional components for the Hero, Menu, About, and Contact sections.
3. **Style the Components**: Apply Tailwind CSS classes to achieve the minimalist design with specified typography and color scheme.
4. **Implement the Menu Page**: Create a dynamic menu page that lists dishes, drinks, and desserts, with options to filter or categorize items.
5. **Set Up Navigation**: Implement a smooth scrolling navigation system that allows users to jump between sections of the page.
6. **Testing**: Perform thorough testing on various devices to ensure responsiveness and functionality.

## USER EXPERIENCE
The website will provide a seamless user experience by allowing visitors to easily navigate through the hero section to the menu, learn about the restaurant, and get in touch via the contact form. The minimalist design ensures that the focus remains on the content, enhancing readability and engagement. Users will appreciate the clean layout and quick access to essential information, making it easy to decide on their dining choices.