Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a "Buy Now, Pay Later" (BNPL) service that allows customers to split their purchases into four interest-free, automated payments or defer payment up to 12 months later. This web app aims to provide a seamless payment experience for users, enhancing the shopping experience by offering flexible payment options.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process, allowing users to create accounts to manage their payment plans and track purchases.
2. **Purchase Splitting**: Functionality for users to select items and split the total cost into four interest-free payments or choose a deferred payment option up to 12 months.
3. **Payment Scheduler**: Automated scheduling of payments with reminders sent to users before each payment due date.
4. **Transaction History**: A dashboard feature that displays past transactions, including details of purchases and payment statuses.
5. **Merchant Integration**: Capability for partnering merchants to integrate the BNPL option at checkout seamlessly.
6. **Customer Support Chat**: In-app support feature for users to ask questions and resolve issues regarding their payments or account.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, with plenty of white space to promote clarity and ease of navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: The main layout will include a top navigation bar, a hero section displaying the BNPL service benefits, followed by a feature overview section, testimonials, and a clear call-to-action button leading to sign-up.
- **Typography**: Use a modern sans-serif font (e.g., Helvetica or Open Sans) for headers and body text to maintain simplicity and readability. Establish a clear hierarchy with larger font sizes for headers and smaller sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for managing global state related to user authentication and transaction data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Design Layout**: Create the main layout structure with a top navigation bar, hero section, and features section using Tailwind CSS for styling.
3. **Implement User Authentication**: Build out user authentication features using Firebase or a similar service for secure user management.
4. **Build Purchase Splitting Feature**: Develop the logic for selecting products and splitting payments, including the necessary API integrations for processing transactions.
5. **Create Payment Scheduler**: Implement a payment scheduling system that automates reminders and manages payment collections.
6. **Develop Transaction History Dashboard**: Create a user dashboard that displays transaction history, integrating the necessary state management for real-time updates.
7. **Integrate Customer Support Chat**: Add a live chat feature using a service like Intercom or Chatbot for user support.

## USER EXPERIENCE
The key user interactions will involve signing up for an account, selecting products at partner merchants, choosing a payment option, and managing their payment schedules through the dashboard. Users will receive notifications for upcoming payments, and the in-app support chat will provide assistance as needed. The overall design will focus on simplicity and responsiveness, ensuring a smooth experience across devices.