# Compliance & accounting use-case page

**Route:** `/use-case/compliance-and-accounting`  
**Production URL:** `https://tatum.io/use-case/compliance-and-accounting`  
**Next.js page:** `src/app/compliance-and-accounting/page.tsx`  
**Browsable docs (AI / agents):** `/use-case/compliance-and-accounting.md` — raw markdown (`Content-Type: text/markdown`), no HTML chrome  
**Content negotiation:** `GET /use-case/compliance-and-accounting` with `Accept: text/markdown` returns the same markdown

Marketing page for Tatum compliance and accounting infrastructure. Content is migrated from Webflow HTML embeds on the live Designer page and rendered through the shared embed pipeline.

## Page structure

The route composes two HTML embed sections inside `SiteShell` (nav + footer + global contact modal):

| Section | Embed file | Contents |
|---------|------------|----------|
| Hero | `src/content/embeds/compliance/hero.html` | Headline, Get Started / Contact Sales CTAs, trusted-by logo strip |
| Body | `src/content/embeds/compliance/body.html` | API coverage explorer, live wallet-origin + safety demos, Elliptic outcomes, SLA support band |

Metadata (title, description, OG image) lives in `src/app/compliance-and-accounting/page.tsx`.

## Interactive demos (body embed)

1. **API coverage explorer** — endpoint list with sample request/response UI (static samples + docs links)
2. **Trace Any Wallet's Origin** — posts the wallet address to a Google Apps Script helper and shows the seeding wallet
3. **Check Wallet Safety** — loads `@tatumio/tatum` from Skypack in the browser to screen an address

These demos run entirely client-side inside the embed scripts (no site API key required).

## Contact modal (shared)

The lead form is loaded globally from `src/content/embeds/shared/contact-modal.html` via `SiteShell`.

- Trigger: any element with `data-waas-contact-open` or `#waas-open-contact`
- Also linked from site nav (**Book a Demo**)
- Submits to `POST /forms/api/zoho-contact` (Webflow-hosted form proxy on production)

## Editing embeds

Embed HTML lives under `src/content/embeds/compliance/`. After any edit, rebundle before build or deploy:

```bash
node scripts/bundle-embeds.mjs
# or rely on predev / prebuild hooks:
npm run dev
npm run build
```

`scripts/bundle-embeds.mjs` writes `src/lib/embed-bundles.generated.ts` (auto-generated — do not edit by hand).

Agent markdown docs are bundled the same way from this file (`COMPLIANCE.md`):

```bash
node scripts/bundle-markdown.mjs
```

### Webflow source

Canonical embeds were exported from the Webflow Designer page (`pageId` `664b681c8d0bfb63029e2055` on site **Tatum.io Website**). To re-sync from Designer, copy the two `HtmlEmbed` code settings into:

| Destination |
|-------------|
| `src/content/embeds/compliance/hero.html` |
| `src/content/embeds/compliance/body.html` |

Then run `node scripts/bundle-embeds.mjs`.