@extends("frontend.public_html.html.layout")

@section("content")
<style>
    .download-image {
        display: inline-flex;
        padding: 20px 0;
    }
    .qr-code {
        margin-right: 20px;
    }
    .app-download-button a {
        margin: 10px 0;
        display: block;
    }
    @media (min-width:801px){
        .mobile-app-content-right {
            margin-top:80px;
            margin-bottom: 98px;
        }
    }
    @media screen and (max-width:800px){
        .mobile-app-section h3{
            text-align: center;
        }
        .mobile-app-content-right {
            margin-bottom: 50px !important;
        }
        .download-image {
            display: block;
            text-align: center;
        }
        .qr-code {
            margin-right: 0;
        }
        .tasker-app-section .download-image {
            border-top: 2px solid #1d76ba !important;
        }
    }
</style>
<section class="mobile-app-section default-section customer-app-section">
    <img src="{{asset("images/App/customer-app.jpg")}}" alt=""/>
    <div class="wrapper mobile-app-content horizontal-layout">
        <div class="mobile-app-content-left">
        </div>
        <div class="mobile-app-content-right" style="margin-bottom: 178px;">
            <h3 class="upper-case"><b>Tải ứng dụng bluecare dành cho người dùng</b></h3>
            <p><b>- An toàn (Nhân viên y tế giàu kình nghiệm, y đức)</b></p>
            <p><b>- Nhanh chóng (nhân viên y tế sẽ đến cung cấp dịch vụ tại nhà chỉ sau 1h-1,5h kể từ khi bạn đặt lịch)</b></p>
            <p><b>- Hiệu quả điều trị cao (Chất lượng chăm sóc điều trị tốt, tốc độ phục hồi nhanh chóng)</b></p>
            <p><b>- Dễ dàng, thuận tiện (Chỉ với một vài lần chạm tay trên màn hình là bạn sẽ có ngay một nhân viên y tế đến chăm sóc tại nhà theo yêu cầu)</b></p>
            <p><b>- Thanh toán linh hoạt (Ký hợp đồng điện tử, không cần đặt cọc, thanh toán chuyển khoản hoặc tiền mặt, thanh toán trả trước hoặc COD)</b></p>
            <div class="download-image">
                <div class="qr-code">
                    <img src="{{asset("frontend/images/App/Footer 1609 - QR code.png")}}" style="width: 137px; height: 137px;" alt=""/>
                </div>
                <div class="app-download-button">
                    <a href="https://play.google.com/store/apps/details?id=com.bluecare.bluecare" target="_blank">
                        <img src="{{asset("images/App/10 app icon ch-play.png")}}" alt=""/>
                    </a>
                    <a href="https://itunes.apple.com/app/bluecare/id1444892561" target="_blank">
                        <img src="{{asset("images/App/10 app icon appstore.png")}}" alt=""/>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mobile-app-section default-section tasker-app-section">
    <img src="{{asset("images/App/10 app background.png")}}" alt=""/>
    <div class="wrapper mobile-app-content horizontal-layout">
        <div class="mobile-app-content-left">
            <img src="{{asset("images/App/tasker-app.png")}}" alt=""/>
        </div>
        <div class="mobile-app-content-right">
            <h3 class="upper-case"><b>Tải ứng dụng bluecare dành cho đối tác</b></h3>
            <p><b>- Tự do kiếm thêm thu nhập</b></p>
            <p><b>- Tự chủ về thời gian</b></p>
            <p><b>- Tự do chia sẻ và kết nối</b></p>
            <p><b>- Thu nhập cao: Được hưởng tới 75% tổng giá trị ca dịch vụ</b></p>
            <p><b>- Hạnh phúc hơn</b></p>
            <div class="download-image">
                <div class="qr-code">
                    <img src="{{asset("frontend/images/App/bluecare_partner_app.png")}}" style="width: 137px; height: 137px;" alt=""/>
                </div>
                <div class="app-download-button">
                    <a href="https://play.google.com/store/apps/details?id=com.bluecare.tasker" target="_blank">
                        <img src="{{asset("images/App/10 app icon ch-play.png")}}" alt="Bluecare đối tác ios"/>
                    </a>
                    <a href="https://itunes.apple.com/app/id1444895637" target="_blank">
                        <img src="{{asset("images/App/10 app icon appstore.png")}}" alt="Bluecare đối tác android"/>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection