# Pending Images — allBETs (abos-site)

Status as of 2026-09-30 (updated after a second Drive sweep + full-site check). Two different kinds of "pending" here — read the **Status** column:

- **Blocked on CMS** — the photo already exists in this repo at the path shown and is fully wired into the code (`DocPage.tsx` renders `doc.coverImage`). It does **not** show live on `allbetsgo.com` because those 5 pages fetch their content from the live `abos-api` backend in production (`USE_LOCAL_CONTENT_FALLBACK=false` — see `deploy/env/aggie-site.env.example`), not from the local `src/lib/content/docs.json` fallback file this repo edits. Someone with access to the `abos-api` CMS ("docs" collection) needs to set each entry's `coverImage` field to the path shown. No new photography needed — just a backend data update.
- **No image sourced** — nothing exists yet for this slot. Needs a new photo (from the same Drive `website-images` folder pattern, or a fresh shoot/render).

---

## 1. Services banner

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/services |
| **Status** | Blocked on CMS |
| **Asset (already in repo)** | `abos-site/public/images/services/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (251 KB) |
| **Display context** | Full-width page-banner at the top of the Services doc page, rendered by `components/docs/DocPage.tsx`. Container is `h-[clamp(120px,22vw,260px)]` (responsive height, ~120–260px tall) at full viewport width, `object-cover`, with a 45%-opacity dark overlay (`bg-ink/45`) and white breadcrumb + "Our Services" heading text on top. |
| **Content shown** | Four professionals (diverse team) around a conference table with laptops, Washington DC skyline visible through the window — matches the page's "All Bets Professional Services" B2B consulting framing. |

## 2. Sportsbook banner

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/sportsbook |
| **Status** | Blocked on CMS |
| **Asset (already in repo)** | `abos-site/public/images/sportsbook/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (311 KB) |
| **Display context** | Same `DocPage.tsx` banner slot as above. |
| **Content shown** | Five friends in allBETs hoodies on a couch, watching a live match on TV with a city-skyline sunset out the window, phones in hand, snacks on the table — matches the "Picks, not wagers" social/community copy on this page. |

## 3. Diversity banner

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/diversity |
| **Status** | Blocked on CMS |
| **Asset (already in repo)** | `abos-site/public/images/diversity/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (315 KB) |
| **Display context** | Same `DocPage.tsx` banner slot as above. |
| **Content shown** | Four mixed-gender, mixed-ethnicity friends on a pickleball court in allBETs branded apparel, holding paddles — matches "Built for everyone at the table" copy. |

## 4. Bios banner

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/bios |
| **Status** | Blocked on CMS |
| **Asset (already in repo)** | `abos-site/public/images/bios/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (286 KB) |
| **Display context** | Same `DocPage.tsx` banner slot as above. |
| **Content shown** | Four team members laughing around an office table with laptops, US Capitol dome and a rooftop tennis court visible through the window — matches the "small team… based in Washington, D.C." copy. |

## 5. Playbook / Workbook banner

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/playbook |
| **Status** | Blocked on CMS |
| **Asset (already in repo)** | `abos-site/public/images/playbook/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (226 KB) |
| **Display context** | Same `DocPage.tsx` banner slot as above. |
| **Content shown** | Flat-lay of allBETs-branded notebook, pen, cap, hardcover journal, folded tee and a pickleball on marble — matches the "downloadable guides" theme. |

## 6. Account Deletion Guide banner — ✅ RESOLVED 2026-09-30

| | |
|---|---|
| **Screen URL** | https://allbetsgo.com/account-deletion-guide |
| **Status** | Done — asset delivered to the Drive folder, downloaded, and wired in |
| **Asset** | `abos-site/public/images/account-deletion-guide/page-banner.jpg` |
| **Source dimensions** | 1280 × 720 px (140 KB) |
| **Display context** | Banner is hardcoded directly in `app/account-deletion-guide/page.tsx` (not CMS-driven), so unlike items 1–5 it does not depend on any backend update — it renders immediately once deployed. |
| **Content shown** | Phone showing the app's profile/settings screen with a lock icon, next to an allBETs business card, pen and notebook on marble. |

---

## 7. Blog cover images — **No image sourced**

| | |
|---|---|
| **Screen URLs** | https://allbetsgo.com/blog (card thumbnail) and https://allbetsgo.com/blog/act-like-a-lady-bet-better-than-a-man (post hero) |
| **Status** | No image sourced — no `blog` subfolder exists yet in the Drive `website-images` folder |
| **Asset** | none |
| **Needed dimensions** | Card thumbnail: renders at `h-40` (160px tall) inside a grid card (~1/3 container width on desktop) — a 3:2 or 16:9 landscape works. Post hero: `h-72` (288px tall) at up to `max-w-3xl` (~768px) container width. A single ~1280×720 image can serve both, like the other banners. |
| **Display context** | `app/blog/page.tsx` (card list, `bg-cover bg-center`) and `app/blog/[slug]/page.tsx` (post hero, `bg-cover bg-center`, rounded corners) — both simply render nothing (no placeholder box at all) when `coverImage` is empty, so the page still looks intentional without one, just plainer. |
| **Content** | Currently one seeded post: "Act Like A Lady, Bet Better Than A Man" — the nav item/blog section referenced on the original Webflow reference. A lifestyle/editorial shot in the same photography style as the lookbook plates would fit best. |

---

## Also present but out of scope here

- **Lookbook page's secondary bottom banner** (`app/lookbook/page.tsx`, the `doc?.coverImage` block after the 4 plates) — same CMS-blocked pattern as #1–5 above (no `lookbook` entry was added to `docs.json`'s cover images since the page doesn't use `DocPage.tsx`). Low priority — the 4 plate photos already carry the page.
- **Products Landing Page testimonials** (`/products-landing-page-2`) — currently render initials avatars (e.g. "DW", "JL") instead of headshots by design (the original WordPress page's stock avatars were flagged as a reused, unrelated 2024 asset — see prior session notes). Real customer headshots could replace these if/when available, but this was a deliberate fix, not an oversight.
- **Product photography** (`/shop`, `ProductCard`, `ProductDetail`) — sourced from the live catalog (`dim_web_products` via `abos-api`), not a static asset — out of scope for this doc.