CJW Dev Handoff · Mockup spec — not production
Back to live siteDev Handoff · 00 Overview
Everything the WordPress team needs to rebuild this mockup.
This React + Tailwind site is a visual + content spec, not a production build. The contractor's job is to recreate every page on Hello Biz + Elementor + Yoast on the existing cjwchiropracticsolutions.com install — keeping copy, structure, and design tokens identical.
The four sections below break down exactly what to build, in what order, and which spec page to reference for each decision.
What's inside
The four spec sections
Sitemap & Routes
Every URL with WP slug, page template, focus keyword, and 301 redirect plan.
Open sectionStyle Guide
Color tokens, typography scale, spacing grid, motion rules, and accessibility floor.
Open sectionComponents
Each reusable React component → Elementor widget mapping with props and screenshots.
Open sectionAsset Library
All photos and videos with cloud URLs, alt text, recommended placement, and licensing.
Open section01 · Stack
Plugins & theme — locked
The plugin stack is locked by client preference and existing license ownership. Do not substitute alternates without written approval.
| Layer | Tool | Purpose |
|---|---|---|
| Theme | Hello Biz (Elementor) | Lightweight base; full canvas templates. |
| Page builder | Elementor Pro | Sections, headers, footers, popups, theme builder. |
| SEO | Yoast SEO | Titles, meta, schema, breadcrumbs, redirects. |
| Reviews | Trustindex / EmbedSocial (TBD) | Live Google reviews block on /reviews. |
| Voice/Chat AI | Talk to CJ (provider TBD) | Floating pill + inline hero card. |
| Forms | Elementor Forms or Gravity Forms | Contact, leave-a-review, lead capture. |
| Analytics | GA4 + GTM | Standard pageview + cj_open / book_eval events. |
02 · Sequence
Recommended build order
- 01
Foundations
Install theme, Elementor, Yoast. Set color + type kits from /handoff/style-guide.
- 02
Header & footer
Build via Elementor Theme Builder — match /handoff/components.
- 03
Page templates
Create 6 templates: Home, Service Detail, Standard, Library Index, Blog Post, Contact.
- 04
Static pages
Build About, Insurance, Reviews, Contact using copy from /handoff/sitemap.
- 05
Service detail (×6)
Single template, ACF-driven. One pass to populate all six.
- 06
Library + blog
CPT 'video' + standard posts, with the Reels-style 9:16 phone-frame block.
- 07
Schema + redirects
Yoast Local SEO + JSON-LD per spec; 301 the legacy URLs.
- 08
QA + launch
Lighthouse, axe, mobile, schema validator, broken-link sweep, then DNS cutover.
03 · Scope
In scope / out of scope
In scope
- Pixel-faithful rebuild of every public-facing page
- All copy, FAQs, and blog posts (do not rewrite)
- All photos and videos uploaded to WP media library
- Yoast title/meta/focus keyword for each page
- Local Business + FAQPage + Article schema
- Trustindex (or equivalent) live Google reviews on /reviews
- Talk to CJ floating pill + inline hero card placement
- Mobile-first responsive parity with the React mockup
Out of scope
- Rewriting copy or invented testimonials
- Online booking flow (Williams will direct via Phone + form for v1)
- Patient portal / EHR integration
- Additional service pages beyond the six listed
- The /handoff/* section itself (mockup-only, never deployed)
- Custom plugin development
- Email marketing automations
04 · Questions
Who to contact
Hosting & DNS
CJW IT / current host
Coordinate with WP contractor for staging URL + cutover window.
