Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Abacate Pay is a minimalist web application designed to facilitate seamless payment processing. The main purpose is to provide users with a clean and straightforward interface to manage their transactions efficiently, ensuring a smooth payment experience with a focus on usability and accessibility.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to manage their accounts safely.
2. **Payment Processing**: Users can easily make, receive, and track payments through an intuitive interface.
3. **Transaction History**: A comprehensive overview of past transactions, allowing users to review their payment activities.
4. **Profile Management**: Users can update their personal information, payment methods, and settings.
5. **Customer Support**: Easily accessible support section to help users with any inquiries or issues they may face.

## 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, a central content area for user interactions, and a footer with contact information and links to support.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing application state)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Install necessary dependencies**: Add shadcn/ui and Redux for UI components and state management.
3. **Create the authentication module**: Set up user authentication with forms for login and registration.
4. **Develop the payment processing feature**: Implement the payment interface, allowing users to enter payment details and execute transactions.
5. **Build the transaction history view**: Create a component to display the list of past transactions, including date, amount, and status.
6. **Implement profile management**: Add functionality for users to update their personal and payment information.
7. **Set up customer support**: Develop a support section that includes FAQs and a contact form for user inquiries.
8. **Test the application**: Conduct thorough testing to ensure all features work as expected and the user experience is smooth.
9. **Deploy the application**: Choose a hosting service suitable for React applications and deploy the finalized version of the application.

## USER EXPERIENCE
Users will begin their journey by signing up or logging into their accounts. After authentication, they will be directed to the dashboard, where they can easily access payment processing, view their transaction history, or manage their profiles. The minimalist design ensures that users can navigate efficiently, find the information they need quickly, and complete transactions with minimal friction. Responsive design principles will guarantee a seamless experience across various devices, making it easy for users to manage their payments on-the-go.