CTA Section With Split Booking And Stars

Pro

Adaptive split CTA with a two-line switching headline, a booking lede, six overlapping circular avatars, five stars with a 4.8 rating, a team count, and Book a call plus Start free trial side by side on the right.

When to use CTA Section With Split Booking And Stars

Use this when the last band has to sell a call with proof that people already switched, not a shop pill or a scattered crowd. Copy sits on the left. Six circular faces overlap, lift on hover, and show a name tooltip. Five stars sit beside a 4.8 score, and a team count sits under that row. Book a call and Start free trial sit side by side on the right and stay vertically centred with the copy. The split is the design. Park both buttons under the headline and this becomes a generic stacked strip, which is a weaker close for a product that still has to book time.

Skip it if you cannot name a real count or show real faces, or if the next step is a price table. Six random avatars next to a fake 27000 is a brochure. The shipped copy uses See why teams switch to us and never leave, a no setup fees lede, Trusted by 27,000+ teams, a blue Book a call, and Start free trial. Replace the headline, the lede, the avatars, the count, the rating, both labels, and both hrefs before this ships. Keep the overlap, the stars, the score, and the two right-hand actions. A nested Contact us card is a different close.

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
166 lines, 7 KB in one file
Install
wensity add cta-section-with-split-booking-and-stars --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, booking, avatars, stars, social-proof, conversion
Last updated

More cta sections