Sobeys Logo

Image Banner Full

The Banner Component is a highly customizable hero module designed to highlight key messaging, promotional content, or brand imagery. It supports flexible layouts, responsive image handling, CTA configuration, and theming options to align with brand and campaign requirements.

Layout & Structure Options

  • Banner Width Choose between Container Width (aligned with page content) or Full Width (edge-to-edge layout).
  • Right Side Image
  • Left Side Image
  • Two CTAs (Right Aligned)
  • Two-Column Ratio layout split between text and image using customizable ratios such as 50:50, 80:20, 75:25, etc. Content Section
  • Banner Title – Main heading text
  • Description – Supporting paragraph or messaging
  • Content Block Background Image – Optional background image for the text block

Image Section

Supports responsive imagery for optimal display across devices:

  • Banner Image – Default image for desktop
  • Tablet Image – Optional image for tablet viewports
  • Mobile Image – Optional image for mobile viewports
  • Banner Image Alt Text – Descriptive text for accessibility
  • Logo Image – Optional brand or promotional logo
  • Logo Image Alt Text – Alt text for logo accessibility

CTA (Call-To-Action) Options

Multiple CTAs can be added with the following configurations:

  • Link Title – CTA label text
  • Link to Page – Destination URL with open in new tab option
  • Link Type – Choose from:
  • Plain Link
  • Button
  • Link ARIA Label – Accessibility support for screen readers

Theme Color Settings

Customize visual appearance using predefined color palettes:

  • Background Color – Set background tone for the banner area
  • Text Color – Define text color for improved readability and contrast
Voila

Description Banner

Full Width Banner

Panache

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.