Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application for the "Colegio Médico Departamental de La Paz" that serves as a payment portal for medical professionals. The platform will facilitate various functionalities including membership registration, billing, public profiles, and payment collections, ensuring a streamlined process for both the institution and its members.

## CORE FEATURES
1. **Cobros (Payments)**: A secure payment processing system allowing users to make payments for registration and other services online.
2. **Carnet (ID Card)**: Functionality to generate and manage digital ID cards for registered users.
3. **Perfil Público (Public Profile)**: A feature that allows users to create and maintain a public profile showcasing their credentials and contact information.
4. **Afiliación (Membership)**: A membership management system where users can apply for, renew, and view their membership status.
5. **Facturación (Billing)**: An integrated billing system that generates invoices for services rendered and payments made.

## 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 clean, structured layout with a prominent navigation bar, a hero section to highlight key features, and sections for user interactions like registration, payment, and profile management.

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

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Redux/Context API, Tailwind CSS).
2. **Create the main layout**: Design and implement a responsive layout with a navigation bar, footer, and main content area.
3. **Develop core features**: 
   - Implement the payment processing system using a secure payment gateway API.
   - Create the ID card generation module.
   - Set up user profile management with forms for input and displays for public profiles.
   - Develop the membership management system with application forms and status tracking.
   - Implement the billing system with invoice generation functionality.
4. **Styling and Design**: Apply Tailwind CSS to style components according to the design specifications, ensuring consistency throughout the application.
5. **Testing and Debugging**: Conduct thorough testing of all features across different devices and browsers to ensure a smooth user experience.

## USER EXPERIENCE
Users will have a seamless experience navigating the application, starting from the landing page where they can access all features. The registration process will be intuitive, guiding them through document submissions and payment options. Once registered, users can manage their profiles, view billing information, and access their digital ID cards with ease. The minimalist design will ensure that users can focus on essential tasks without distractions.