Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a stunning landing page named "Foodies" that showcases a classy and minimalist design. The website will emphasize food-related content with top-notch animations while maintaining a clean aesthetic. The goal is to engage users with visually appealing elements and encourage interaction through a simple yet effective user experience.

## CORE FEATURES
1. **Hero Section**: A captivating hero area featuring an inviting image or animation related to food, accompanied by a prominent tagline and a call-to-action button.
2. **Featured Dishes**: A section that highlights popular dishes with enticing visuals and brief descriptions, enticing users to explore more.
3. **About Us**: A brief introduction to the brand, explaining the vision of Foodies and what sets it apart from the competition.
4. **Testimonials**: A carousel showcasing customer reviews and feedback to build trust and credibility.
5. **Contact Form**: A simple form allowing users to get in touch, with fields for name, email, and message.
6. **Footer**: A clean footer with social media links, copyright information, and additional navigation options.

## 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 consist of a full-width hero section at the top, followed by sections for featured dishes, about us, testimonials, and contact form arranged vertically, ensuring a seamless flow of content.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop separate components for the Hero Section, Featured Dishes, About Us, Testimonials, Contact Form, and Footer.
3. **Implement Styling**: Use Tailwind CSS to style each component according to the design specifications. Ensure the primary color and typography are applied consistently.
4. **Add Animations**: Incorporate CSS animations for transitions and hover effects to enhance visual appeal.
5. **Integrate Responsiveness**: Use media queries and responsive design techniques to ensure the site looks great on all devices.
6. **Test and Deploy**: Test the landing page for functionality and responsiveness before deploying to a hosting platform.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately captures their attention. They can easily navigate through the featured dishes and learn more about Foodies through engaging animations. The testimonials will build trust, and the contact form will provide a straightforward way for users to reach out. Overall, the site is designed for a seamless and enjoyable browsing experience that encourages exploration and interaction.