CTA Spotlight

Usage

Use to surface a single time-sensitive or high-priority call to action — typically a registration prompt for an upcoming event, webinar, or course. The narrow, centred card format and bold yellow primary button give it urgency without taking up too much vertical space. It works well placed directly beneath a Page Header List on an event detail page, or as a standalone strip on a landing page to drive sign-ups. The card contains an H4 title, an optional bold subheading (e.g. date and time of the event, toggled via showSubheading), a supporting body paragraph, and a single primary CTA button. All fields are configurable via props: heading, subheading, copy, and button label. Use instead of Content Spotlight when you have a single item to promote with one CTA, no background image is needed, and the emphasis is on urgency or a deadline. Use instead of Page Header CTA when the action is secondary to the page's main header — for example, a registration reminder lower on the page. The module is available in Desktop, Tablet and Mobile variants.