Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for an Italian restaurant located in Oberursel, Germany. The website will showcase the restaurant's offerings, ambiance, and unique selling points while providing visitors with essential information and a clear call to action to encourage reservations or inquiries.

## CORE FEATURES
1. **Hero Section**: A captivating hero image of the restaurant with an inviting headline and a prominent call-to-action button for reservations.
2. **Menu Highlights**: A section displaying signature dishes with appetizing images and brief descriptions to entice visitors.
3. **About Us**: A concise overview of the restaurant's history, values, and what sets it apart from other dining options.
4. **Testimonials**: A section featuring customer reviews and ratings to build trust and credibility.
5. **Contact Information**: Clear contact details including phone number, email, and location with an embedded Google Map for easy navigation.
6. **Reservation CTA**: A recurring call-to-action throughout the page encouraging visitors to make a reservation.

## 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 layout will be a single-page scroll design, with sections clearly defined for easy navigation. The hero section will be followed by menu highlights, about us, testimonials, and contact information, all designed for a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop components for each section (Hero, Menu Highlights, About Us, Testimonials, Contact).
4. **Design Layout**: Utilize Tailwind CSS for a responsive, minimalist layout adhering to specified design principles.
5. **Add Content**: Populate components with content, ensuring that images are optimized for web use and text is engaging.
6. **Implement Navigation**: Set up smooth scrolling for internal section navigation and enhance user experience.
7. **Test Responsiveness**: Ensure the landing page functions correctly on various devices and screen sizes.

## USER EXPERIENCE
Visitors will have a smooth experience browsing through the landing page. The hero section grabs attention with high-quality imagery and a clear call to action. As users scroll down, they will encounter beautifully presented menu highlights, an engaging story about the restaurant, and positive testimonials that build trust. The contact information is easily accessible, ensuring users can quickly reach out or navigate to the restaurant's location. Each element is designed to encourage reservations and engagement, making the user journey intuitive and enjoyable.