← All playbooks · Raw API

program-vertical-pages

# Program vertical pages — HopSkipDrive

Playbook for **audience / program vertical** marketing pages (not the main Schools / Families / CareDrivers hubs, not product offerings).

## URL patterns

| Vertical | Public path | CMS slug |
|----------|-------------|----------|
| McKinney-Vento / foster youth | `/mckinney-vento-foster-youth-transportation` | `mckinney-vento-foster-youth-transportation` |
| Special needs / IEP | `/special-needs-iep-transportation` | `special-needs-iep-transportation` |
| Government / counties | `/government-agencies` | `government-agencies` |
| Nonprofits | `/nonprofits` | `nonprofits` |
| Impact / HopSkipImpact | `/impact` | `impact` |

Also treat similar one-off verticals under this playbook when the brief is program-specific (not a general hub and not RouteWise/Safety/Supplemental).

**Nav context:** Often linked from Schools tabs, What We Offer, or resource CTAs — not always top-level nav items.

## Templates

| Template | Use |
|----------|-----|
| **General page template - b2b newsletter** | Default for these verticals (verified on government + McKinney-Vento) |

Use **no newsletter** only if cloning a page that already uses it and product wants consumer-style chrome.

## Typical content stacks (live CMS)

Prefer **clone closest vertical** over inventing modules.

### McKinney-Vento / foster — `/mckinney-vento-foster-youth-transportation`

1. **Text and Floating Image** hero (`topContent`)  
2. **Landscape cards** — benefits / why HSD  
3. **Square Cards** — ride-management features for vulnerable students  
4. **Cards overlapping image** — trust stats  
5. **Full width cards landscape** — drivers + safety narrative  
6. **Testimonials**  

### Government / counties — `/government-agencies`

1. **Text and Floating Image** hero  
2. **Landscape cards** — public-sector needs  
3. **Cards overlapping image** — access / scale stats  
4. **Narrow text and image cards** — safety report CTA  
5. **Testimonials** — county / agency quotes  

### Pattern summary (most verticals)

| Section | Typical types |
|---------|----------------|
| Hero | **Text and Floating Image** or **Text and Image** |
| Benefits grid | **Landscape cards** |
| Feature tiles | **Square Cards**, **Portrait cards**, **Full width cards** |
| Proof stats | **Cards overlapping image** (reuse published stat cards when numbers are approved) |
| Social proof | **Testimonials** |
| Report / contact | **Narrow text and image cards**, **Form and image** |
| Safety deep-dive | Link to `/safety` rather than duplicating full safety steps unless cloning that pattern |

## Voice and compliance

| Do | Don't |
|----|--------|
| People-first language for students/families in vulnerable situations | Stigmatize homelessness, foster care, or disability |
| Use **McKinney-Vento** (hyphenated); expand context on first use when helpful | Invent legal entitlements or compliance guarantees |
| Use **IEP** carefully; expand on first use | Claim clinical/medical outcomes |
| Specific outcomes: attendance, school of origin, safety, access | Vague “innovation” without substance |
| **CareDriver**, **RideIQ**, **supplemental transportation** per brand terms | Imply full replacement of all yellow-bus service unless intentional |

**Stats:** Prefer reusing existing CMS collection content cards that already carry approved figures (e.g. rides completed, incident-free rates). Do not invent new percentages.

## Reference pages (clone sources)

| Path | Clone when |
|------|------------|
| `/mckinney-vento-foster-youth-transportation` | Foster / homelessness / school-of-origin transport |
| `/special-needs-iep-transportation` | Special needs / IEP / disability transport |
| `/government-agencies` | County, state, agency buyers |
| `/nonprofits` | Nonprofit / community partners |
| `/impact` | Impact narrative / HopSkipImpact |
| `/schools` | Only for shared modules (tabs, co-op logos) — full hub → `audience-hubs` |

## Workflow

1. Read `cms-edit://customer/pages` and this playbook  
2. Open the vertical page by slug; prefer in-place edits  
3. For a **new** vertical: `task-clone-page` from the closest reference; set `slug`, SEO fields, `cmsLabel`  
4. Keep **one primary orange CTA** per section; forms from clone pages  
5. Cross-link offerings (`/safety`, `/supplemental-transportation`) instead of copying whole product stacks  
6. `preview urls` → `diff` → `save` → `task-publish-handoff`  

## Out of scope

- Schools / Families / CareDrivers hubs → `audience-hubs`  
- Safety / RouteWise AI™ / Supplemental product pages → `offering-pages`  
- City markets → `location-pages`  
- Blog / reports as articles → `articles`  
- Legal policy pages (privacy, terms) without counsel  

## Related

- Hub router: `cms-edit://customer/pages`  
- Offerings: `cms-edit://customer/offering-pages`  
- Audience hubs: `cms-edit://customer/audience-hubs`