CTA Section With Floating Booking Icons

Pro

Light full-bleed booking CTA with a pale blue wash, company logo, powered by badge, booking headline, and a blue free trial pill.

When to use CTA Section With Floating Booking Icons

Use this when the close has to sell a booking product, not a seat or a quote. The band itself is the stage. The company mark sits above the badge. The headline and the blue pill finish the stack. The corner blobs are the frost that keeps the band from reading as paper. Nest this inside another rounded card and it looks like a brochure tile parked in a frame.

Skip it if the product is not a booking or a calendar. The shipped copy uses Ready to Upgrade Your Booking Experience, a Powered by Rune badge, and Start Booking for Free. Replace the logo, the badge, the headline, the lede, the button label, and the href before this ships on a real domain. Keep the frost, the mark, and the blue pill as the structure. A black inverted button belongs to a different close entirely. This one is light only. The pale blue wash, the frosted corner blobs, and the dark company mark all need a bright ground, so there is no dark variant to switch to.

Block details

Category
CTA Sections
Renders
CSS only. Paints as soon as the stylesheet arrives
Theme
Fixed light surface. No dark variant
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxtailwind-merge
Source
90 lines, 3 KB in one file
Install
wensity add cta-section-with-floating-booking-icons --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, cta, booking, calendar, logo, conversion
Last updated

More cta sections