{#
  @overview Trial/Return banner

  @todo Refactor macro
 #}

{% import '../icons/icons.macros.html' as icon %}

{#
  @macro trial_warranty
  @overview Initializes gallery module. Uses Flickity

  @todo Use max-width to control title line breaks
  @todo Content will be passed through via api
  @todo Make SVG version of background
 #}
{% macro trial_returns() %}
<section class="dark r-centered region trial-warranty">
  <div class="trial-warranty-content r-inner">
    {{ icon.svg('trial-seal-hundrednight')}}
    <h1 class="trial-warranty-title">
    <span class="trial-text">100 night trial, </span>
    <span class="warranty-text">Free returns</span>
    </h1>
    <p class="trial-warranty-copy">
      Sleep on them, lounge on them, dream on them — if you don’t love the sheets, we’ll give you a full refund.
    </p>
  </div>
  <div class="js-parallax-big-stars parallax parallax-big-stars"></div>
  <div class="js-parallax-small-stars parallax parallax-small-stars"></div>
</section>
{% endmacro %}

{#
  @overview Trial/Return banner

  @todo Refactor macro
 #}

{% import '../icons/icons.macros.html' as icon %}

{#
  @macro trial_warranty
  @overview Initializes gallery module. Uses Flickity

  @todo Use max-width to control title line breaks
  @todo Content will be passed through via api
  @todo Make SVG version of background
 #}
{% macro trial_returns() %}
<section class="dark r-centered region trial-warranty background--starry">
  <div class="trial-warranty-content r-inner">
    {{ icon.svg('trial-seal-hundrednight')}}
    <h1 class="trial-warranty-title">
    <span class="trial-text">100 night trial, </span>
    <span class="warranty-text">Free returns</span>
    </h1>
    <p class="trial-warranty-copy">
      Sleep on them, lounge on them, dream on them — if you don’t love the sheets, we’ll give you a full refund.
    </p>
  </div>
</section>
{% endmacro %}

Add starry background to trial warranty
Add starry background to trial warranty