CTA Section With Checklist And Cart Visual
ProAdaptive CTA section with a speed timer icon, a five minute cart clear promise, three benefit rows, a checkout button, and a shopping cart SVG visual.
When to use CTA Section With Checklist And Cart Visual
Use this when the page has already named the product and now has to close on a single next step. Two columns sit on one row. The left column is open copy: a timer icon, a five minute cart clear promise, three checked benefits, and one inverted button. The right column is a shopping cart glyph with speed lines. That pair is the argument. The visitor can read the offer and see the cart in the same glance.
Skip it when the next step is a form, a price table, or a calendar. A checklist that restates the hero is filler. The shipped copy uses a five minute cart clear line and a Checkout now button. Replace the title, the three rows, and the href before this ships. Keep the open left column and the cart glyph. A second button turns this into a generic feature split, which is not why the layout exists.
Block details
- Category
- CTA Sections
- Renders
- CSS only. Paints as soon as the stylesheet arrives
- Theme
- Follows the site theme in light and dark
- Responsive
- Mobile, tablet and desktop breakpoints are already set
- Dependencies
clsxtailwind-merge- Source
- 170 lines, 7 KB in one file
- Install
wensity add cta-section-with-checklist-and-cart-visual --type block- Stack
- React, Next.js, TypeScript and Tailwind CSS v4
- Licence
- Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
- Tags
- light, dark, cta, checklist, cart, fintech, conversion
- Last updated
