H102: Secondary Hero - Light Text w/ Dark Overlay - carousel
Advanced technologies like modulating, two-stage and variable speed compressors deliver comfort, reliability and sustainability for residential and commercial applications
H102: Secondary Hero - Light Text w/ Dark Overlay - carousel
Precise, energy-efficient solutions like Sensi smart thermostats, Verdant energy management systems and traditional models, all designed to enhance comfort and reliability
H102: Secondary Hero - Light Text w/ Dark Overlay - carousel
Compressor technologies, condensing units and system components protect perishables and deliver efficiency, reliability and performance for commercial and industrial applications
Intended for use on second-level platform and category landing pages, this hero provides a brief overview of the primary page topic and includes priority keywords in the headline. the H102 can optionally be configured as a carousel of hero slides, each highlighting a topic relevant to the platform, category or second-level page.
Component Detail
The H102 hero appears on landing and category pages. The copy provides a very short overview of the platform, category or other page. Include your most important keyword in the headline, as this represents the H1 header tag. You can add up to two CTA buttons below the body copy, but only one is recommended. For carousel configurations, CTA buttons can be added to each slide if required. However, it is not recommended to use CTA buttons in the hero when you want users to explore the content on the page first.
For H102 carousel configurations, the heading of the first slide renders the H1 element for the page, with subsequent slide headings rendered as H2 elements. H102 carousels are intended to display up to a max 5 hero slides.
Interaction
Component allows up to 2 optional CTA buttons (per hero slide) that drive users to related child pages.
Use to provide a brief overview of a platform, category or other second-level landing page with optional CTA buttons, or to when multiple hero carousel slides showcasing subtopics relevant to the overall page are necessary.
Avoid using on pages other than platform and category page, or other pages lower than the second level in site map the hierarchy.
