Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based tool designed for users to create and manage cross-sell product strategies. It provides a step-by-step journey that guides users through the process of setting up effective marketing funnels, allowing them to either utilize suggested strategies or build their own from scratch.

## CORE FEATURES
1. **Funil Screen**: An initial empty state listing where users can view existing strategies and create a new one with a prominent button.
2. **Strategy Creation**: A guided process where users can choose to follow a suggested product cross-sell path or create a custom strategy from scratch.
3. **Product List Configuration**: Users can select products from their existing inventory and set offers for each product to be showcased in their strategy.
4. **Content Management**: After the product list is created, users can add titles, descriptions, and upload images or videos for each product.
5. **Payment Method Activation**: Users can activate payment methods (Credit Card, Pix, Boleto) for their cross-sell strategy, with all methods enabled by default.
6. **Strategy Review and Activation**: A summary screen where users can review all their decisions before activating the strategy, which then returns them to the Funil screen with the new strategy listed.

## 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 structure should include a sidebar for navigation, a main content area for the current workflow step, and a footer for additional links or information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (or similar) for managing application state across components.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**:
   - FunilScreen for listing strategies.
   - StrategyCreation for the guided creation process.
   - ProductList for selecting and configuring products.
   - ContentManagement for adding product content.
   - PaymentActivation for enabling payment methods.
   - ReviewScreen for final strategy confirmation.
3. **Implement Routing**: Use React Router to navigate between different steps of the strategy creation process.
4. **State Management**: Set up Redux to manage the state of strategies, products, and user input across components.
5. **Styling**: Use Tailwind CSS to style components according to design specifications, ensuring responsive design for various screen sizes.
6. **Testing**: Conduct thorough testing of user flows to ensure all functionalities work seamlessly from strategy creation to activation.

## USER EXPERIENCE
The user experience focuses on a smooth and intuitive flow, allowing users to easily navigate through the process of creating cross-sell strategies. Clear prompts and feedback will guide users at each step, ensuring they understand their options and can make informed choices. The minimalist design will enhance usability, making it easy to focus on the content without distractions.