Switch Banner

About this block

Switch Banner is a single rounded card that frames a migration pitch. The top half splits into two columns: a heading and a supporting sentence on the left, and a call to action button pinned to the right. Below a horizontal rule sits a three column grid, each column opening with a tinted check icon followed by a short bold title and a one sentence explanation of that step.

The heading, supporting copy, and button label are independent pieces of text, so you can update them without touching the layout. The three step cards are driven by a flat array, so you can reword any step or reorder them freely. The card itself has no images or icons beyond the check markers, keeping the block lightweight and easy to drop into any page.

When to use

Reach for this block at the bottom of a comparison section when you want to move a reader from "convinced" to "starting." It works well for an HR and hiring platform where candidates or teams are migrating away from a legacy ATS: the reassuring step list lowers the perceived cost of switching without requiring a full feature breakdown. Compared to a heavier competitor table, this block does not argue; it guides. Use it after the argument has already been made.

A natural flow around it on a Marketing Pro page:

Before

• A competitor table to lay out the feature case before closing with the migration prompt
• Comparisons group for other contrast blocks that warm readers up to a switch

After

• A CTA block to reinforce momentum once the reader is ready to act
• Testimonials to pair the reassurance with a social proof close

What you can customize

All three of the main content areas are independent, so small edits go a long way:

• Heading and subtext. Rewrite the heading and supporting sentence to name your specific competitor or legacy category without changing anything else.
• Step titles and copy. Each of the three steps is its own object in the array, so you can rename, reorder, or swap them to match your actual onboarding sequence.
• Button label. The call to action sits outside the step grid, so you can change its label and destination independently of the steps.

Tip: keep each step description to one sentence so the three columns stay visually even and the card reads as a quick scan rather than prose.