Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The project is a role-based web application designed to serve multiple stakeholders in a unified financial platform called PortFinX. Users will have access to tailored features and interfaces based on their assigned roles, ensuring they only interact with the relevant functionalities of the system.

## CORE FEATURES
1. **Landing Page**: A visually appealing landing page that introduces PortFinX, highlighting its advantages and encouraging user sign-up.
2. **Authentication**: Secure login and signup processes, including a role selection step for new users to dictate access rights.
3. **Role-Based Dashboards**: Dynamic dashboards that change visibility and features based on user roles (Business, Port Authority, Bank, Logistics).
4. **Shipments Management**: A comprehensive module for tracking and managing shipments, accessible to Business and Logistics roles.
5. **Financial Twin Visualization**: An insightful feature providing users with a financial twin view tailored to their role's restrictions.
6. **Audit and Compliance Checks**: Functionality for Port Authority and Bank roles to perform audits and manage compliance.

## 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 top navigation bar, a hero section on the landing page, followed by sections for features, testimonials, and a contact form, leading to the auth flow.

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

## IMPLEMENTATION STEPS
1. **Add Landing Page**: Create a landing page that includes a hero section, features overview, and a clear call to action to "Get Started".
2. **Implement Authentication**: Develop secure login and signup pages, ensuring users can select their roles during signup.
3. **Store Role Information**: Implement a method to store user roles in state (user.role = "business" | "port" | "bank" | "logistics").
4. **Create Role-Based Dashboards**: Develop the main application dashboard that conditionally renders components based on the user's role.
5. **Develop Core Modules**: Build out the functionalities for shipments, financial twin, and audits, ensuring they adhere to role-based visibility.
6. **Implement Responsive Design**: Ensure the application is fully responsive for various devices, focusing on user experience.

## USER EXPERIENCE
Users will be greeted by a clean and straightforward landing page, prompting them to sign up or log in. After authentication, they will select their role, which will dictate the features available on their dashboard. The navigation will be intuitive, with clear access to role-specific modules, ensuring a seamless experience throughout their interaction with PortFinX.
```