# Gaming use-case page

**Route:** `/use-case/gaming`  
**Production URL:** `https://tatum.io/use-case/gaming`  
**Next.js page:** `src/app/gaming/page.tsx`  
**Browsable docs (AI / agents):** `/use-case/gaming.md`  
**Content negotiation:** `GET /use-case/gaming` with `Accept: text/markdown` returns the same markdown

Marketing page for Tatum’s Web3 gaming infrastructure. Built as a native React experience with Three.js hero and live gaming API demos (replaces the Webflow HTML embed + Tetris).

## Page structure

Rendered inside `SiteShell` via `GamingExperience` (`src/components/gaming/GamingExperience.tsx`):

| Section | Component | Contents |
|---------|-----------|----------|
| Hero | `GamingHero` + `GamingHeroScene` | WebGL playfield, headline, CTAs |
| Marketplace | `TradingPostSection` | Player Trading Post widget + 3D loot shelf |
| Token rewards | `TokenRewardsSection` | Mint code sample + coin particle canvas |
| Item forge | `ItemForgeSection` | Item Forge widget + forge particles |
| SDK | `SdkBridgeSection` | Unity/Unreal bridge, npm install |
| Testimonials | `TestimonialsSection` | Developer quotes |

Interactive demos auto-load live data via server-side proxy routes (no API key in the browser):

| Demo | Proxy route | Upstream API | Purpose |
|------|-------------|--------------|---------|
| Player Trading Post | `GET /use-case/api/gaming/collections` | `GET /v4/data/collections` | In-game item listings by category |
| Item Forge | `GET /use-case/api/gaming/metadata` | `GET /v4/data/metadata` | Mint preview + on-chain metadata resolve |

Set `TATUM_API_KEY` in `.env` locally (see `.env.example`) and in Webflow Cloud env vars for production. The key never reaches the client.

Widget logic lives in `src/components/gaming/widgets/`. Legacy HTML embed sources remain in `src/content/embeds/gaming/` for reference.

```bash
npm run dev
# http://localhost:3013/use-case/gaming
```

To resync legacy Webflow HTML embed (optional):

```bash
python3 scripts/build-gaming-body.py
node scripts/bundle-embeds.mjs
```

## Local preview

```bash
npm run dev
```

Open [http://localhost:3013/use-case/gaming](http://localhost:3013/use-case/gaming).