CTA Section With Floating Booking Icons
ProLight 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