Build a before-and-after split with Tailwind CSS: two panels side by side labelled 'Before' in muted gray and 'After' in accent color, each containing a mini mockup of the same task done the old way and the new way. Add step counts under each panel ('7 steps' vs '2 steps') and a caption line. On mobile stack the panels vertically with After first.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。