<div class="component_filled" id="sign-up-wrapper">
  <div class="sign-up">
    <form id="sign-up-form" class="sign-up__form" novalidate>
      <label class="sign-up__proposal" for="sign-up-email">
        <span class="sign-up__proposal-icon">
          <i class="far fa-envelope"></i>
          <span>Never miss a deal!</span>
        </span>
      </label>
      <div class="sign-up__email-container" id="sign-up__email-container">
        <input class="sign-up__email" type="email" placeholder="Sign up to receive our emails with our latest promotions, offers, advice and inspiration." id="sign-up-email">
        {{> notifications notification-page.error text="Error message"}}
      </div>
      <div class="sign-up__submit-container">
        <button class="btn sign-up__submit">
            <i class="far fa-long-arrow-right"></i>
            <span class="btn__text">Sign up</span>
        </button>
      </div>
    </form>
    <div id="sign-up-thank-you-msg" class="sign-up__thank-you-msg-container">
      <div class="sign-up__thank-you-msg">
        <span class="fas fa-check" aria-hidden="true"></span>Thank you for signing up for emails
      </div>
    </div>
  </div>
</div>
