Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a banking-inspired platform designed to facilitate seamless money transfers and payment notifications. Users can easily search for recipients using names, CPF, or CNPJ, read QR codes for payments, and receive instant notifications when transactions are initiated.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to access their account and manage transactions.
2. **Recipient Search**: Functionality to search for recipients by name, CPF, or CNPJ to streamline the transfer process.
3. **QR Code Integration**: Users can read QR codes for payments and add their own Pix QR code for easy transactions.
4. **Transaction Notifications**: Real-time notifications to users whenever a payment is initiated or completed.
5. **User Dashboard**: A clean and intuitive dashboard displaying recent transactions and quick access to key features.
6. **Ad Placement**: Space for ads displayed below the main functionality, ensuring a minimal design while monetizing the app.

## 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 top navigation bar for user access, a central area for the recipient search and QR code features, and a notification panel for transaction alerts. Ads will be displayed below these sections.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user state and transaction data)

## IMPLEMENTATION STEPS
1. **Set Up React with TypeScript**: Create a new React application with TypeScript configuration.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Authentication Module**: Implement user authentication using Firebase or another service for secure logins.
4. **Build Core Features**:
   - Develop the recipient search functionality with input fields for name, CPF, and CNPJ.
   - Integrate QR code scanning capability using a library like `react-qr-reader`.
   - Set up transaction notification system with real-time updates.
5. **Design UI Components**: Create reusable components for buttons, forms, and dashboards using Tailwind CSS.
6. **Implement Ad Placement**: Design a section for advertisements integrated into the layout below the main functionality.
7. **Testing & Optimization**: Test the application for responsiveness and user experience, making adjustments as necessary.

## USER EXPERIENCE
Users will experience an intuitive interface where they can easily navigate through the recipient search and QR code functionalities. Upon logging in, they will have immediate access to their recent transactions and can initiate new payments with minimal clicks. Notifications will be clearly displayed to keep users informed of their transaction status, while the clean layout ensures ease of use and focus on essential features.