Heatnglo
ComponentsHeatngloHeatilatorMajesticMonessenSimplifireStellarFireplaces

CTA Image

Component Overview

This versatile component displays a title, subtitle, overview, and a CTA button, with flexible styling options to emphasize either content or the image. It supports various image sizes and placements, enabling distinct visual effects.

Styles
  • Content Focused: Image is contained and sized to complement content.
  • Image Focused: Image displays at full size for maximum visual impact.
  • Image Full Width: Image stretches the full device width, creating a 'Billboard' effect.
Message Orientation Options
  • Top
  • Bottom
  • Center (Centered on mobile)
  • Left (Centered on mobile)
  • Right (Centered on mobile)
Mobile Image

Optionally specify a separate image for mobile devices to optimize layout. For Center, Left, and Right orientations, a vertical image is recommended to prevent overlap of the text and image content.

SVG Image

Optionally specify a SVG Image from the Sanity media library. Currently used on our Stellar site.

Notes
  • Typically used with just Title and Overview, omitting the subtitle for simplicity and clarity.
SimpliFire Triton electric fireplace installed in an airport waiting area
Content Focused, Center Message

Content Focused, Center Message

Subtitle (optional)

This is the optional overview text.

CTA Button
SimpliFire Triton electric fireplace installed in an airport waiting area
Content Focused, Top Message

Content Focused, Top Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
SimpliFire Triton electric fireplace installed in an airport waiting area
Content Focused, Bottom Message

Content Focused, Bottom Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
SimpliFire Triton electric fireplace installed in an airport waiting area
Content Focused, Left Message

Content Focused, Left Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
SimpliFire Triton electric fireplace installed in an airport waiting area
Content Focused, Right Message

Content Focused, Right Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
AHT + Sustainable 9 Design + Build - 944 Mississippi River Boulevard, St Paul, MNHeat & Glo True gas fireplace
Image Focused, Center Message

Image Focused, Center Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
AHT + Sustainable 9 Design + Build - 944 Mississippi River Boulevard, St Paul, MN
Image Focused, Top Message

Image Focused, Top Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
AHT + Sustainable 9 Design + Build - 944 Mississippi River Boulevard, St Paul, MN
Image Focused, Bottom Message

Image Focused, Bottom Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
AHT + Sustainable 9 Design + Build - 944 Mississippi River Boulevard, St Paul, MNSimpliFire Allusion Edge 50 inch electric fireplace installed in a modern office space
Image Focused, Left Message

Image Focused, Left Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
AHT + Sustainable 9 Design + Build - 944 Mississippi River Boulevard, St Paul, MNCourtyard Outdoor 36" gas fireplace with brown traditional refractory and standard logs
Image Focused, Right Message

Image Focused, Right Message

Subtitle (optional)

This is the optional overview when needed.

CTA Button
Monesson firebox and gas logs in living room fireplace.
Content Focused, Top Message, Image Full Width

Content Focused, Top Message, Image Full Width

Subtitle (optional)

This is the optional overview when needed.

CTA Button
Monesson firebox and gas logs in living room fireplace.
Content Focused, Right Message, Image Full Width

Content Focused, Right Message, Image Full Width

Subtitle (optional)

This is the optional overview when needed.

CTA Button
Monesson firebox and gas logs in living room fireplace.
Content Focused, Left Message, Image Full Width

Content Focused, Left Message, Image Full Width

Subtitle (optional)

This is the optional overview when needed.

CTA Button
Monesson firebox and gas logs in living room fireplace.Heat & Glo traditional fireplace installed as part of the Artisan Home Tour
Image Focused, Left Message, Image Full Width

Image Focused, Left Message, Image Full Width

Subtitle (optional)

This is the optional overview when needed.

CTA Button
Monesson firebox and gas logs in living room fireplace.
Image Focused, Bottom Message, Image Full Width

Image Focused, Bottom Message, Image Full Width

Subtitle (optional)

This is the optional overview when needed.

CTA Button
HHT Component Library

© 2026 HHT Component Library. All rights reserved.