@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-lg-6 pr-lg-5">
                    <h3>Security vs Experience! Now achieve both with AI-powered visitor management system</h3>
                    <p>
                        Use Truein, a touchelss visitor entry solution. It creates a truly welcoming experience for your guests and helps you to streamline your VMS processes.
                    </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/ai.png" alt="mockup">
                    </div>
                </div>
            </div>
        </div>
        <div class="sp-100 pt-0">
            <div class="row align-items-center">
                <div class="col-lg-6 order-lg-1 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.6)">
                    </div>
                </div>
                <div class="col-lg-6 pl-lg-5 order-lg-2">
                    <h3>In-built card scanner
                    </h3>
                    <p>The Truein system is powered by our proprietary inScan technology. It auto-captures visitor details from Government IDs or visiting cards in no time.
                    </p>
                </div>
            </div>
        </div>
        <div class="sp-100">
            <div class="row align-items-center">
                <div class="col-lg-6 pr-lg-5">
                    <h3>Host notifications</h3>
                    <p>
                        When a guest asks for a specific employee, a notification to the host employee gets triggered. The host employee can approve access via sms, email or user app.
                    </p>
                </div>
                <div class="col-lg-6 wow fadeIn  d-lg-block" data-wow-delay="0.2s">
                    <div class="mock-img">
                        <img src="/assets/img/notify.png" alt="mockup" style="transform: scale(0.8)">
                    </div>
                </div>
            </div>
        </div>
        <div class="sp-100 pt-0">
            <div class="row align-items-center">
                <div class="col-lg-6 order-lg-1 wow fadeIn  d-lg-block" data-wow-delay="0.2s">
                    <div class="mock-img">
                        <img src="/assets/img/report.png" alt="mockup" style="transform: scale(0.8)">
                    </div>
                </div>
                <div class="col-lg-6 pl-lg-5 order-lg-2">
                    <h3>Invite & pre-register</h3>
                    <p>
                        No queues at the gate for your esteemed clients. Send them invites so they do a seamless and fast check-in. Explore calendar booking, auto-fill and more too.</p>
                </div>
            </div>
        </div>
        <div class="sp-100">
            <div class="row align-items-center">
                <div class="col-lg-6 pr-lg-5">
                    <h3>100+ built in features for flawless visitor management</h3>
                    <p>
                    <ul class="list1 border-top pt-5 mt-5">
                        <li class="mb-3">Kiosk mode (Touchless)</li>
                        <li class="mb-3">Selfie attendance with Geo-fencing</li>
                        <li class="mb-3">Face Mask screening</li>
                        <li class="mb-3">Multiple In-Out</li>
                        <li class="mb-3">Leave Management</li>
                        <li class="mb-3">Integration with HRMS/Payroll</li>
                        <li class="mb-3">GPS Location Capture</li>
                        <li class="mb-3">Reports and Analytics</li>
                        <li class="mb-3">Mobile app dashboard</li>
                        <li class="mb-3">Admin Dashboard (Web & Mobile)</li>
                    </ul>
                    </p>
                    <a style="font-size: 18px; text-decoration: underline;">Explore all features</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/features.png" alt="mockup">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection