Build a conversion block with Tailwind CSS centred on a neutral-50 background. Stack a small uppercase label, a large tight headline of no more than seven words, and a single paragraph of supporting copy at a comfortable measure. Under it, a primary dark button and a ghost link with an arrow, side by side and wrapping on small screens. Below the buttons, a row of four reassurance items laid out as a responsive grid: each has a check glyph in a small green-tinted circle, a bold micro-heading and a muted second line — no card required, cancel in one click, data export any time, and a real person answering support. Finish with a bordered strip holding four small avatars overlapping on the left and a line of text saying how many teams started this week, with the number in medium weight.
Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the
finished markup? .
Build a conversion block with Tailwind CSS centred on a neutral-50 background. Stack a small uppercase label, a large tight headline of no more than seven words, and a single paragraph of supporting copy at a comfortable measure. Under it, a primary dark button and a ghost link with an arrow, side by side and wrapping on small screens. Below the buttons, a row of four reassurance items laid out as a responsive grid: each has a check glyph in a small green-tinted circle, a bold micro-heading and a muted second line — no card required, cancel in one click, data export any time, and a real person answering support. Finish with a bordered strip holding four small avatars overlapping on the left and a line of text saying how many teams started this week, with the number in medium weight.
