Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a brunch restaurant, inspired by the existing site at https://www.mrbrunch.ch/de. The goal is to create a more engaging and visually appealing site that highlights the restaurant's offerings, ambiance, and customer experience while encouraging reservations and visits.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section featuring high-quality images of the restaurant and its signature dishes, accompanied by a catchy tagline and a clear call-to-action (CTA) button for reservations.

2. **Menu Highlights**: A dedicated section to showcase the brunch menu with enticing descriptions and images of select dishes, enticing users to explore the offerings.

3. **About Us**: A brief section detailing the restaurant's story, mission, and what sets it apart, fostering a connection with potential customers.

4. **Testimonials**: A section displaying customer reviews and ratings to build trust and credibility among visitors.

5. **Contact Information**: Clear and easy-to-find contact details, including a phone number, email, and a Google Maps integration for location.

6. **Newsletter Signup**: An optional section for users to subscribe to a newsletter for updates on special offers and events.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, using plenty of white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and easy readability.
- **Layout**: A single-page scroll layout with distinct sections for the hero, menu highlights, about us, testimonials, contact information, and newsletter signup. Each section should flow seamlessly into the next.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Lora) to create a pleasant reading experience. Maintain a clear hierarchy with larger font sizes for headings and adequate spacing between elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for component-based architecture and type safety.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments while ensuring a responsive layout.
- **UI Components**: Utilize shadcn/ui components for consistent styling and functionality across the site.
- **State Management**: Not required for a static landing page, but consider using local state for the newsletter signup functionality.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the main layout structure using a single-page format with sections for the hero, menu, about us, testimonials, contact, and newsletter.
3. **Build Components**:
   - Implement the Hero Section with background images, text overlay, and CTA button.
   - Create the Menu Highlights section with grid or list display for dishes.
   - Design the About Us section with text and images.
   - Add the Testimonials section with a slider or card layout.
   - Implement the Contact section with a map and contact form.
   - Set up the Newsletter Signup section with input fields and a submit button.
4. **Style with Tailwind CSS**: Apply styles using Tailwind CSS classes to achieve the minimalist aesthetic.
5. **Test Responsiveness**: Ensure that the layout is responsive and maintains usability across different devices and screen sizes.
6. **Deploy**: Publish the landing page to a suitable hosting platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Key user interactions should include smooth scrolling between sections, hover effects on buttons and links, and an intuitive layout that guides visitors through the content seamlessly. The newsletter signup should provide immediate feedback upon submission, ensuring users feel engaged and valued. Overall, the experience should be enjoyable and encourage potential customers to make reservations or visit the restaurant.