Split With Pricing Card
Split hero with headline, lede, dual CTAs, and a guarantee row beside a single plan card showing the seat price, checked features, and trial CTA.
Split hero with headline, lede, dual CTAs, and a guarantee row beside a single plan card showing the seat price, checked features, and trial CTA.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Split With Pricing Card puts the price in the fold. The left column carries a large headline, a lede that promises no hidden costs, two CTAs, and a ruled row of guarantees like a free trial and no card required. The right column is a single plan card: a plan name with a popular badge, the seat price at display size, a checked feature list, a full width trial CTA, and a billing footnote. The hero fills the viewport and ships without its own header.
The guarantees and the features are two plain arrays, so the card reshapes by editing strings, and the price, plan name, and footnote are their own values. The headline, lede, and button labels are independent copy strings. Everything is ui primitives and theme tokens, so the card matches your pricing page without a second design pass.
Reach for this block when your pricing is the pitch: one plan, one number, no sales call. Leading with the price filters out visitors a call would never close and rewards the ones who came to buy, which is why transparent tools put the card this high. If your pricing needs tiers or a calculator, a full pricing section serves the comparison better than a single card can.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a single seat priced SaaS plan. Other cards that fit the same frame:
Tip: spend the footnote on the billing detail buyers actually hunt for, annual versus monthly is read more closely than any feature line.