@include('layouts.help.header')

<div class="help-support-container">
      @include('layouts.help.back_button')
    <div class="how-to-scan-qr-content-wrapper">
        <div class="container-fluid">
            <div class="how-to-scan-title-wrapper">
                <h2>How to Add to Wallet</h2>
                <p>Add for super-fast sharing!</p>
            </div>

            <div class="how-to-scan-info-wrapper">
                <div class="nfc-step-title">
                    <h4>Step 1:</h4>
                    <p>Tap the “Preview” icon.</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-wallet-step-01.png" alt="Add Wallet Step 1" title="Add Wallet Step 1">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 2:</h4>
                    <p>Click “Add Card to Wallet.”</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-wallet-step-02.png" alt="Add Wallet Step 2" title="Add Wallet Step 2">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 3:</h4>
                    <p>Add the profile to your wallet.</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/add-wallet-step-03.png" alt="Add Wallet Step 3" title="Add Wallet Step 3">
                </div>
            </div>
        </div>
    </div>
</div>


@include('layouts.help.footer')