{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main homepage">
  <div class="hero-homepage">
    <div class="np-max-width">
      <div class="hero-text lora">Welcome to Cin7 Omni Academy</div>
      <div class="hero-subheading">Learn to create and manage a best-in-class inventory operation for your business.</div>
    </div>
  </div>

  <div class="page-content">
    <div class="section np-max-width">
      <div class="heading lora">New to Cin7 Core? Start learning here!</div>
      <div class="section-content">
        {% include "category_carousel"%}
      </div>
    </div>
    <div class="section np-max-width">
      <div class="heading lora">Featured Courses: Integrations</div>
      <div class="section-content">
        {% include 'featured_courses' %}
      </div>
      </div>
      <div class="button-wrapper">
        <a class="catalog-btn" href="/app/catalog">Browse All Courses</a>
      </div>
    <div class="section section-info np-max-width">
      <div class="heading lora">Empowering education for Connected Inventory Performance</div>
      <div class="section-content">
        <div class="info-wrapper">
          <div class="info">
            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/in+depth+learning.png" alt="">
            <div class="info-content">
              <div class="info-heading">In-depth learning</div>
              <div class="info-desc">Created by our subject matter experts</div>
            </div>
          </div>
          <div class="info">
            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Always+available.png" alt="">
            <div class="info-content">
              <div class="info-heading">Always available</div>
              <div class="info-desc">Choose when and what to learn at your own pace</div>
            </div>
          </div>
          <div class="info">
            <img class="info-icon" src="https://s3.amazonaws.com/static.northpass.com/Cin7/icons/Designed+for+everyone.png" alt="">
            <div class="info-content">
              <div class="info-heading">Designed for everyone</div>
              <div class="info-desc">From basic to advanced, courses for your whole team</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
{% include "footer" %}