<template>
  <div id="mc_embed_signup" class="mt-6">
    <form id="mc-embedded-subscribe-form"
          action="https://OFReport.us6.list-manage.com/subscribe/post?u=1e0c65850b60905f65b151819&amp;id=97b9f6a559"
          method="post"
          name="mc-embedded-subscribe-form"
          class="validate"
          target="_blank"
          novalidate
    >
      <div id="mc_embed_signup_scroll" class="xs:flex">
        <input id="mce-EMAIL"
               type="email"
               value=""
               name="EMAIL"
               class="w-full py-2 px-4 rounded xs:rounded-r-none border border-gray-200 xs:border-r-0 placeholder-gray-600 focus:placeholder-gray-300 focus:outline-none focus:shadow-outline"
               placeholder="you@example.com"
               required
        >
        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div style=" left: -5000px; position: absolute;" aria-hidden="true">
          <input type="text"
                 name="b_1e0c65850b60905f65b151819_97b9f6a559"
                 tabindex="-1"
                 value=""
          >
        </div>
        <div>
          <input id="mc-embedded-subscribe"
                 type="submit"
                 value="Subscribe"
                 name="subscribe"
                 class="w-full mt-2 xs:mt-0 py-2 px-4 font-bold btn-blue rounded xs:rounded-l-none xs:border xs:border-blue-600 cursor-pointer"
          >
        </div>
      </div>
    </form>
  </div>
</template>

Add MailChimp subscribe form component.
Add MailChimp subscribe form component.
