@extends('layout.app') @section('content')
<section class="saas-features bg-white overflow-hidden">
  <div class="container">
    <div class="sp-100">
      <div class="row align-items-center">
        <div class="col-12">
          <h3>Pioneering face-recognition technology</h3>
          <div>
            <p>We are driven by innovation, a secure & scalable technology.</p>
          </div>
        </div>
        <div class="col-12 mt-5">
          <div class="row justify-content-center">
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img src="/assets/img/features/bi_person-bounding-box.png" alt="" />
                <p class="mb-0">Face onboarding with only 1 picture</p>
              </div>
            </div>
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img src="/assets/img/features/Group-17.png" alt="" />
                <p class="mb-0">Low light correction</p>
              </div>
            </div>
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img
                  src="/assets/img/features/Group-192-p3f29uybgpmw8uzi8omij5cho985k0yih2n6503r40.png"
                  alt=""
                />
                <p class="mb-0">Aging effect rectification</p>
              </div>
            </div>
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img src="/assets/img/features/Group-149-1.png" alt="" />
                <p class="mb-0">Face to right-service match</p>
              </div>
            </div>
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img src="/assets/img/features/Group-18.png" alt="" />
                <p class="mb-0">Attendance and Visitor use case fine tuning</p>
              </div>
            </div>
            <div
              class="col-lg-3 col-md-4 col-sm-6 col-12 mb-30 wow fadeIn"
              data-wow-delay="0.4s"
            >
              <div class="integrate-box shadow">
                <img
                  src="/assets/img/features/Layer-3-3-p3f29vw5njo6kgy537153n3y9n3irq28t7anma2cxs.png"
                  alt=""
                />
                <p class="mb-0">Group face detection in one picture</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 pr-lg-5">
          <h3>Powerful card scanning technology</h3>
          <p>
            Truein’s proprietary Truescan technology has eliminated the need for
            manual entries or syncs with a practically 100% reliable scanning of
            Government IDs and Business Cards. Visitor data gets automatically
            populated as they walk in delighted.
          </p>
          <a href="#" class="btn btn-lg btn-custom mt-4 btn-outline"
            >Get Started</a
          >
        </div>
        <div class="col-lg-6 wow fadeIn d-lg-block" data-wow-delay="0.2s">
          <div class="mock-img">
            <img src="/assets/img/4137379.jpg" alt="mockup" style="transform: scale(0.8);"/>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection