<?php $__env->startSection('title'); ?>
    <title>Tải APP - Phần mềm quản lý nhà trọ ITRO</title>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('meta'); ?>
    <meta property="og:url" content="<?php echo e(url()->current()); ?>"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Tải APP - Phần mềm quản lý nhà trọ ITRO"/>
    <meta property="og:description"
          content="Tải App quản lý nhà trọ Itro trên nền tảng Androi, IOS. Ứng dụng quản lý nhà trọ tiện lợi ngay trên điện thoại"/>
    <meta property="og:image" content="https://quanlynhatro.com/ogimage_qlnt.jpg"/>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <!-- header -->
    <?php echo $__env->make('frontend3.header_landing', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <!-- END header -->
    <!--=======================================================================-->
    <!-- app -->
    <section class="block-app block-app--top">
        <div class="block-app__background">
            <div class="hero-background">
                <div class="hero-background__shapes">
                    <div class="hero-background__shape hero-background__shape--fill1" style="left: -35.3333px; top: 1096.67px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1001" height="585" style="transform: scale(1.33333) translate(-500.5px, -500.5px);">
                                <g x="0" y="0">
                                    <polygon class="fill1" fill="#ec8056" points="0,585 1001,270 452,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke" style="left: -35.3333px; top: 1125px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1080" height="608" style="transform: scale(1.33333) translate(-539px, -539px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,606 1078,291 486,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--fill3" style="left: 1960.67px; top: 986.667px;">
                        <div class="hero-background__shape__transform">
                            <svg width="683" height="438" style="transform: scale(1.33333) translate(-341.5px, -341.5px);">
                                <g x="0" y="0">
                                    <polygon class="fill3" fill="#FDE7A9" points="0,0 324,438 683,117"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke" style="left: 1914px; top: 971.333px;">
                        <div class="hero-background__shape__transform">
                            <svg width="685" height="441" style="transform: scale(1.33333) translate(-341.5px, -341.5px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,0 323,439 683,117"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                    <div class="hero-background__shape hero-background__shape--stroke" style="left: 1258px; top: 179.333px;">
                        <div class="hero-background__shape__transform">
                            <svg width="1017" height="683" style="transform: scale(1.33333) translate(-507.5px, -507.5px);">
                                <g x="1" y="1">
                                    <polygon class="stroke" points="0,681 1015,202 432,0"></polygon>
                                </g>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-app__wrap">
            <div class="row justify-content-center align-items-center m-0">
                <div class="col-12 col-lg-5 order-2 order-lg-1">
                    <div class="block-app__sc">
                        <div class="app-sc-wrap">
                            <div class="app-sc-tablet element-animated" data-animation="fadeInRight--sm" animation-delay="0">
                                <img src="/quanlynhatro/assets/img/sc-device-tablet.png" alt="Tablet">
                            </div>
                            <div class="app-sc-mobile element-animated" data-animation="fadeInLeft--sm" animation-delay="0">
                                <img src="/quanlynhatro/assets/img/download-iphone.svg" alt="Phone">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-6 order-1 order-lg-2">
                    <div class="block-app__cnt">
                        <h1 class="block-app__tle text-uppercase element-animated" data-animation="a-ldTitle" animation-delay=".1s">
                            Ứng dụng dành cho cả chủ nhà, nhân viên và khách thuê
                        </h1>
                        <div class="block-app__stl element-animated" data-animation="a-ldSubtitle" animation-delay=".2s">
                            <p>Một chủ nhà có thể vận hành hàng chục nhà với hàng trăm phòng cho thuê chỉ với 1 chiếc smartphone.</p>
                            <p>Khách thuê nhà có thể sử dụng app để theo dõi hoá đơn, kê khai tạm trú và báo cáo sự cố lên cho chủ nhà.</p>
                        </div>
                        <div class="block-app__dwl">
                            <div class="dwl-btn-wrp element-animated" data-animation="fadeInUp--sm" animation-delay=".2s">
                                <div class="single-download-btn">
                                    <a target="_blank"
                                       href="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8"><img
                                                src="/quanlynhatro/assets/img/download-app-store.png" height="72"
                                                alt="App Store"></a>
                                </div>
                                <div class="single-download-btn">
                                    <a target="_blank"
                                       href="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host"><img
                                                src="/quanlynhatro/assets/img/download-google-play.png" height="72"
                                                alt="CH Play"></a>
                                </div>
                            </div>
                            <div class="dwl-qrc-wrp element-animated" data-animation="fadeInUp--sm" animation-delay=".25s">
                                <div class="qr-txt">Quét mã QR bên dưới để tải app</div>
                                <div class="qr-img">
                                    <img src="/quanlynhatro/assets/img/qrcode.svg" alt="Alternate Text" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END app -->
    <!--=======================================================================-->
    <!-- steps -->
    <section class="block-ld block-steps">
        <div class="container">
            <div class="block-steps__wrap">
                <div class="block-ld__header text-center">
                    <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle" animation-delay="0">
                        Làm thế nào khách thuê có thể sử dụng mà không cần đăng ký?
                    </h2>
                </div>
                <div class="block-ld__main">
                    <div class="row justify-content-center align-items-center">
                        <div class="col-12">
                            <div class="block-steps__steps">
                                <div class="c-process c-process--useapp">
                                    <div class="c-process__wrap">
                                        <div class="c-process__step element-animated" data-animation="fadeInUp--sm" animation-delay="0">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__hdr">
                                                        <div class="single-step__lvl">Bước 1</div>
                                                        <h4 class="single-step__tle">Lập hợp đồng</h4>
                                                        <div class="single-step__icn"><img src="/quanlynhatro/assets/img/icon/step1.svg" alt=""></div>
                                                    </div>
                                                    <div class="single-step__dcr">
                                                        <p>Chủ nhà hoặc nhân viên quản lý sẽ lập hợp đồng trên hệ thống có thông tin về số điện thoại khách thuê. Tài khoản khách thuê được tạo sau khi hợp đồng được lập.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="c-process__step element-animated" data-animation="fadeInUp--sm" animation-delay=".1s">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__hdr">
                                                        <div class="single-step__lvl">Bước 2</div>
                                                        <h4 class="single-step__tle">Tải App & Đăng nhập</h4>
                                                        <div class="single-step__icn"><img src="/quanlynhatro/assets/img/icon/step2.svg" alt=""></div>
                                                    </div>
                                                    <div class="single-step__dcr">
                                                        <p>Chủ nhà yêu cầu khách thuê tải ứng dụng bên trên về máy. Khách thuê sẽ đăng nhập với số điện thoại trong hợp đồng và mật khẩu mặc định là 123456.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="c-process__step element-animated" data-animation="fadeInUp--sm" animation-delay=".15s">
                                            <div class="single-step">
                                                <div class="single-step__wrp">
                                                    <div class="single-step__hdr">
                                                        <div class="single-step__lvl">Bước 3</div>
                                                        <h4 class="single-step__tle">Bắt đầu sử dụng</h4>
                                                        <div class="single-step__icn"><img src="/quanlynhatro/assets/img/icon/step3.svg" alt=""></div>
                                                    </div>
                                                    <div class="single-step__dcr">
                                                        <p>Khách thuê đăng nhập vào và bắt đầu sử dụng các tính năng xem hoá đơn, lịch sử đóng tiền, báo cáo sự cố, kê khai tạm trú…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END steps -->
    <!--=======================================================================-->
    <!-- app screenshot -->
    <section class="block-appscr">
        <div class="block-appscr__wrap">
            <div class="container-fluid px-0">
                <div class="slide-appscr js-slide-appscr">
                    <div class="slide-appscr__item">
                        <img src="/quanlynhatro/assets/img/sc-app-show-1.png" alt="Screen 1">
                    </div>
                    <div class="slide-appscr__item">
                        <img src="/quanlynhatro/assets/img/sc-app-show-2.png" alt="Screen 2">
                    </div>
                    <div class="slide-appscr__item">
                        <img src="/quanlynhatro/assets/img/sc-app-show-3.png" alt="Screen 3">
                    </div>
                    <div class="slide-appscr__item">
                        <img src="/quanlynhatro/assets/img/sc-app-show-4.png" alt="Screen 4">
                    </div>
                    <div class="slide-appscr__item">
                        <img src="/quanlynhatro/assets/img/sc-app-show-5.png" alt="Screen 5">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END app screenshot -->
    <!--=======================================================================-->
    <!-- download -->
    <section class="block-ld block-download block-ld--bg-gray01">
        <div class="container">
            <div class="block-download__wrap">
                <div class="row align-items-center">
                    <div class="col-12 col-lg-5 mt-5 mt-lg-0 order-2 order-lg-1">
                        <div class="block-download__sc element-animated" data-animation="fadeInLeft--sm" animation-delay=".1s">
                            <img src="/quanlynhatro/assets/img/sc-app-service.png" alt="App Service">
                        </div>
                    </div>
                    <div class="col-12 col-lg-7 order-1 order-lg-2">
                        <div class="block-download__cnt">
                            <div class="block-ld__header text-center">
                                <h2 class="block-ld__title text-uppercase element-animated" data-animation="a-ldTitle" animation-delay="0">
                                    Chúng tôi đã sẵn sàng phục vụ bạn
                                </h2>
                                <p class="block-ld__subtitle element-animated" data-animation="a-ldSubtitle" animation-delay=".2s">
                                    Hãy tham gia trải nghiệm ngay những tính năng tuyệt vời và tìm kiếm cho mình những khách thuê nhà
                                </p>
                            </div>
                            <div class="block-ld__main">
                                <div class="block-download__btn text-center">
                                    <div class="single-dwn-btn element-animated" data-animation="fadeInUp--sm" animation-delay=".1s"><a target="_blank" href="https://itunes.apple.com/us/app/itro-qu%E1%BA%A3n-l%C3%BD-tr%E1%BB%8D-th%C3%B4ng-minh/id1352848785?ls=1&mt=8" class="m-2"><img src="/quanlynhatro/assets/img/download-app-store.png" alt=""></a></div>
                                    <div class="single-dwn-btn element-animated" data-animation="fadeInUp--sm" animation-delay=".2s"><a target="_blank" href="https://play.google.com/store/apps/details?id=com.blue.hoantran.itro_host" class="m-2"><img src="/quanlynhatro/assets/img/download-google-play.png" alt=""></a></div>
                                </div>
                                <div class="block-download__qr element-animated animated fadeInUp--sm" data-animation="fadeInUp--sm" animation-delay=".25s" style="animation-delay: 0.25s;">
                                    <div class="qr-txt">Quét mã QR bên dưới để tải app</div>
                                    <div class="qr-img">
                                        <img src="/quanlynhatro/assets/img/qrcode.svg" alt="Alternate Text">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- END download -->
    <!--=======================================================================-->
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
    <script>

        $(document).ready(function() {
            $('.js-slide-appscr').slick({
                centerMode: true,
                centerPadding: '72px',
                slidesToShow: 5,
                arrows: false,
                dots: false,
                responsive: [
                    {
                        breakpoint: 1200,
                        settings: {
                            centerMode: true,
                            centerPadding: '80px',
                            slidesToShow: 3,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 992,
                        settings: {
                            centerMode: true,
                            centerPadding: '80px',
                            slidesToShow: 3,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 768,
                        settings: {
                            centerMode: true,
                            centerPadding: '80px',
                            slidesToShow: 1,
                            dots: true
                        }
                    },
                    {
                        breakpoint: 480,
                        settings: {
                            centerMode: true,
                            centerPadding: '72px',
                            slidesToShow: 1,
                            dots: true
                        }
                    }
                ]
            });
        });
    </script>
    <?php $__env->stopPush(); ?>

<?php echo $__env->make('quanlynhatro.landing_layout', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>