<div class="d-flex flex-row">
  <div class="d-flex flex-column">
    <%= product_wordmark :deliver_me, prefix: t('.headings.welcome'), class: "h2" %>
    <p class="text-muted"><%= t '.headings.subtitle' %>
  </div>

  <%= link_to t(".actions.book_demo"), 'https://meetings.hubspot.com/bray2', class: "btn btn-primary border align-self-center h-50 ml-auto mr-2 pb-2", target: '_blank' %>
  <% if policy(Video).new? %>
    <%= link_to t(".actions.upload_video"), [:landing, @project, :videos], class: "btn btn-success border align-self-center h-50 pb-2" %>
  <% end %>
</div>

<hr>

<div class="pt-2">
  <div class="row">
    <div class="col">
      <div class="card-body p-0">
        <div class="embed-responsive embed-responsive-16by9">
          <div class="embed-responsive-item">
            <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/435943995" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
          </div>
        </div>
      </div>
    </div>
    <div class="col">
      <div class="row">
        <div class="col">
          <h3><%= t '.headings.how_it_works' %></h3>
          <ol>
            <li><%= t '.list_items.import_video' %></li>
            <li><%= t '.list_items.import_EDLs' %></li>
            <li><%= t '.list_items.AI_generates_documents' %></li>
            <li><%= t '.list_items.download_documents' %></li>
          </ol>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <h3><%= t '.headings.benefits' %></h3>
          <ul class="fa-ul ml-5">
            <%= content_tag(:li, fa_icon("check li", text: t('.list_items.reduces_labor_cost'))) %>
            <%= content_tag(:li, fa_icon("check li", text: t('.list_items.more_accurate'))) %>
            <%= content_tag(:li, fa_icon("check li", text: t('.list_items.simplifies_cue_sheets'))) %>
            <%= content_tag(:li, fa_icon("check li", text: t('.list_items.production_elements_logs'))) %>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>