---
layout: home

hero:
  name: "Monetarie NPC"
  text: "Backoffice"
  tagline: Professional dashboard for Brazilian financial systems integration
  image:
    src: /logo.svg
    alt: Monetarie NPC Logo
  actions:
    - theme: brand
      text: Get Started
      link: /guide/getting-started
    - theme: alt
      text: View on GitHub
      link: https://github.com/your-org/monetarie_npc-backoffice

features:
  - icon:
      dark: /icons/shield-dark.svg
      light: /icons/shield.svg
    title: Secure Authentication
    details: Built-in authentication system with session management and route protection for secure access control.

  - icon:
      dark: /icons/monitor-dark.svg
      light: /icons/monitor.svg
    title: Real-time Monitoring
    details: Monitor the health status of SPB, SPI, STA, Nuclea, and SISBAJUD systems with live updates.

  - icon:
      dark: /icons/gavel-dark.svg
      light: /icons/gavel.svg
    title: SISBAJUD Integration
    details: Complete management of judicial orders including blocks, unblocks, and transfers with status tracking.

  - icon:
      dark: /icons/robot-dark.svg
      light: /icons/robot.svg
    title: Serena AI Assistant
    details: Intelligent virtual assistant to help users navigate the system and answer common questions.

  - icon:
      dark: /icons/globe-dark.svg
      light: /icons/globe.svg
    title: Multi-language Support
    details: Full internationalization with Portuguese (PT-BR), English (EN), and Simplified Chinese (ZH-CN).

  - icon:
      dark: /icons/vuetify-dark.svg
      light: /icons/vuetify.svg
    title: Modern UI with Vuetify 3
    details: Beautiful Material Design components with responsive layouts and dark mode support.
---

## Quick Overview

Monetarie NPC Backoffice is a professional Vue 3 dashboard designed for managing integrations with Brazilian financial infrastructure. It provides a unified interface for monitoring and managing connections to:

| System | Description |
|--------|-------------|
| **SPB** | Sistema de Pagamentos Brasileiro (Brazilian Payments System) |
| **SPI** | Sistema de Pagamentos Instantaneos (Instant Payments System - PIX) |
| **STA** | Sistema de Transferencia de Arquivos (File Transfer System) |
| **Nuclea** | Clearing and settlement infrastructure |
| **SISBAJUD** | Sistema de Busca de Ativos do Poder Judiciario (Judicial Asset Search System) |

## Tech Stack

- **Vue 3** - Progressive JavaScript Framework with Composition API
- **TypeScript** - Type-safe development experience
- **Vuetify 3** - Material Design component library
- **Pinia** - Intuitive state management
- **Vue Router** - Official router with navigation guards
- **vue-i18n** - Internationalization framework
- **Vite** - Next-generation frontend tooling

## Demo Credentials

::: tip Test the Application
Use these credentials to explore the demo:
- **Email:** `admin@monetarie_npc.com.br`
- **Password:** `admin123`
:::

## Project Structure

```
monetarie_npc-backoffice/
├── src/
│   ├── features/           # Feature modules
│   │   ├── auth/           # Authentication
│   │   ├── dashboard/      # Dashboard & monitoring
│   │   ├── accounts/       # Account management
│   │   ├── settings/       # System settings
│   │   └── serena/         # AI support chat
│   ├── shared/             # Shared components
│   ├── layouts/            # Layout components
│   ├── stores/             # Pinia stores
│   ├── i18n/               # Internationalization
│   ├── mocks/              # Mock data
│   └── router/             # Vue Router
├── docs/                   # This documentation
└── README.md
```

## Available Scripts

| Command | Description |
|---------|-------------|
| `npm run dev` | Start development server |
| `npm run build` | Build for production |
| `npm run preview` | Preview production build |
| `npm run docs:dev` | Start documentation server |
| `npm run docs:build` | Build documentation |