Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to attract customers to Ristorante Al Gaffarello. It will showcase the restaurant's offerings, ambiance, and unique selling points through a clean and minimalist design aimed at providing an engaging user experience that encourages visitors to make reservations and learn more about the restaurant.

## CORE FEATURES
1. **Hero Section**: A visually striking hero image or video that captures the restaurant's atmosphere, accompanied by a compelling tagline and a call-to-action button for reservations.
2. **Menu Highlights**: A section that showcases signature dishes with mouth-watering images and short descriptions to entice potential customers.
3. **About Us**: A brief story of the restaurant's history, philosophy, and what makes it unique, helping to build a connection with visitors.
4. **Testimonials**: A dedicated area featuring customer reviews and testimonials to build trust and credibility with potential diners.
5. **Contact Information**: Easily accessible information including location, phone number, and a contact form for inquiries or reservations.
6. **Social Media Links**: Icons linking to the restaurant's social media pages, encouraging engagement and connection.

## 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 landing page will have a single-column layout, with sections stacked vertically, including a hero section at the top, followed by the menu highlights, about us, testimonials, and contact information, ensuring a smooth flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page but can be integrated if needed for dynamic content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop components for each section of the landing page (Hero, Menu, About Us, Testimonials, Contact).
3. **Style Components**: Use Tailwind CSS classes to implement the minimalist design, ensuring to apply the primary color and typography specifications.
4. **Implement Responsive Design**: Ensure all components are responsive and look great on various screen sizes.
5. **Add Content**: Populate the components with relevant content, images, and testimonials.
6. **Test Functionality**: Test the landing page for usability and responsiveness across different devices and browsers.
7. **Deploy**: Deploy the landing page using a suitable hosting service for public access.

## USER EXPERIENCE
Visitors will be greeted by an engaging hero section that invites them to explore the restaurant's offerings. As they scroll down, they will discover the menu highlights and the restaurant's story, followed by real customer testimonials that build trust. The contact section will facilitate easy communication for reservations or inquiries. The overall user experience will focus on simplicity and clarity, guiding visitors effortlessly through the information.