---
custom_classes: ""
custom_spacing: "px-5"
---
{{#
/**
 * @name hero/title-text-trial
 * @description A partial for a banner with a lead, headline, subheadline, and trial signup
 * @see Uses partial {@link form/free-trial}
 * @property {string} hero_headline - Main text in the headline
 * @property {string} [custom_classes] - Extra classes to apply to the wrapping `section`
 * @property {string} [custom_spacing] - Extra classes to apply to the wrapping `section`
 * @property {string} [hero_lead_in_title] - Uppercase hero lead in title
 * @property {string} [hero_subheadline] - Text below headline
 */
#}}
<section class="{{ custom_spacing }} {{ custom_classes }}" {{ if background_image }}style="background-image: url('{{ background_image_asset }}');"{{ /if }}>
  <div class="mw-grid mx-auto py-8 m--pt-5">
    {{ if hero_lead_in_title }}
      <h1 class="lead-in-1 mb-4 mt-10 tt-upper ta-center white body">{{ hero_lead_in_title }}</h1>
    {{ /if }}
    <div class="title-4 m--title-6 l--title-7 fw-700 mb-0 ta-center white m--mt-4 {{ hero_headline_classes }}">{{ hero_headline | widont }}</div>
    {{ if hero_subheadline }}
      <div class="body-4 m--body-5 mt-5 mb-8 ta-center white px-2 m--px-11 mb-8 m--mb-9 {{ hero_subheadline_classes }}">{{ hero_subheadline }}</div>
    {{ /if }}
    <div class="mw-32 mx-auto">
      {{ partial:form/free-trial }}
      <p class="ta-center body-2 fw-500 white mt-5">{{ global_free_trial_form:global_free_trial_banner_copy }}</p>
    </div>
  </div>
</section>