Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform for purchasing PUBG UC (Unknown Cash) using a streamlined, user-friendly interface. It allows users to quickly and securely acquire UC for their PUBG Mobile accounts, ensuring delivery within one hour. The app focuses on a minimalist design, enhancing user experience and ease of navigation.

## CORE FEATURES
1. **User Registration and Authentication**  
   Users can create accounts and securely log in using email and password authentication.

2. **UC Purchase System**  
   A straightforward purchasing mechanism allowing users to buy UC in various packages, with instant processing of transactions.

3. **Account Linking**  
   Users can link their PUBG Mobile accounts by entering their character ID, ensuring seamless delivery of UC.

4. **Order Tracking**  
   A dashboard feature that allows users to track their orders and receive updates on the status of their UC delivery.

5. **Payment Integration**  
   Supports multiple payment methods (e.g., credit/debit cards, e-wallets) for easy and secure transactions.

6. **Customer Support**  
   A help section or live chat feature for users to get assistance with their transactions or account issues.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should be clean and simple, utilizing ample white space to improve readability and focus on essential elements.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal contrast and readability.
- **Layout**: A top navigation bar for easy access to main features, a central content area for displaying products and order tracking, and a footer with support information. The layout should be responsive, adapting seamlessly to various screen sizes.
- **Typography**: Use a sans-serif font for clean readability (e.g., 'Roboto' or 'Arial'). Maintain a clear hierarchy with headings (larger font size, bold) and body text (standard size, regular weight).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling and rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-built components that follow clean design principles.
- **State Management**: Use React Context or Zustand for managing global state, especially for user authentication and cart management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create User Authentication**: Implement user registration and login functionality with secure authentication.
4. **Develop UC Purchase System**: Build the purchasing interface where users can select UC packages and initiate transactions.
5. **Integrate Payment Gateway**: Implement payment processing using a reliable third-party service (e.g., Stripe).
6. **Build Account Linking Feature**: Create a form for users to input their PUBG character ID and link their accounts.
7. **Order Tracking Dashboard**: Develop a user dashboard to track orders and provide status updates.
8. **Implement Customer Support**: Add a help section or live chat functionality for user assistance.

## USER EXPERIENCE
Users will navigate through a clean and straightforward interface. Upon landing on the homepage, they can quickly register or log in. After authentication, users will be able to view available UC packages and make purchases with just a few clicks. The order tracking feature will provide real-time updates, while customer support will be easily accessible, ensuring a smooth and satisfying user experience throughout the entire process.