@extends('web.layout.master')
@section('content')
      <section class="section bg-cover overlay" data-background="{{asset('assets/images/backgrounds/page-title.jpg')}}">
         <div class="container">
            <div class="row">
               <div class="col-12">
                  <h2 class="text-white mb-md-3 mb-2 head_allpages">Free Zone Overview</h2>
                  <!-- breadcrumb -->
                  <nav aria-label="breadcrumb">
                     <ol class="breadcrumb bg-transparent p-0">
                        <li class="breadcrumb-item font-weight-semebold"><a class="text-white" href="javscript:;">Home</a></li>
                        <li class="breadcrumb-item font-weight-semebold"><a class="text-white" href="javscript:;">Free Zone</a></li>
                        <li class="breadcrumb-item font-weight-semebold active text-primary" aria-current="page">Free Zone Overview</li>
                     </ol>
                  </nav>
               </div>
            </div>
         </div>
      </section>  
      <section class="section position-relative py-5">
         <div class="container py-md-4">
            <div class="row align-items-center justify-content-between">
                <div class="col-lg-5 col-md-6 bg-contain"  >
                  <!-- about us image -->
                  <img class="img-fluid w-100" src="{{asset('assets/images/business_setup.png')}}" alt="About Image">
               </div>
               <div class="col-md-6 mt-4 mt-md-0">
                  <span class="section-title-border"></span> 
                  <h2 class="section-title">Your UAE Free Zone Company Starts here</h2>
                  <p class="mb-4">Paperless assists with company incorporation across more than 50 UAE free zones. There’s no doubt a lot of information to review and much to consider when making the decision on which free zone is best suited to your specific business requirements, including location, price, business type, flexi-desk or office options, auditing and bookkeeping and share capital requirements, and much more.</p>
                  <p class="mb-4">That’s where the Paperless team comes in, walking you through it step-by-step, steering you in the right direction, saving you money, and ultimately making the entire experience a stress-free one.
                  </p>
                  <a href="Javascript:;" class="btn btn-primary hover-ripple">Get Started Today</a>
               </div> 
            </div> 
         </div> 
         <img class="img-fluid about-bg-shape" src="{{asset('assets/images/backgrounds/about-us-3-bg.png')}}" alt="shape">
      </section> 
      <section class="section business_setup pb-0 bg-gray">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-12 text-center mb-4">
              <span class="section-title-border border-center"></span> 
              <h2 class="section-title">Advantages of Setting up in a Free Zone </h2>
            </div>
            <div class="col-md-6 d-flex align-items-stretch mb-4">
              <div class="setting_box bg-white">
                <span>1</span>
                 <h3>Retain Ownership</h3>
                 <p>The main advantage offered by the UAE free zones is that foreign investors can retain 100% ownership of their businesses without the need for a local partner.</p>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch mb-4">
              <div class="setting_box bg-white">
                <span>2</span>
                 <h3> Business License</h3>
                 <p>Some business categories require prior approvals from certain authorities. Contact us today for a free consultation. One of our experts will guide you through the necessary requirements to start your business. 
                </p>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch mb-4">
              <div class="setting_box bg-white">
                <span>3</span>
                 <h3>Financial Incentives</h3>
                 <p>Other financial incentives of the UAE free zones include a 0% corporate and income tax rate, no customs duties levied on imports and exports, and the option to repatriate 100% of the profits from the business.</p>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch mb-4">
              <div class="setting_box bg-white">
                <span>4</span>
                 <h3>Sector-Specific </h3>
                 <p>Another factor that can present fantastic opportunities to free zone companies is that many of the UAE free zones are sector specific. This gives its entrepreneurs ready access to a hub of knowledge and expertise from others within their field.</p>
              </div>
            </div>
            <img class="business_setup_main text-center mx-auto d-block img-fluid" src="{{asset('assets/images/c2.png')}}" alt="">
          </div>
        </div>
      </section> 
      <section class="section bg-white">
         <div class="mb-4">
            <div class="container">
               <div class="row">
                  <div class="col-12 text-center">
                     <span class="section-title-border border-center"></span>
                     <h2 class="section-title">Steps to Set Up a Company in a UAE Free Zone</h2>
                  </div> 
               </div>
            </div>
         </div>
         <div class="container">
            <div class="row"> 
               <div class="col-md-4 mb-4 mb-lg-4">
                  <div class="bg-white py-5 px-4 text-center box-shadow transition hover-bg-dark active">
                     <div class="icon-bg mb-4 water-wave">
                        <i class="fa fa-lightbulb-o icon text-primary"></i>
                     </div> 
                     <p class="ellipsis-4">You will be guided through the process step-by-step in a very transparent manner that gives you a full overview of exactly where you are at any given time of the setup journey.</p>
                  </div>
               </div>
               <div class="col-md-4 mb-4 mb-lg-4">
                  <div class="bg-white py-5 px-4 text-center box-shadow transition hover-bg-dark active">
                     <div class="icon-bg mb-4 water-wave">
                        <i class="fa fa-shopping-bag icon text-primary"></i>
                     </div> 
                     <p class="ellipsis-4">We do all the heavy lifting for you so that you don’t have to give anything a second thought, but we make sure you are well-informed along the way.</p>
                  </div>
               </div>
               <div class="col-md-4 mb-4 mb-lg-4">
                  <div class="bg-white py-5 px-4 text-center box-shadow transition hover-bg-dark active">
                     <div class="icon-bg mb-4 water-wave">
                        <i class="fa fa-building-o icon text-primary"></i>
                     </div> 
                     <p class="ellipsis-4">While the entire process can take as little as seven working days, Paperless is doing a lot behind the scenes to ensure your UAE free zone company setup is a complete success.</p>
                  </div>
               </div>
            </div>
            <div class="text-center d-none d-md-block mt-4">
               <a href="javascript:;" class="btn btn-primary hover-ripple">Get Started Today</a>
            </div>
         </div>
      </section> 
      <section class="section bg-white comman_form" data-background="{{asset('assets/images/bg-img.jpg')}}" >
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-12 text-center mb-md-5 mb-4">
                  <span class="section-title-border border-center"></span>
                  <h2 class="section-title mb-0">Contact Us</h2>
               </div>
               <div  class="col-lg-7 col-md-10">
                  <div class="cooman_footer_form border rounded bg-white shadow p-lg-5 p-md-4 p-3">
                  <form  id="queryForm"   >
                     @csrf
                     <div class="row">
                        <div class="col-md-6">
                          <input type="text" name="name" id="name" class="form-control mb-md-4 mb-3 validate" placeholder="Name">
                          <p id="nameError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6">
                          <input type="email" name="mail" id="mail" class="form-control mb-md-4 mb-3 validate" placeholder="Email">
                          <p id="mailError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6">
                          <input type="text" name="phone" id="phone" class="form-control mb-md-4 mb-3 validate" placeholder="Phone">
                          <p id="phoneError" class="text-danger"></p>
                        </div>
                        <div class="col-md-6">
                          <input type="text" name="subject" id="subject" class="form-control mb-md-4 mb-3 validate" placeholder="Subject">
                          <p id="subjectError" class="text-danger"></p>
                        </div>
                        <div class="col-12">
                          <textarea name="message" id="message" class="form-control mb-md-5 mb-4 py-3 px-md-4 px-3 validate" placeholder="Your Message"></textarea>
                          <p id="messageError" class="text-danger"></p>
                        </div>
                        <div class="col-12 text-center">
                          <button type="button"   onclick="sendQuery(this)" value="send" class="btn btn-primary hover-ripple">Submit</button>
                        </div>
                        </div>
                      </form>
                  </div>
               </div>
            </div>
         </div>
      </section> 

      <script>
          function sendQuery(obj) {
                                        var flag = true;
                                        $(".validate").each(function (i, v) {
                                            var elem = $(this);
                                            var valu = elem.val();
                                            if (valu == null || valu == '' || valu == 0) {
                                                flag = false;
                                                $("#" + elem.attr('name') + 'Error').html('This field is required.');
                                            } else {
                                                $("#" + elem.attr('name') + 'Error').html('');
                                            }
                                            
                                        });
                                        if (flag) {
                                            $.ajax({
                                                url: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/petclap/public_html/dev.paperless/resources/views/web/overview.blade.php:182
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/dev.paperless/resources/views/web/overview.blade.php</b> on line <b>182</b><br />