Implementation TODO

P0 — decisions before the Craft build

• Decide whether the Form component selects any Wheelform form or represents one fixed contact form.
• Decide whether the Two-Column component has one CTA or a separate CTA per column.
• Choose 2×2 grid or single-column stacking for Four-Column on mobile.
• Confirm image-first ordering for the Text/Image mobile variant.
• Confirm the shared responsive breakpoint token.
• Approve the page-level H1 and Header Banner heading rule.

P1 — content model

• Record canonical handles for every field, entry type, nested entry type, and asset volume.
• Create the pageBuilder Matrix field and attach it to approved Page entry types.
• Create shared CTA fields with paired-value validation.
• Create restricted CKEditor configurations without H1, tables, source view, or embedded images.
• Configure all seven component entry types and their conditional field layouts.
• Configure Accordion Item and Four-Column nested entry types with minimum-count validation.
• Add clear editor instructions, image recommendations, icons, and colours.

P1 — front end

• Implement the generic pageBuilder render loop and one Twig partial per entry type.
• Implement responsive image transforms and srcset output.
• Keep the Header Banner image eager and lazy-load below-the-fold images.
• Render optional fields only when populated.
• Implement the approved responsive rules and mobile ordering.
• Implement an accessible accordion using native details/summary unless animation requirements justify an ARIA pattern.
• Integrate Wheelform error handling, CSRF, spam controls, and approved field markup.

P2 — validation and QA

• Test editor add, reorder, duplicate, delete, and validation flows for every component.
• Test empty, minimum, maximum practical, and malformed-content cases.
• Test keyboard navigation, focus visibility, heading order, labels, and error announcements.
• Test image transforms, focal points, alternative text, and layout stability.
• Test mobile, tablet, and desktop at the approved breakpoint boundaries.
• Test form delivery and error recovery without caching stale CSRF fields.
• Measure page weight and Core Web Vitals on representative pages.

Deferred operations

• Add origin firewall policy.
• Add certificate-expiry and renewal-failure monitoring.
• Decide whether the documentation site needs authentication.
• Build the WireGuard and public reverse-proxy path only when external access is approved.