Skip to main content

Promo Carousel


The Promo Carousel component is a rotating banner designed to showcase featured events, promotions, or announcements in a bold, attention-grabbing format. Each slide includes a background image, promo headline, description, and optional call-to-action. Below the main promo area, editors can also include four Promo Category Items to highlight key event or offer details like price, time, or location.

Editors can add multiple slides, and the carousel will rotate them automatically or allow users to navigate manually. The layout is designed to accommodate motorsport content with high visual energy, but it works just as well for showcasing any type of featured content.

In the examples shown here:

  • Variation 1 features a promo with a sidebar image, headline, and short description alongside four highlight items.

  • Variations 2 and 3 show the same content in a full-width layout where the text overlays the image directly.

All text fields and category items are optional, so each slide can be customized depending on the promotion’s needs. The design adjusts accordingly when certain fields are left empty.

Best used for:

  • Major events and races

  • Featured promotions or campaigns

  • Ticket sales, competitions, or product spotlights

Tips:

  • Use high-quality, wide-format images with space for text overlays

  • Keep titles short and impactful (1–2 lines)

  • Use category items to highlight price, time, location, or format

  • Limit each carousel to 3–5 slides to avoid overwhelming the user

  • Ensure contrast between text and background image for readability

Components
Variation 1
Variation: 2
Variation: 3