@include('layouts.help.header')

<div class="help-support-container">
    <!-- Header Section Start Here -->
    <header class="header">
        <div class="container-fluid">
            <div class="header-wrapper">
                <div class="header-arrow">
<!--                    <a href="{{url('/')}}">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M22 12H2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M9 5L2 12L9 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </a>-->
                </div>
                <div class="header-middile">
                    <h1>Help & Support</h1>
                </div>
                <div class="header-right">
                    <h3><a href="{{url('/faqs')}}">FAQs</a></h3>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Section End Here -->
    <!-- Help And Support List Section Start Here -->
    <section class="help-support-list">
        <div class="container-fluid">
            <!-- Help & Support List Item Start Here -->
            <a href="{{url('/how-to-scan-qr-code')}}">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-scan-qr-code.png" alt="How to Scan QR Code" title="How to Scan QR Code"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Scan QR Code</h2>
                        <p>All iPhones and Androids</p>
                    </div>
                </div>
            </a>
            <!-- Help & Support List Item End Here -->

            <!-- Help & Support List Item Start Here -->
            <a href="how-to-share-using-nfc">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-share-using-nfc.png" alt="How to Share using NFC" title="How to Share using NFC"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Share using NFC</h2>
                        <p>Choose the device you wish sharing to</p>
                    </div>
                </div>
            </a>
            <!-- Help & Support List Item End Here -->

            <!-- Help & Support List Item Start Here -->
            <a href="how-to-create-profile">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-create-profile.png" alt="How to Create Profile" title="How to Create Profile"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Create Profile</h2>
                        <p>Just a few taps and ready to SHARE!</p>
                    </div>
                </div>
            </a>
            <!-- Help & Support List Item End Here -->

            <!-- Help & Support List Item Start Here -->
            <a href="how-to-add-links">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-add-links.png" alt="How to Add Links" title="How to Add Links"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Add Links</h2>
                        <p>It’s easier than making a toast!</p>
                    </div>
                </div>
            </a>
            <!-- Help & Support List Item End Here -->

            <!-- Help & Support List Item Start Here -->
            <a href="how-to-add-to-wallet">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-add-to-wallet.png" alt="How to Add to Wallet" title="How to Add to Wallet"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Add to Wallet</h2>
                        <p>Add for super-fast sharing!</p>
                    </div>
                </div>
            </a>

            <a href="how-to-activate-vcarrd-device">
                <div class="help-support-list-wrapper">
                    <div class="list-image-wrapper">
                        <img src="{{url('/')}}/assets/help/images/how-to-activate-vcarrd-device.png" alt="How to Activate vCarrd Device" title="How to Activate vCarrd Device"/>
                    </div>
                    <div class="list-content-wrapper">
                        <h2>How to Activate vCarrd Device</h2>
                        <p>One Profile at a time!</p>
                    </div>
                </div>
            </a>

        </div>
    </section>

</div>

@include('layouts.help.footer')