Before / After Transformation Panels — Mid-Page Trust Block

What it does

• Side-by-side student stories — two real students get full panels with photo, name, and matched before-and-after columns
• Matched-topic comparison — the before column and after column line up on the same dimensions (energy, sleep, role, income) so the change is visible
• Specific outcome callouts — exact numbers, role changes, or measurable shifts replace vague language
• Quote pull from each student — a longer quote anchors each panel in the student's own voice
• Quiet section framing — a short header introduces the block without competing with the panels

Best use cases

• Health and wellness programs — sleep, fatigue, fitness transformations
• Career and life coaching — promotion and role-change before-and-afters
• Course creators — student outcome panels on a flagship sales page
• Memberships and communities — member transformation stories that justify renewal
• Therapy and mental health — narrative-led change that respects privacy

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — section background, panel backgrounds, before-column tone, after-column tone, and accent for the outcome callouts. Swap for any brand register.
• Fonts — two roles: a serif for student names and pull quotes, and a clean sans for the matched-column body
• Copy — section header, two student names, photo captions, before-column bullets, after-column bullets, and pull quotes
• Images — student portraits or before-and-after lifestyle imagery for each panel
• Behavior — choose two or three panels, tune column structure, and decide whether the before-and-after split is text-only or visual