Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Chicken House Restaurant Landing Page

## APPLICATION OVERVIEW
This project is a landing page for Chicken House, a restaurant specializing in delicious fried chicken. The landing page will serve as a digital front showcasing the restaurant's menu, contact information, and customer testimonials, designed to attract new customers and enhance the dining experience.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with the restaurant's name, a brief description, and a prominent call-to-action button linking to the UberEats ordering page.
2. **Menu Display**: A visually appealing section that presents the menu items, including photos and descriptions of the dishes.
3. **Customer Testimonials**: A dedicated area to showcase positive reviews and experiences from satisfied diners to build trust and credibility.
4. **Contact Information**: A clear section displaying the restaurant's address, phone number, and operational hours for easy access.
5. **Social Media Links**: Integration of icons linking to the restaurant’s Instagram and Facebook pages to encourage social engagement.
6. **Responsive Design**: The layout will be fully responsive, ensuring a seamless experience across all devices, from desktops to smartphones.

## 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 (use this as the main accent/brand color 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 feature a structured flow starting from the hero section at the top, followed by the menu section, testimonials, and finally the contact information and social media links at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript template.
2. **Install Tailwind CSS** and configure it for styling the components.
3. **Create components** for each section: Hero, Menu, Testimonials, and Contact.
4. **Fetch and display the menu items** with images and descriptions using a static JSON file or directly coded data.
5. **Add testimonials** dynamically rendered from an array of review objects.
6. **Style the components** using Tailwind CSS, ensuring to apply the specified design specifications.
7. **Implement responsive design** techniques to ensure usability across all devices.
8. **Test the website** for functionality and responsiveness, making necessary adjustments.

## USER EXPERIENCE
Users will land on a welcoming hero section that introduces Chicken House and encourages them to explore the menu. As they scroll down, they will see appetizing images of the menu items and read testimonials from happy customers. The contact section will make it easy for them to find the restaurant's location and hours, while social media links will provide pathways to engage further with the restaurant. The overall flow will be intuitive, guiding users toward placing an order through UberEats or visiting the restaurant.