Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fully responsive web application for an AI cooking app, designed to provide users with an immersive and premium cooking experience. The application aims to engage users through interactive features like an AI recipe generator, community feed, and more, all while maintaining high performance and aesthetic appeal.

## CORE FEATURES
1. **Hero Section**: An engaging hero area with a visually stunning wooden bowl animation, where vegetables appear as users scroll, creating a dynamic first impression.
2. **Download Section**: A dedicated area for APK downloads, including version information, app size, and secure download badges to build trust.
3. **Features Showcase**: An interactive floating widget display showcasing various app features, each with animated transitions and hover effects to enhance user engagement.
4. **Feature Explanation Pages**: Individual pages for each app feature that include interactive elements and performance-optimized animations.
5. **Customer Support Center**: A dedicated support page featuring an AI chatbot, FAQ section, and ticket submission system for user assistance.
6. **Terms and Conditions Page**: A comprehensive legal page outlining user responsibilities, content ownership, and other important policies.

## 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 structured hero section, followed by feature showcases, interactive elements, and a support center, designed to guide users through the application seamlessly.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (specify as needed)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout Components**: Develop reusable layout components for the hero section, feature showcases, and support pages.
3. **Implement Hero Animation**: Use GSAP for the wooden bowl animation and vegetable effects, ensuring performance and responsiveness.
4. **Develop Feature Widgets**: Create interactive cards for each feature, implementing CSS animations and hover effects.
5. **Build Feature Explanation Pages**: Code each feature page to be independently lazy-loaded, integrating animations and interactions as described.
6. **Set Up Customer Support**: Implement the AI chatbot, FAQ section, and ticket submission system with appropriate responses and escalation for payment issues.
7. **Legal Pages**: Construct the terms and conditions page, making sure it is easily accessible from the footer.
8. **Testing and Optimization**: Conduct thorough testing on various devices to ensure responsiveness, performance, and adherence to accessibility standards.
9. **Deployment**: Prepare the app for deployment, ensuring all assets are optimized and performance budgets are met.

## USER EXPERIENCE
Users will be greeted with a visually captivating hero section that introduces the app's purpose through engaging animations. As they scroll, they will witness the dynamic filling of the wooden bowl, followed by sections that detail the app's features through interactive cards. The APK download section will provide easy access to the app, while the support center ensures users have help at their fingertips. The overall experience will be smooth, responsive, and visually stunning, inviting users to explore and engage with the AI cooking app fully.