Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a visually appealing and minimalist landing page for a restaurant. The main purpose of the website is to showcase the restaurant's offerings, ambiance, and contact information while providing a user-friendly experience that encourages visitors to make reservations or learn more.

## CORE FEATURES
1. **Hero Section**: A captivating hero section with a stunning image of the restaurant and a welcoming tagline to draw visitors in.
2. **Menu Highlights**: A dedicated section presenting featured dishes with mouth-watering images and descriptions to entice potential customers.
3. **About Us**: A brief narrative about the restaurant’s story, mission, and what makes it unique, enhancing the emotional connection with visitors.
4. **Testimonials**: A section displaying customer reviews to build trust and credibility with potential diners.
5. **Reservation CTA**: A clear call-to-action button that allows users to make reservations easily.
6. **Contact Information**: A concise contact section with an address, phone number, and links to social media profiles.

## 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 should follow a vertical flow with the hero section at the top, followed by menu highlights, about us, testimonials, and a contact section at the bottom, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically needed for a landing page, but consider using React Context for shared states if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using a tool like Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout**: Develop the main layout structure with sections for Hero, Menu Highlights, About Us, Testimonials, and Contact.
4. **Implement Hero Section**: Design the hero section with a background image, a welcoming tagline, and a call-to-action button.
5. **Add Menu Highlights**: Create a grid or flexbox layout for the featured dishes with images and descriptions.
6. **Implement About Us Section**: Write the narrative about the restaurant and style it with appropriate typography and spacing.
7. **Add Testimonials Section**: Gather customer reviews and display them stylishly, ensuring they stand out.
8. **Create Contact Section**: Include the restaurant's contact information and social media links, styled consistently with the overall design.
9. **Make it Responsive**: Ensure all sections are responsive, adjusting layouts for various screen sizes.
10. **Test Functionality**: Conduct thorough testing on different devices and browsers to ensure a smooth user experience.

## USER EXPERIENCE
Visitors will be welcomed with a stunning hero image and a clear call to action to explore the menu or make a reservation. As they scroll down, they will encounter visually appealing sections that highlight the restaurant's best dishes and personal stories, ensuring an engaging experience. The testimonials will provide social proof, and the contact section will make it easy for users to reach out or find the restaurant.

This comprehensive prompt provides a clear direction for building a minimalist and aesthetically pleasing landing page for the restaurant, focusing on simplicity, user experience, and effective communication.