Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application provides users with virtual phone numbers that can be used to receive SMS messages. Users will receive a free virtual number every 24 hours, along with the option to purchase additional numbers. The application aims to offer a simple and effective solution for users seeking privacy and convenience when managing SMS communications.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create an account to manage their virtual numbers, with secure login and password recovery options.
2. **Free Virtual Number Generation**: Every 24 hours, users can generate a new free virtual number to receive SMS messages.
3. **Paid Number Options**: Users can purchase additional virtual numbers for a fee, with easy payment processing.
4. **SMS Management Dashboard**: A user-friendly dashboard where users can view and manage their received SMS messages, including archiving and deleting messages.
5. **Notification System**: Users receive notifications for incoming messages on their virtual numbers, enhancing user engagement.
6. **Account Settings**: Users can update their personal information, manage their subscription, and view transaction history within 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 feature a header with navigation links, a main content area displaying the dashboard and features, and a footer with contact information and links to privacy policy and terms of service.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user authentication and SMS data

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui components, and any state management libraries needed (e.g., Redux).
3. **Create user authentication**: Implement user registration, login, and password recovery functionalities.
4. **Develop the SMS management dashboard**: Create components to display the list of virtual numbers and incoming SMS messages.
5. **Implement free number generation**: Set up logic to provide a free number every 24 hours and handle the purchase of additional numbers.
6. **Set up notifications**: Use a notification library or custom implementation to alert users of incoming SMS messages.
7. **Add account settings**: Create a settings page where users can manage their profiles and subscription details.
8. **Test the application**: Conduct thorough testing of all functionalities to ensure a seamless user experience.

## USER EXPERIENCE
Users will have a straightforward onboarding process, starting with account creation. Upon logging in, they will be directed to the dashboard where they can easily see their virtual numbers and received SMS messages. The application will provide clear notifications for incoming messages and a simple interface for generating new numbers or upgrading to paid options. Users will also have easy access to their account settings for managing personal information and subscriptions. The responsive design ensures that the application is accessible on both desktop and mobile devices, enhancing usability across platforms.