Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a restaurant website, designed to showcase the restaurant's offerings with a focus on clean aesthetics, smooth transitions, and engaging animations. The main purpose is to attract potential customers by highlighting the restaurant's menu, ambiance, and unique selling points while providing a seamless user experience.

## CORE FEATURES
1. **Hero Section**: A striking hero image of the restaurant with a catchy tagline and a prominent call-to-action (CTA) button that encourages visitors to make a reservation.
2. **Menu Display**: An interactive section that showcases the restaurant's menu items with images, descriptions, and prices, allowing users to explore the offerings easily.
3. **About Us**: A brief section that tells the story of the restaurant, including its philosophy, chef's background, and dining experience.
4. **Testimonials**: A rotating carousel of customer reviews to build trust and convey the quality of service and food.
5. **Contact Information**: An easy-to-find section with the restaurant's address, phone number, and a simple contact form for inquiries or reservations.

## 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 feature a full-width hero section at the top, followed by a grid layout for the menu items, a centered testimonial carousel, and a bottom section for contact information, ensuring easy navigation and a visually appealing flow.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified; simple state management may be sufficient for the landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Components**: Develop components for the Hero, Menu, About Us, Testimonials, and Contact sections.
3. **Implement Styling**: Use Tailwind CSS to apply minimalist design principles and ensure responsiveness across devices.
4. **Add Animations**: Utilize CSS transitions and animations for smooth interactions, such as hover effects on buttons and fade-in effects for sections.
5. **Test Responsiveness**: Ensure that the layout adapts well to different screen sizes and devices.
6. **Deploy**: Choose a hosting service to deploy the landing page, ensuring all links and CTAs function correctly.

## USER EXPERIENCE
Key user interactions include smooth scrolling to different sections when navigating, easy-to-use buttons for reservations or inquiries, and an engaging visual experience through the use of animations. The layout should be intuitive, guiding users naturally through the restaurant's offerings while maintaining a focus on simplicity and elegance. The use of testimonials can enhance the emotional connection, encouraging users to visit the restaurant.