About this block

Comparison Hub gathers every versus page into one directory a reader can scan at a glance. A centered header states the promise, then a three column grid of cards each pair your product mark against a competitor mark, name the category, give a one line verdict, and link to the full written comparison. A closing line invites requests for tools the hub has not covered yet, so the page reads as an open index rather than a fixed list.

The six cards live in one typed array, so competitors, categories, verdicts, and marks all swap out without touching the layout, and adding a seventh comparison adds a seventh card. Each mark is inline SVG, the grid reflows from one column to three, and the whole block is built from theme tokens with no external images.

When to use

Reach for this block when you have written more than a couple of comparison pages and buyers need a single place to find the one that matches the tool they use today. On a comparison landing page for a project management tool it works well as the hub that routes readers to the right versus page, letting someone weighing you against a spreadsheet or a rival suite jump straight to their case. The verdicts carry the scan, so keep each one honest about where the other side wins.

A natural flow around it on a Marketing Pro page:

Before

• Heroes to establish the product before the directory of matchups begins
• Feature Sections so each verdict builds on strengths the page has already shown

After

• Migration to catch the reader once a specific comparison finally lands
• Pricing to turn a chosen matchup into a plan decision

What you can display

The obvious fit is your product against each named competitor. A few other ways to use the frame:

• A category directory. Group the cards by the kind of tool you replace, so a reader browses by their current stack.
• A use case index. Make each card a job to be done, linking to a page that shows how you handle it best.
• A migration library. Turn each card into a switch guide, with the verdict previewing what moving actually takes.

Tip: keep every verdict fair about the other side. A hub that names where a rival wins earns the trust that makes the pages it links worth reading.