Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a personalized offer engine for Freshpod, designed to generate targeted offers for customers based on their purchase behavior. It aims to enhance customer engagement by delivering tailored notifications and in-app messages that resonate with individual preferences and actions.

## CORE FEATURES
1. **Customer Profile Analysis**: Analyze customer data such as purchase history, preferred bowl types, and loyalty tiers to categorize behavior.
2. **Offer Generation**: Generate personalized offers based on customer behavior patterns (e.g., milestone rewards, upsell nudges).
3. **Push Notifications**: Send short, direct push notifications to customers with tailored offers.
4. **In-app Messaging**: Provide a more detailed message within the app, reinforcing the offer and encouraging purchases.
5. **Image Upload and Editing**: Allow users to upload images and edit them by adding text or graphics to enhance the promotional visuals.
6. **Offer Timing Optimization**: Suggest optimal times for sending notifications to maximize engagement based on user behavior.

## 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 feature a top navigation bar, a hero section for user engagement, an offer display area, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use Context API or Redux as needed for managing user state and offers.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (like Redux or Context API).
3. **Create Components**:
   - Build a navigation bar component.
   - Create a hero section that highlights Freshpod's value proposition.
   - Develop an offer display component that integrates with customer data.
   - Implement the image upload feature using a file input and a canvas for editing.
4. **Implement Offer Logic**: Write functions to analyze customer profiles and generate offers based on defined criteria.
5. **Set Up Notifications**: Implement the functionality to send push notifications and in-app messages.
6. **Test the Application**: Ensure all features work seamlessly, focusing on user experience and responsiveness across devices.

## USER EXPERIENCE
Users will interact with the application primarily through a clean interface that emphasizes simplicity. Upon logging in, they will see personalized offers based on their purchase history. Users can upload images for promotions, edit them directly within the app, and receive timely push notifications that encourage them to engage with their favorite Freshpod bowls. The overall experience will be intuitive, ensuring quick access to offers and easy navigation throughout the application.