Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a fully functional web application that integrates Pawapay functionality, allowing users to make deposits via a streamlined payment page. The application will leverage the existing Pawapay API to provide a seamless payment experience while maintaining a minimalist and clean design.

## CORE FEATURES
1. **User Authentication**: Secure login and registration processes to manage user accounts, enabling them to access and use the payment functionalities.
2. **Payment Processing**: Integration with the Pawapay API to allow users to deposit funds easily through a user-friendly interface.
3. **Transaction History**: A dashboard feature that displays past transactions, allowing users to view details of their deposits and manage their payment history.
4. **Real-time Notifications**: Users will receive notifications about payment status updates, ensuring they are informed about their transactions promptly.
5. **Responsive Design**: The application will be fully responsive, providing an optimal experience across various devices, from desktops to mobile phones.
6. **Customer Support**: A contact form or chat support feature to assist users with any issues they encounter during the payment process.

## 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 layout will consist of a top navigation bar, a hero section for the main call-to-action, a features section highlighting the core functionalities, a transaction history dashboard for users, and a contact/support section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for consistent and modern UI components.
- **State Management**: Redux or Context API for managing application state (if needed).

## IMPLEMENTATION STEPS
1. **Set up the React application** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it for styling the application components.
3. **Implement user authentication** using a suitable method (e.g., JWT).
4. **Integrate the Pawapay API** for handling payment processing, ensuring proper error handling and user feedback.
5. **Create the transaction history dashboard** that fetches and displays user transactions from the API.
6. **Implement real-time notifications** using a state management solution to provide updates on payment statuses.
7. **Design and implement the customer support feature**, allowing users to easily reach out for help.
8. **Ensure responsiveness** by testing the application on various devices and making necessary adjustments.

## USER EXPERIENCE
The application will provide a straightforward user flow, guiding users from authentication through to successful payment processing. Upon logging in, users will see their transaction history and options to make new payments. Clear calls-to-action will lead users seamlessly through the payment process, with real-time notifications informing them of their transaction status. The minimalist design will ensure that users can focus on their tasks without unnecessary distractions, enhancing overall usability.