<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
      <h3>Welcome To <%= suite_wordmark("d-inline-block") %></h3>
      <div class="mt-4">
        <p>Sign up for a <strong>14 Day Free Trial</strong> which includes full access to the following products. No credit card required!</p>
        <div class="d-flex justify-content-between pb-2">
          <div><%= image_tag "logo_directme.png", width: "90%" %></div>
          <div><%= image_tag "logo_releaseme.png", width: "90%" %></div>
          <div><%= image_tag "logo_deliverme.png", width: "90%" %></div>
        </div>
        <div class="d-flex justify-content-between pb-2">
          <div><%= image_tag "logo_editme.png", width: "90%" %></div>
          <div><%= image_tag "logo_castme.png", width: "90%" %></div>
          <div><%= image_tag "logo_expenseme.png", width: "90%" %></div>
        </div>
      </div>
      <p>Want to know more? <%= link_to "Schedule a free demo", "javascript:void(0)", class: "text-danger", data: { toggle: "modal", target: "#demo_modal" } %></p>
      <div class="modal fade" id="demo_modal" tabindex="-1" role="dialog" aria-labelledby="demoModal" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
            <div class="modal-header border-0 pb-0">
              <%= button_tag class: "close", data: { dismiss: "modal" }, aria: { label: "Close" } do %>
                <span aria-hidden="true">&times;</span>
              <% end %>
            </div>
            <div class="modal-body">
              <!--[if lte IE 8]>
                <script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/v2-legacy.js"></script>
              <![endif]-->
              <script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/v2.js"></script>
              <%= javascript_tag nonce: true do %>
                hbspt.forms.create({
                portalId: "7344617",
                formId: "ac9ebc7e-adfd-4308-ac5a-3052b6891b64"
                });
              <% end %>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6">
      <div class="card shadow-sm">
        <%= card_header text: "Sign Up Below For Instant Access" %>
        <div class="card-body">
          <%= render "form" %>
        </div>
      </div>
    </div>
  </div>
</div>
