Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows users to rent SMS numbers from different countries in real-time using the Hero SMS API. The platform will feature an admin portal for managing numbers and transactions, and integrate with NowPayments for secure credit purchases. The application will focus on providing a clean and user-friendly interface with a minimalist aesthetic.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to access their profiles and purchase credits for renting SMS numbers.
2. **SMS Number Rental**: Users can browse and rent SMS numbers from specific countries using the Hero SMS API.
3. **Credit Purchase System**: Integration with NowPayments to allow users to purchase credits for renting SMS numbers, with a confirmation process to add credits to their account.
4. **Admin Portal**: A dedicated interface for administrators to manage SMS numbers, view transactions, and handle user accounts.
5. **Real-time SMS Management**: Users can view and manage their rented SMS numbers in real-time, with access to received messages and usage statistics.
6. **Responsive Design**: The app will be fully responsive, ensuring an optimal experience on both desktop and mobile devices.

## 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 sidebar for admin functionalities. Each page will include a clear call to action and user-friendly navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or Redux if needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, etc.).
2. **Create User Authentication**: Implement authentication functionality allowing users to register and log in.
3. **Integrate Hero SMS API**: Create functions to fetch available SMS numbers from the Hero SMS API and display them on the front end.
4. **Implement Payment System**: Set up NowPayments integration to handle credit purchases and update the user account with available credits.
5. **Build Admin Portal**: Develop the admin interface for managing SMS numbers and overseeing transactions.
6. **Design Responsive UI**: Ensure all components are responsive and adhere to the minimalist design specifications.
7. **Testing and Deployment**: Conduct thorough testing to ensure functionality and deploy the application using Cloudflare for hosting.

## USER EXPERIENCE
Users will navigate the application through a simple and intuitive interface. Upon logging in, they can easily browse available SMS numbers, check their credit balance, and proceed to purchase credits through a secure payment gateway. The admin portal will provide tools for managing the SMS inventory and monitoring user activity, ensuring a seamless experience for both users and administrators. The design will prioritize usability and accessibility, making it easy for users of all technical levels to rent SMS numbers effortlessly.