Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
KredoFlow is a web application designed to streamline customer support for Shopify stores through the deployment of autonomous AI agents. The primary goal is to automate responses related to order tracking and policy FAQs, significantly reducing support ticket volume and enhancing customer experience.

## CORE FEATURES
1. **AI Order Tracking**: Automates responses to customer inquiries about order status by integrating directly with the Shopify API.
2. **Policy FAQ Automation**: Provides instant answers to common policy questions, reducing the load on human agents.
3. **Support Ticket Reduction**: Implements AI solutions that aim to cut support ticket volume by 50%, improving operational efficiency.
4. **Shopify Integration**: Seamless integration with Shopify to access order information and relevant data in real-time.
5. **User Dashboard**: Offers store owners insights into customer interactions and support ticket analytics.
6. **Contact Form**: A simple contact form for customers to reach out directly for issues that require human intervention.

## 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 consists of a hero section, feature highlights, a user dashboard, and a contact form, all organized vertically with ample white space to ensure clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and interactions.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI components.
3. **Create Layout Structure**: Implement the main layout with a hero section, features overview, user dashboard, and contact form.
4. **Integrate Shopify API**: Set up authentication and API calls to Shopify for fetching order information.
5. **Develop Core Features**: Code the AI order tracking and policy FAQ automation functionalities, ensuring they respond accurately to user inputs.
6. **Implement User Dashboard**: Design a dashboard that displays analytics on customer interactions and ticket volume.
7. **Testing**: Conduct comprehensive testing to ensure all features work seamlessly and that the user experience is smooth.
8. **Deploy**: Deploy the application on a suitable hosting platform, ensuring it is accessible to Shopify store owners.

## USER EXPERIENCE
Users will interact with KredoFlow through a straightforward interface. Upon landing on the site, they will be greeted by a clear hero section outlining the benefits of using KredoFlow. As they scroll, they will see feature highlights that explain how the AI agents work, followed by a user dashboard showcasing analytics. A contact form will be readily accessible for any inquiries that require human attention, ensuring a seamless and efficient customer support experience. The application will be responsive, ensuring functionality across various devices and screen sizes.