# Offering pages — HopSkipDrive

Playbook for **What We Offer** product and platform pages: Safety, RouteWise AI™, Supplemental Transportation, and the overview page.

## URL patterns

| Offering | Public path | CMS slug |
|----------|-------------|----------|
| What We Offer overview | `/overview` | `overview` |
| Supplemental transportation | `/supplemental-transportation` | `supplemental-transportation` |
| RouteWise AI™ | `/routewise-ai` | `routewise-ai` |
| Safety | `/safety` | `safety` |

Nav parent: **What We Offer**. These are B2B-facing product narratives, not program verticals (McKinney-Vento, government, etc.).

## Templates

| Template | Use |
|----------|-----|
| **General page template - b2b newsletter** | Default (verified on `/safety`, `/routewise-ai`) |

## Typical content stacks (live CMS)

### Safety — `/safety`

1. **Text and Image** hero (`topContent`)  
2. **externalVideo** — safety story  
3. **Section change** keep-together start  
4. **Steps cards** ×3 — Before / During / After the ride  
5. **Section change** end  
6. **Cards overlapping image** — safety by the numbers  
7. **Card and Image (narrow)** — annual safety report  
8. **Narrow text and image cards** — contact CTA  

**Editing note:** Safety steps collections are large and often **shared** with `/schools`. Prefer editing copy in place carefully; do not fork steps without product intent.

### RouteWise AI™ — `/routewise-ai`

1. **Text and Image** hero  
2. **Cycling content** — problem framing  
3. **Results cards** — outcome stats  
4. **Testimonials**  
5. **Full Page Features** — solution pillars  
6. **Portrait cards** — HopSkipDrive difference  
7. **Link cards** — case studies (often **article** entries embedded)  
8. **Cards grid** — awards  
9. **Form and image left aligned text** — lead form  

**Product name:** always **RouteWise AI™** (not “Routwise”). Site token “Routewise AI Blue” is a colour name only — do not put that in marketing copy.

### Supplemental Transportation — `/supplemental-transportation`

From website-guide canonical stack:

1. **Text and Image** hero  
2. **Full width portrait cards**  
3. **Cards overlapping image**  
4. **Tabs**  
5. **Central image carousel**  
6. **Link cards**  
7. **Testimonials**  
8. **Awards** (Cards grid)  
9. **Form and image** — quote  

### Pattern summary

| Section | Typical types |
|---------|----------------|
| Hero | **Text and Image** |
| Product narrative | **Cycling content**, **Full Page Features**, **Tabs** |
| Outcomes | **Results cards**, **Cards overlapping image** |
| Proof | **Testimonials**, **Link cards** (case studies), **Cards grid** awards |
| Lead capture | **Form and image** / left-aligned form variants |
| Safety depth | **Steps cards** + **externalVideo** |

## Voice and claims

| Do | Don't |
|----|--------|
| Name products correctly: **RouteWise AI™**, **RideIQ**, **supplemental transportation** | Overclaim AI capabilities or invent performance stats |
| Tie benefits to attendance, safety, efficiency, equity of access | Position as full yellow-bus replacement unless intentional |
| Reuse approved case-study articles via **Link cards** | Paste long case study RTF into marketing pages when an article already exists |
| One primary orange CTA per section | Multiple competing orange buttons in one band |

## Reference pages

| Path | Clone when |
|------|------------|
| `/safety` | Safety narrative, steps, report CTA |
| `/routewise-ai` | Product / AI / operations intelligence pages |
| `/supplemental-transportation` | Core transport service offering |
| `/overview` | High-level “what we offer” index-style page |
| `/schools` | Shared safety modules only — hub edits → `audience-hubs` |

## Workflow

1. Read `cms-edit://customer/pages` and this playbook  
2. Open by slug; map modules to the tables above  
3. For **new** offering-style LPs: clone the closest offering, not a program vertical  
4. Forms: reuse HubSpot configuration from the clone page  
5. Case studies: link existing **client** / **blog** articles rather than duplicating bodies  
6. `preview urls` → `diff` → `save` → `task-publish-handoff`  

## Out of scope

- Program verticals (McKinney-Vento, IEP, government, nonprofits, impact) → `program-vertical-pages`  
- Audience hubs → `audience-hubs`  
- Creating net-new case study **articles** → `articles`  
- Location markets → `location-pages`  

## Related

- Hub: `cms-edit://customer/pages`  
- Programs: `cms-edit://customer/program-vertical-pages`  
- Articles / case studies: `cms-edit://customer/articles`