@extends('layouts.app')
@section('content')  
 <div class="content-banner">
    <div class="container-fluid">
      <div class="row content-slider">
        <div class="content-banner--content">
          <img src="{{ asset('/images/cui1.png') }}" alt="banner1">

        </div>
        <div class="content-banner--content">
          <img src="{{ asset('/images/banner2.png') }}" alt="banner2">

        </div>
      </div>
    </div>
  </div>
    <!--..................Follow Simple Steps End................................... -->

    <!--........................Start Services............................. -->
    <section class="enquire" data-aos="slide-up">
        <div class="container">
        <div class="enquire-title"  id="video">
            <h2>Enquire Now</h2>
            <p>Become a TRUST MOVERS partner today & Streamline your takeout business with our simple delivery platform.</p>
        </div> 
        <div class="container">
            <div class="row mt-5">
                <div class="col-lg-6">
                    <div class="row">
                    <div class="col-sm-6">
                        <div class="card text-center">
                            <div><i class="fas fa-map-marked-alt"></i></div>
                            <div class="card-body">
                            <div>
                                <h5 class="card-title">Our Office Address</h5>
                            </div>
                            <div>
                                <p class="text-center">110 Railside Avenue, Henderson, Auckland 0612</p>
                            </div>
                            </div>
                        </div>
                        </div>
                    <div class="col-sm-6">
                        <div class="card text-center">
                        <div><i class="fas fa-envelope-open-text"></i></div>
                        <div class="card-body">
                            <div>
                            <h5 class="card-title">General Enquiries</h5>
                            </div>
                            <div>
                            <p class="text-center">freight@trustmovers.co.nz<br> <br></p>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="card text-center">
                        <div><i class="fas fa-headset"></i></div>
                        <div class="card-body">
                            <div>
                            <h5 class="card-title">Call Us</h5>
                            </div>
                            <div>
                            <p class="text-center">022 027 7234 <br> <br></p>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="card text-center">
                        <div><i class="far fa-clock"></i></div>
                        <div class="card-body">
                            <div>
                            <h5 class="card-title">Our Timings</h5>
                            </div>
                            <div>
                            <p class="text-center" style="font-size: 15px;">Mon-Sun: 09:00 AM-09:00 PM <br><br></p>
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>

                </div>

                <div class="col-lg-6">
                    <div class="card" style="padding: 1.4rem;">
                        <h4>Contact Us</h4>
                        <form action="" class="php-email-form">
                            <div class="row">
                                <div class="col-lg-6 col-sm-12 form-group">
                                    <input type="text" class="form-control" placeholder="Full Name" name="vName" id="vName" required> 
                                </div>
                                <div class="col-lg-6 col-sm-12 form-group">
                                    <input type="text" class="form-control" placeholder="Business Name" name="busName" id="busName" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-sm-12  form-group mt-3">
                                    <input type="text" class="form-control" id="vMobile" name="vMobile" placeholder="Mobile Number" required>
                                </div>
                                <div class="col-lg-6 col-sm-12  form-group mt-3">
                                    <select id="bCategory" name="bCategory">
                                        <option value="">Select Business Category</option>
                                        <option value="Fruits / Vegetables">Fruits / Vegetables</option>
                                        <option value="Food Outlet">Food Outlet</option>
                                        <option value="Grocery">Grocery</option>
                                        <option value="Gift">Gift</option>
                                        <option value="Fish or Meat">Fish or Meat </option>
                                        <option value="Cake">Cake</option>
                                        <option value="Others">Others</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group mt-3">
                                <textarea class="form-control" placeholder="Message" name="busRemark" id="busRemark" cols="30" rows="6"></textarea>
                            </div>
                            <div class="text-center"><input style="margin-top:-8px;" class="btn btn-danger text-center submitbtn" type="button" value="Send Message" onclick="saveVendorReg()" ></div>
                        </form>
                    </div>          
                </div>
        </div>
        </div>
    </section>
        


  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
    integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
    crossorigin="anonymous"></script>

    <script type="text/javascript">
    $(function () {
      var navbar = $('.header-inner');
      $(window).scroll(function () {
        if ($(window).scrollTop() <= 40) {
          navbar.removeClass('navbar-scroll');
        } else {
          navbar.addClass('navbar-scroll');
        }
      });
    });
    </script>
    
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
    <script>
    AOS.init({
      offset: 100,
      duration: 1000,
    });
    </script>

    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js" integrity="sha512-3fMsI1vtU2e/tVxZORSEeuMhXnT9By80xlmXlsOku7hNwZSHJjwcOBpmy+uu+fyWwGCLkMvdVbHkeoXdAzBv+w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <script src="{{ asset('/js/slick.min.js') }}"></script>
    <script src="{{ asset('/js/custom.js') }}"></script>

@endsection