> ## Documentation Index
> Fetch the complete documentation index at: https://docs.evomarketing.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Pages

> Frontend route structure and key pages

The frontend uses Next.js App Router with route groups for different user contexts.

## Route groups

| Group      | Path                      | Purpose               |
| ---------- | ------------------------- | --------------------- |
| `(auth)`   | `/login`, `/invite/*`     | Authentication flows  |
| `(app)`    | `/team/*`, `/community/*` | Authenticated product |
| `(public)` | `/hub/*`, `/reports/*`    | Public share pages    |

## Admin pages (`/team/*`)

### Dashboard

**Path:** `/team/dashboard`

Overview page showing:

* Key metrics summary
* Breaking out posts (viral alerts)
* Recent activity
* Quick actions

### Brands

**Path:** `/team/brands`, `/team/brands/[brandId]`

Brand management with nested tabs:

* Overview
* Contracts
* Campaigns
* Roster
* Metrics
* Client Hub
* Strategy
* Settings

### Creators

**Path:** `/team/creators`, `/team/creators/[id]`

Creator roster management:

* List view with filters
* Creator detail pages
* Performance tracking
* Flag management

### Creator Roster (New)

**Path:** `/team/creator-roster`

Revamped roster with benchmark ladder:

* Week-by-week performance strips
* Tenure-based benchmarks
* Training queue integration

### Pipeline

**Path:** `/team/pipeline`

Kanban board for brand lifecycle:

* 8 stage columns
* Drag-drop stage changes
* Status filtering

### Mission Control

**Path:** `/team/mission-control`

Campaign operations board:

* Active campaigns
* Placement progress
* Pacing indicators
* Section groupings

### Metrics

**Path:** `/team/metrics`, `/team/metrics/*`

Analytics pages:

* Overview dashboard
* Sync health
* Follower tracking
* Platform breakdown

### Brand Deals

**Path:** `/team/brand-deals`

Job board administration:

* Deal listings
* Application review queue
* Approval/rejection actions

### Ambassadors

**Path:** `/team/ambassadors`

Ambassador program management:

* Creator leads
* Referral tracking
* Priority sources

### Announcements

**Path:** `/team/announcements`

Creator announcement broadcasts:

* Create announcements
* Audience targeting
* Delivery tracking

### Signing Contracts

**Path:** `/team/signing-contracts`

DocuSign-style contract management:

* Contract templates
* Signature tracking
* Completion status

### Client Requests

**Path:** `/team/client-requests`

Client request queue:

* Request list by brand
* Status management
* Response actions

## Creator pages (`/community/*`)

### Get Started

**Path:** `/community/get-started`

26-screen onboarding wizard:

* Profile setup
* Social connection
* Quiz
* Training

### Brand Deals

**Path:** `/community/brand-deals`

Browse available opportunities:

* Deal cards with gamification
* Application flow
* Status tracking

### Chats

**Path:** `/community/chats`

Community messaging:

* Channel list
* Direct messages
* Message composition

### Leaderboards

**Path:** `/community/leaderboards`

Monthly rankings:

* Overall leaderboard
* Per-brand leaderboards
* Historical rankings

### EVO Games

**Path:** `/community/evo-games`

Seasonal gamification:

* Current season
* Standings
* Prizes

### Ambassador

**Path:** `/community/ambassador`

Ambassador portal:

* Referral link
* Lead management
* Commission tracking

## Public pages

### Client Hub

**Path:** `/hub/[slug]`

Shareable brand portal:

* Overview metrics
* Creator roster
* Reports
* Requests

### Reports

**Path:** `/reports/[token]`

Public brand reports:

* Performance data
* Platform breakdown
* Export options

### Contracts

**Path:** `/contracts/[hash]`

Contract signing:

* View contract
* Signature capture
* Confirmation

## Page patterns

### Server prefetching

Pages use `HydratedRoute` for SSR:

```typescript theme={null}
export default async function BrandsPage() {
  return (
    <HydratedRoute queries={[brandsQuery()]}>
      <BrandsClient />
    </HydratedRoute>
  );
}
```

### Route components

Route-specific components in `_components/`:

```
app/(app)/team/brands/
  page.tsx
  _components/
    brands-client.tsx
    brand-card.tsx
```

### Layout nesting

Layouts provide shared UI:

```
app/(app)/
  layout.tsx          # App shell
  team/
    layout.tsx        # Admin nav
    brands/
      layout.tsx      # Brand-specific nav
```