Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a web application for renting SMS SIM cards, similar to "5sim.net". The application will have a clean and minimalist user interface that allows users to purchase specific country numbers for various applications or websites. It will integrate with the Hero SMS API for real-time data and utilize NowPayments for secure transactions. An admin portal will enable management functionalities, and Google login will facilitate user authentication.

## CORE FEATURES
1. **User Registration and Authentication**: Users can sign up and log in using their Google accounts for a seamless experience.
2. **SIM Card Selection**: Users can browse and select SMS SIM cards from various countries, viewing details and availability in real-time through the Hero SMS API.
3. **Credit Management**: Users can purchase credits via NowPayments, which will be credited to their accounts upon successful payment confirmation.
4. **Admin Portal**: Admin users can manage SIM card inventory, monitor transactions, and oversee user accounts through a dedicated dashboard.
5. **Live API Integration**: The integration with Hero SMS API will ensure that users receive up-to-date information on available SIM cards and their functionality.
6. **User Dashboard**: Users can view their purchase history, current credits, and manage their account settings.

## 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 hero section for promotions, a features section, a user dashboard, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Query for API data fetching and state management

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Authentication Flow**: Implement Google login using Firebase or a similar service.
3. **Integrate Hero SMS API**: Set up API calls to fetch available SIM cards and display them in the UI.
4. **Implement Payment System**: Integrate NowPayments for handling credit purchases and ensure successful transactions update user accounts.
5. **Build Admin Portal**: Create a separate admin interface for managing SIM inventory and user accounts.
6. **Design User Dashboard**: Develop a user-friendly dashboard for users to view their credits, purchase history, and account settings.
7. **Testing and Deployment**: Test the application for functionality and responsiveness, then deploy it using Cloudflare.

## USER EXPERIENCE
Users will enjoy a straightforward experience starting from the landing page, where they can easily navigate through available SIM cards. The Google login will streamline the registration process. Once logged in, users can select SIM cards, purchase credits, and monitor their usage through a dashboard. Admins will have a clear interface to manage operations efficiently, ensuring a smooth experience for both users and administrators. 

By focusing on usability and integrating essential features, this application will cater to the needs of users seeking SMS SIM rentals with a modern aesthetic.