Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for a vibrant food e-commerce platform that showcases both vegetarian and non-vegetarian dishes, focusing on Indian and Chinese cuisines. The goal is to highlight the delicious and beautifully presented food items, appealing to customers looking for restaurant-quality meals to order online.

## CORE FEATURES
1. **Hero Section**: A captivating image of colorful dishes with a strong headline and a call-to-action button prompting users to explore the menu.
2. **Menu Display**: A visually appealing grid layout showcasing featured dishes, including mouth-watering images, descriptions, and pricing.
3. **Special Offers**: Highlight any ongoing promotions or discounts prominently to encourage immediate orders.
4. **Testimonials**: A section for customer reviews and ratings to build trust and credibility.
5. **Contact Information**: Easy access to contact details and a simple contact form for inquiries.
6. **Social Media Links**: Icons linking to social media platforms to enhance engagement and community building.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to allow food images to stand out.
- **Color Mode**: Light theme with dark text on light backgrounds to create a fresh and inviting atmosphere.
- **Layout**: A full-width hero section at the top, followed by a responsive grid layout for the menu items, with testimonials and contact sections below, all separated by ample whitespace for clarity.
- **Typography**: Use a clean sans-serif font for headings (like Montserrat) and a legible serif font for body text (like Lora) to create a contrast that enhances readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid and responsive design
- **UI Components**: shadcn/ui for pre-built components that fit the minimalist aesthetic
- **State Management**: Not required for a landing page, but could incorporate simple React hooks if needed for state handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Hero Section**: Implement the hero section with a background image, headline, and CTA button.
3. **Build Menu Display**: Create a grid component to dynamically display food items, incorporating images and descriptions.
4. **Add Special Offers**: Design a section for special offers that can be updated easily.
5. **Implement Testimonials**: Create a rotating testimonials component to showcase customer feedback.
6. **Design Contact Section**: Add contact information and a simple form for inquiries.
7. **Optimize for Mobile**: Ensure all components are responsive and function seamlessly on various devices.

## USER EXPERIENCE
Users will land on a visually striking homepage where they are greeted with an enticing hero image of the featured dishes. They can easily navigate through the menu grid to discover available options, read testimonials, and take advantage of special offers. The contact section allows for seamless inquiry submissions, enhancing customer engagement and support. Overall, the design prioritizes easy navigation and a seamless order experience, encouraging users to explore and purchase their favorite dishes.