@extends('layouts.app')

@section('content')
<div class="breadcrumb-area bg-img">
   <div class="container">
      <div class="breadcrumb-content text-center">
         <h1>Activate Your vCarrd</h1>
      </div>
   </div>
</div>
<div class="basic-info">
   <div class="container">
      <div class="row">
         <div class="col-12 text-center">
            <div class="welcome-basic-content section-head">
               <p>Make new connections in an instant with vCarrd - a quickest and convenient digital business card solution. Experience the seamless power of NFC technology with just a tap. Get access to incredible features.</p>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-12">
            <div class="use-box">
               <p><strong>Step 1</strong> </p>
               <span class="google-btn-wrap"><img src="{{asset('assets/images/device-step1.png')}}" alt="">
               </span>
               <div class="content">
                  <p>Sign in to your vCarrd account.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-12">
            <div class="use-box">
               <p><strong>Step 2</strong> </p>
               <span><img src="{{asset('assets/images/device-step2.png')}}" alt=""></span>
               <div class="content">
                  <p>Navigate to the Side Panel and locate the «My Device» link.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-12">
            <div class="use-box">
               <p><strong>Step 3</strong> </p>
               <span><img src="{{asset('assets/images/device-step3.png')}}" alt=""></span>
               <div class="content">
                  <p>Click on the «Connect» button. You will get the list of all created “Cards”.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-3 col-md-6 col-12">
            <div class="use-box">
               <p><strong>Step 4</strong> </p>
               <span><img src="{{asset('assets/images/device-step4.png')}}" alt=""></span>
               <div class="content">
                  <p>See “How to use your vCarrd” section below.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="how-to-use">
   <div class="container">
      <div class="row">
         <div class="col-12">
            <div class="section-head text-center">
               <h2>How to Use Your vCarrd</h2>
               <p>Two ways to share, no app required!</p>
               <h3>Way 1: Share with a Tap</h3>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-tap1.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 1:</strong> Tap the card on the receiver’s phone.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-vCarrd-image-2.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 2:</strong> A pop-up notification appears, tap on it.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-vCarrd-image-3.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 3:</strong> Save the contact info on your phone.</p>
               </div>
            </div>
         </div>
         <div class="col-12 notes">
            <p><strong>Note</strong></p>
            <ol>
               <li>If the receiver is using an iPhone 7 and above, the NFC is already turned on.</li>
               <li>If the receiver is using an Android, the NFC may need to be turned on but that’s easy!</li>
            </ol>
         </div>
      </div>
   </div>
</div>
<div class="change-information">
   <div class="container">
      <div class="row">
         <div class="col-12">
            <div class="section-head">
               <h3 class="text-center">Way 2: Share with a QR Code Scan</h3>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-vcarrd-image-4.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 1:</strong> Scan the QR Code via your phone’s camera or use any QR Code reader app.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-vCarrd-image-2.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 2:</strong> A pop-up notification appears, tap on it.</p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="use-box">
               <span><img src="{{asset('assets/images/device-vCarrd-image-3.png')}}" alt=""></span>
               <div class="content">
                  <p><strong>Step 3:</strong> Save the contact info on your phone.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="welcome-faqs">
   <div class="container">
      <div class="row">
         <div class="col-12">
            <div class="section-head">
               <h2 class="text-center">Frequently Asked Questions</h2>
            </div>
         </div>
         <div class="col-12">
            <div class="faqs-inner">
               <div class="faqs-items">
                  <h3>Q: How can I edit my profile information?</h3>
                  <p>A: To edit your business information, follow the steps as below:</p>
                  <ol>
                     <li>Login with your vCarrd account</li>
                     <li>Click on “My Card” link on the Dashboard</li>
                     <li>Edit page appears, change the information as needed</li>
                  </ol>
               </div>
               <div class="faqs-items">
                  <h3>Q: How to turn NFC on on my Android device?</h3>
                  <p>A: On your Android device, search for 'NFC' in phone settings & turn it ON.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Does the vCarrd work with any device?</h3>
                  <p>A: Yes. vCarrd works with almost all Android and iPhone devices. For more specific information, please check the list of compatible devices.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Does the recipient require a vCarrd app to receive the information?</h3>
                  <p>A: No. The other person does not need an app to get the information you want to share.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: How secure is my contact information when using an NFC business card?</h3>
                  <p>A: NFC business cards are 100% secure for exchanging information. The information is transmitted directly between devices without being stored on a server or in the cloud.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Can I edit or update my contact information on an NFC business card?</h3>
                  <p>A: Yes. You can edit and update your contact information at any time. You can log in to your account dashboard, make changes and save them. <br>
                     The changes you make will reflect on your card in real-time.
                  </p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Do I need an internet connection to use an NFC business card?</h3>
                  <p>No, NFC business cards do not require an internet connection to work.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Can I get the card with my own name?</h3>
                  <p>A: Yes. You can buy your personalized vCarrd with your name on it. Feel free to contact us.</p>
               </div>
               <div class="faqs-items">
                  <h3>Q: Is there a minimum or maximum number of taps allowed?</h3>
                  <p>A: There is no minimum or maximum limit to the number of taps to share your contact information using an NFC business card. You can share your information with as many people as you want, making it a convenient and efficient way to network and build new connections.</p>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<script>
    if(window.location.hash) {
        sessionStorage.setItem('previousPage', window.location.hash.substring(1));
    }
</script>
@endsection