Alternative Cards

About this block

Alternative Cards opens with a centered heading and a one-line subheading, then drops into a three column grid of cards. Each card carries a bold "Instead of" title, a pain statement prefixed with a small X icon, a fix statement prefixed with a check icon, and a ghost button link at the foot. The X and check pairing gives every card a clear before and after rhythm without needing a separate before column.

The three cards are driven by a plain data array, so you can replace the default spreadsheets, email, and legacy suites framing with any three tools your audience is migrating away from. The heading, subheading, and each card's copy, pain, fix, and button label are all independent. You can add or remove cards and the grid reflows automatically.

When to use

Reach for this block on a landing page where your audience arrives already using a legacy tool and needs a fast reason to switch. For a fintech or banking product this is especially useful mid page, after a hero that states what you do, as the natural answer to "but I already have a spreadsheet for that." It is more scannable than a full comparison table and more specific than a plain feature list, because each card names an exact tool and shows the direct tradeoff.

A natural flow around it on a Marketing Pro page:

Before

• A hero section to establish the product claim before the comparison lands
• A feature section that shows what the product does, so readers have context for the tradeoffs

After

• The Competitor Table for visitors who want a detailed feature by feature breakdown after seeing the high level framing
• A testimonials section to reinforce the switch with social proof from customers who made the same move

What you can display

Each card is a self contained comparison between one legacy tool and your product. A few ways to frame the three slots:

• Tool categories your customers actually use. Name the specific software your buyers mention in sales calls so the cards feel written for them rather than generic.
• Workflow pain points, not just software names. Swap the title from a product name to a habit ("Instead of manual reconciliation") when the audience spans multiple tools that share the same friction.
• A migration CTA per card. Each button can link to a dedicated comparison landing page, a migration guide, or a data import flow tailored to that tool's users.

Tip: keep the pain and fix lines to one sentence each so the X and check icons anchor a fast scan rather than forcing the reader to parse a paragraph.