@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 Create Profile</h2>
                <p>Just a few taps and ready to SHARE!</p>
            </div>

            <div class="how-to-scan-info-wrapper">
                <div class="nfc-step-title">
                    <h4>Step 1:</h4>
                    <p>Click the “Create New Card” button.</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/create-profile-step-1.png" alt="Create Profile Step 1" title="Create Profile Step 1">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 2:</h4>
                    <p>Enter your details [name, company profile, logo] and tap “Create Card.”</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/create-profile-step-2.png" alt="Create Profile Step 2" title="Create Profile Step 2">
                </div>

                <div class="nfc-step-title">
                    <h4>Step 3:</h4>
                    <p>You can edit or delete the profile anytime.</p>
                </div>

                <div class="how-to-scan-info-images text-center">
                    <img src="{{url('/')}}/assets/help/images/create-profile-step-3.png" alt="Create Profile Step 3" title="Create Profile Step 3">
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.help.footer')