Close

Image Text CTA

This component displays content in a visual way by pairing with supplementary images.

Left Image with Primary CTA

The copy here is flexible and uses rich text.

Left Image with Secondary CTA

The copy here is flexible and uses rich text.

Left Image

The copy here is flexible and uses rich text.

Left Image with Primary CTA

The copy here is flexible and uses rich text.

Left Image with Secondary CTA

The copy here is flexible and uses rich text.

Left Image

The copy here is flexible and uses rich text.

Usage Criteria

This component helps display content in a visually appealing way by pairing supplemetary images with text. Users also have the option of diving deeper into the content through a CTA.

Do's and Don'ts

  • Do ensure that the content within the component all relates to the same subject (ie. one instance can talk about game X, but should not talk about both game X and PlayPlanner in the same component).
  • Avoid mixing too many too many variations of the component when there are multiple instances on the same page (ie. if there are 3 instances of this component, do not use a wide range of header styles and CTA types for them). While there are exceptions to this, try to stick to the same headers and CTA style on the page for consistency. 

Design Notes

Although the format of this component is similar to the CTA 5050 and CTA Encore component, the functions are different. It is geared toward helping to display content relevant to the page, whereas the previous components mentioned are used for redirecting players to other topics outside of the page (ie. a message to sign up for Encore Rewards while you are looking at the games available in a specific casino).

Configurable Options

Content is added under the Text tab; rather than a specific field for a title and description, the text goes into an open field where rich text can be used. The Show CTA checkbox allows the addition of links and style options for the button.

Developer Notes

Type Name
AEM Component Name Image Text CTA
Code Base Name  
resourceSupertype  
SCSS Attributes  
JavaScript  
Status  
Version  

Our operations span the entirety of the province that we now call British Columbia. We respectfully acknowledge that we are guests in the territories of more than 200 First Nations, each with unique traditions, cultures, and histories. We are grateful to these First Nations caretakers for their stewardship of these lands and waters since time immemorial. 

BCLC is committed to establishing and maintaining good relations with all First Nations, Métis, and Inuit people in British Columbia and beyond. Our journey has only recently begun, and we have a lot of work to do in collaboration with Indigenous Peoples to understand the Truth, reconcile the past, and truly generate win-wins for the greater good, together.

Read more

If you gamble, use your