Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application for an ISP billing system, designed to streamline billing processes and enhance customer management. The application will provide features for account management, invoice generation, payment tracking, and customer support, ensuring a user-friendly and efficient experience for both administrators and customers.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to manage their accounts.
2. **Account Management**: Users can view and update their account information, including contact details and service plans.
3. **Invoice Generation**: Automated generation of invoices based on the user's selected service plan and consumption.
4. **Payment Processing**: Integration with payment gateways to facilitate secure online payments and transaction history tracking.
5. **Customer Support**: A support ticket system allowing users to submit inquiries or issues and receive timely responses.
6. **Reporting Dashboard**: A comprehensive dashboard for administrators to monitor billing activities, outstanding payments, and customer engagement metrics.

## 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 application will feature a sidebar for navigation, a main content area for displaying information, and a footer for additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Design Layout**: Create the main layout components, including the sidebar, header, and footer, ensuring compliance with the design specifications.
3. **Implement Authentication**: Develop user authentication features using JWT and secure routes for protected components.
4. **Build Core Features**: Create components for account management, invoice generation, payment processing, customer support, and reporting dashboard.
5. **Integrate Payment Gateway**: Set up a payment processing system with a reliable payment gateway for secure transactions.
6. **Testing and Deployment**: Conduct thorough testing of all features and ensure responsive design, then deploy the application to a cloud hosting service.

## USER EXPERIENCE
The application will focus on providing a seamless experience, with intuitive navigation and clear call-to-action buttons. Users will be able to easily manage their accounts, view and pay invoices, and access support. The reporting dashboard will present data in an organized manner, allowing administrators to make informed decisions quickly. The overall user journey will prioritize simplicity and efficiency, ensuring users can accomplish tasks with minimal friction.