@extends('layouts.app')

@section('content')
<style>
 a.google-login{
                display: inline-block;
    position: absolute;
    bottom: 26px;
    z-index: 9999;
    width: 195px;
    height: 36px;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-push {
    height: 54px;
}
span.google-btn-wrap{
    position: relative;
    display: block;
}
.faqs-items ol {
            margin-left: 0px;
            padding-left: 33px;
         }
</style>
         <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/step1.png')}}" alt="Google">
                            <a class="google-login" href="{{ route('google.login') }}"><img src="{{asset('assets/images/LOGINBTN.png')}}"></a>
                        </span>
                        <div class="content">
                           <p><a href="{{ route('google.login') }}">Sign up</a> using your Google 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/step2.png') }}" alt="Verification number"></span>
                        <div class="content">
                           <p>Enter your verification number and click on the “Verify” button.</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/step3.png') }}" alt="Card Profile"></span>
                        <div class="content">
                           <p>Enter/update your information on your Card profile page and your card is ready to use.</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/step4.png') }}" alt="How to use your vCarrd"></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/vCarrd-image-1.png') }}" alt="Tap"></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/vCarrd-image-2.png') }}" alt="Tap"></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/vCarrd-image-3.png') }}" alt="Card Profile"></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/vCarrd-image-7.png') }}" alt="Scan the QR Code"></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/vCarrd-image-5.png') }}" alt="Tap"></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/vCarrd-image-6.png') }}" alt="Card Profile"></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: Can I get a vCarrd with my own company's logo?</h3>
                                 <p>Yes. You can buy a Business vCarrd that shows your company logo. You can also choose to add the address (optional). Feel free to contact us.</p>                           
                           </div>
                           <div class="faqs-items">
                                 <h3>Q: Do I need a subscription to use vCarrd?</h3>
                                 <p>No, vCarrd does not require a monthly subscription for use.</p>
                           </div>
                           <div class="faqs-items">
                                 <h3>Q: Can I purchase and activate more than one vCarrd?</h3>
                                 <p>Yes. You can activate multiple vCarrds at the same time.</p>
                           </div>
                           <div class="faqs-items">
                                 <h3>Q: How are digital business cards different from traditional cards?</h3>
                                 <p>Digital business cards are modern cards that allow sharing of information anytime. NFC cards can be customized anytime and also include links to websites and social media profiles, images, and videos. Digital cards are eco-friendly and work without an internet connection.</p>
                           </div>
                           <div class="faqs-items">
                                 <h3>Q: How can someone save my contact?</h3>
                                 <p>Anyone can save your contact by clicking ‘Save contact’ on their phones.</p>
                           </div>
                           <div class="faqs-items">
                                 <h3>Q: Who can see my profile?</h3>
                                 <p>Anyone who scans the QR code or taps on the card can see your profile. You can also share the profile link to share your profile.</p>
                           </div>
                           <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 << Edit Card >> option on the card you want to edit.</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>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, edit the card and save. 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>A: 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 a Personal vCarrd that shows your name. You can also choose to add designation and address (optional). 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>
         <!-- Footer Push Div -->
         <div class="footer-push"></div>
@endsection

@section('script')
@endsection