# Whop Wiki

Internal documentation powered by Mintlify.

## Prerequisites

* Node.js 20+ (configured in `mise.toml`)

## Quick Start

```bash
cd docs
npx mintlify dev
```

The documentation will be available at `http://localhost:3000`.

## Building for Production

```bash
npx mintlify build
```

## Folder Structure

```
docs/
├── docs.json              # Mintlify configuration
├── mise.toml              # Node version management
├── brand-assets/          # Logos, fonts, illustrations
├── home/index.mdx         # Home page
├── company/               # Company section
├── engineering/           # Engineering section
├── payments/              # Payments section (with subsections)
├── core-product/          # Core Product section
├── finance/               # Finance section
├── dashboard/             # Dashboard section
├── affiliates/            # Affiliates section
└── ads/                   # Ads section
```

## Adding Custom Fonts

The brand assets include Acid Grotesk fonts in `.otf` format. Mintlify requires `.woff2` format.

1. Convert `.otf` to `.woff2` using [CloudConvert](https://cloudconvert.com/otf-to-woff2)
2. Add to a `fonts/` directory
3. Update `docs.json`:

```json
{
  "fonts": {
    "heading": {
      "family": "Acid Grotesk",
      "source": "/fonts/AcidGrotesk-Bold.woff2",
      "format": "woff2",
      "weight": 700
    },
    "body": {
      "family": "Acid Grotesk",
      "source": "/fonts/AcidGrotesk-Regular.woff2",
      "format": "woff2",
      "weight": 400
    }
  }
}
```

## Components

**Callouts:**

```mdx
<Info>Info message</Info>
<Warning>Warning message</Warning>
<Note>Note message</Note>
```

**Cards:**

```mdx
<Card title="Title" icon="icon-name" href="/path">
  Description
</Card>
```

**Tabs:**

```mdx
<Tabs>
  <Tab title="Tab 1">Content</Tab>
  <Tab title="Tab 2">Content</Tab>
</Tabs>
```

## Deployment

Connect your GitHub repository at [mintlify.com](https://mintlify.com) for automatic deployments.

## Resources

* [Mintlify Docs](https://mintlify.com/docs)