@extends('layout.basic.main')
@push('css')
    <link rel="stylesheet" href="/css/booking_manager/app-url.css?v={{config("sns-line.version")}}">
@endpush

@section('content')
    <div class="h__app-url">
        <p class="text-center">サルわかのアプリは、iOS / android のどちらにも対応しています。</p>
        <div class="h__app-url-group">
            <div class="h__app-url-item">
                <p class="h__app-url-desc">App Store</p>
                <div>
                    <a target="_blank" rel="noopener noreferrer" href="https://apps.apple.com/jp/app/%E3%82%B5%E3%83%AB%E3%82%8F%E3%81%8B/id1562796881">
                        <img src="/images/app-url-ios.png" alt="">
                    </a>
                </div>
                <div class="h__app-url-qr"><img width="222px" src="/images/app-booking-qr-ios.png" alt=""></div>
            </div>
            <div class="h__app-url-item">
                <p class="h__app-url-desc">Google Play ストア</p>
                <div>
                    <a target="_blank" rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.wssv.snssaru">
                        <img src="/images/app-url-android.png" alt="">
                    </a>
                </div>
                <div class="h__app-url-qr"><img width="222px" src="/images/app-booking-qr-android.png" alt=""></div>
            </div>
        </div>
        <p class="text-center" style="margin-top: 20px; color: #FF0000">※アプリを検索するときは『サルわか』と入力してください。</p>
    </div>
@endsection

@push('js')
@endpush