Before/after gallery component (UI) #370
Description
Status: Blocked (waiting on media pairing decision in #264)
Short Goal (Once Unblocked)
Show basic before/after pairs on a clinic page side-by-side. No slider or lightbox initially.
Pending Decision (from #264)
- Pair data shape (single doc w/ before+after fields vs linked media docs)
- Consent field requirement (yes/no)
Planned Minimal Scope
- Render list of pairs (before left, after right)
- Fixed aspect ratio boxes; object-fit cover
- Caption (optional short description)
- Skip invalid/incomplete pairs
Acceptance (Post-Unblock)
- Valid pairs render consistently
- Missing after image → pair skipped (no crash)
- Mobile stacks vertically
Pre-Work Allowed Now
- Lightweight component skeleton + placeholder props
Out of Scope (MVP)
Uploads, slider handle, lightbox, transformations.
Next Step
Resume after #264 finalizes schema.