Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a restaurant that focuses on aesthetic appeal and user-friendly booking features. The goal is to create a clean, minimalist website that showcases the restaurant's offerings and allows users to easily make reservations.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with the restaurant's name, tagline, and a prominent booking button to encourage immediate action.
2. **Menu Showcase**: A section displaying featured dishes with images and descriptions, highlighting the culinary offerings.
3. **Booking Functionality**: An integrated booking form allowing users to select date, time, and number of guests, ensuring a seamless reservation process.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and showcase the dining experience.
5. **Contact Information**: A clear display of the restaurant's address, phone number, and social media links for easy access.
6. **Location Map**: An embedded map that shows the restaurant's location, making it easier for potential customers to find it.

## 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 be a single-scroll format with sections stacked vertically, including the hero at the top, followed by menu, booking, testimonials, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but consider using local state for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Hero Section**: Design a full-width hero section with a background image and overlay text that includes the restaurant’s name and a booking button.
3. **Develop the Menu Showcase**: Create a grid layout for the menu section, ensuring each dish is represented with an image and description.
4. **Implement the Booking Form**: Build a form component that includes date and time pickers, guest number selection, and a submit button styled with the primary color.
5. **Add Testimonials Section**: Create a carousel or grid layout to display testimonials, ensuring they are visually distinct.
6. **Integrate the Contact Information**: Clearly present contact details and include social media icons that link to the restaurant’s profiles.
7. **Embed a Location Map**: Use a mapping library to embed an interactive map showing the restaurant's location.
8. **Ensure Responsiveness**: Test and refine the layout to be fully responsive across devices, ensuring a smooth user experience.

## USER EXPERIENCE
The user journey begins on the hero section, where visitors are immediately greeted and encouraged to make a reservation. As they scroll, they can explore the menu, read testimonials, and find contact information easily. The booking form is straightforward, with clear prompts to guide the user through the reservation process. Overall, the site’s minimalist design promotes ease of navigation and enhances user engagement.