---
title: Hero header
layout: common-ux-layout.hbs
---

<div class="style-guide-info info">
  <h4>Hero Component</h4>
  <p>The image doesn't fit like it should in lg size in this context (styleguide framing). Check the <a href="/pages/templates/sg-tno.html">TnO template</a> for accuracy</p>
</div>

{{>hero_responsive image-contentful.data.fields}}

{{>hero_with_heading hero-with-heading}}