{% raw %}
  {%- if req.stripe.discount.active and not currentUser.hasPro -%}
  <div slot="banner" class="banner-wa-launch wa-dark">
    <div class="banner-content wa-split">
      <div class="wa-cluster wa-gap-s">
        <wa-icon name="badge-percent" class="banner-icon"></wa-icon>
        <p class="wa-body-s">
          <strong style="margin-inline-end: var(--wa-space-2xs)">Web Awesome is here!</strong>
          Celebrate with <span class="appearance-underlined variant-drawn">20% off</span> on a Web Awesome Pro plan&hellip; <span class="appearance-underlined variant-drawn">for life</span>!
        </p>
      </div>
      <wa-button appearance="outlined" variant="brand" size="small" href="/purchase" class="brand-font">
        <wa-icon slot="start" variant="regular" name="rocket-launch"></wa-icon>
        Get Pro + Save 20%
      </wa-button>
    </div>
  </div>
  {%- endif -%}
{% endraw %}
