Search blocks by description or jump to a page.
A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present several use cases or features in one compact area.
With Content Tabs opens with a centered badge, a large headline, a subheading paragraph, and two side-by-side call-to-action buttons. Below that sits a full-width tab bar with three tall trigger tiles, each showing a short title and a one-line description. Activating a tab reveals a card that splits into two columns: the left holds a heading, a body paragraph, and a row of three stat figures; the right holds a 4:3 image with a small floating confirmation card anchored to its lower corner.
All three tabs, their trigger copy, panel headings, descriptions, stat labels and values, and the image inside each panel are independent of one another. You can rename or reorder the tabs, swap the stats for metrics that match your product, and replace the placeholder images without touching the surrounding layout.
Reach for this block when you need a hero that shows distinct capability areas without sending visitors to a separate features page. It suits an AI assistant product landing page well because each tab can represent a different mode or persona the assistant supports, letting a visitor self select the angle most relevant to them before scrolling further. It outperforms a static feature grid when the content under each topic needs a paragraph of explanation and supporting numbers rather than a single icon and label.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The three panels are the main canvas, and each has several independent layers you can adapt:
Tip: keep the three stat values short (a number plus a unit or symbol) so the figures stay large and scannable at a glance.