@extends('frontend.layouts.default')
@section('content')
<div class="mainsection">
  <div class="custom_bnr banner-top fw-banner">
    <div class="container d-flex align-items-center">
      <div class="row custombnr">
        <div class=" col-lg-6 banner_cm_col">
          <div class="banner_text_card">
            <h4 class="title">Achieve grades 9-8 or your money back</h4>
            <h3 class="sub-title">Get the top grades to help you get into the very best sixth form & colleges. We know our videos and resources work, so sign up for free trial without entering any payment details.</h3>
            <div class="h-btn-group">
              <a href="{{ url('signup') }}" class="btn btn_banner_blue btn-lg">Start your free trial</a>
              <br>
            </div>
          </div>
        </div>
				<div class="col-lg-6 text-center">
					@include('frontend/layouts/banner-shape')
				</div>
      </div>
    </div>
    <div class="featuress-pad">
      <div class="featuress-section">
        <div class="container">
          <div class="row">
            <div class="col-md-2 col-sm-3 col-xs-6">
              <div class="features-box">
                <h1>800+</h1>
                <h2>Videos</h2>
              </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
              <div class="features-box">
                <h1>20,000+</h1>
                <h2>Questions</h2>
              </div>
            </div>
            <div class="col-md-2 col-sm-3 col-xs-6">
              <div class="features-box">
                <h1>5 Million+</h1>
                <h2>Views</h2>
              </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
              <div class="features-box">
                <h1> Exam <h1>
                    <h2>Question booklets</h2>
              </div>
            </div>
            <div class="col-md-2 col-sm-3 col-xs-6">
              <div class="features-box last-ch">
                <h3>Free <br>App </h3>
              </div>
            </div>
          </div>
          <div class="features-inner-section"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="clearfix"></div>

<section class="ptb-100 bg-black zoom-sec">
  <div class="container">
    <div class="row">

      <div class="col-lg-12 col-12 my-3 my-md-3 app_text_col text-center">
        <div class="text-center">
          <img src="{{ url('frontend/img/zoom-logo.png') }}" class="img-fluid w-25">
        </div>
        <h2 class="mb-2 text-white">Webinar: How to Book Tour (Without a Booking Agent)</h2>
        <p class="mb-2">Planning, booking and monitizing your tour DIY style</p>
      </div>
    </div>
    <div class="row app_row d-flex align-items-center">
      <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 my-3 my-md-3 app_img_col text-center">
        <div class="zoom-banner">
          <img src="{{ url('frontend/img/zoom-banner.jpg') }}" class="img-fluid">
        </div>
        <div class="row d-flex justify-content-center">
          <div class="col-md-6">
            <div class="text-center">
              <img src="{{ url('frontend/img/one.png') }}" class="img-fluid w-75">
              <h4 class="text-white">Kyle Weber</h4>
              <p><i>Teacher</i></p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="text-center">
              <img src="{{ url('frontend/img/two.png') }}" class="img-fluid w-75">
              <h4 class="text-white">Kyle Weber</h4>
              <p><i>Teacher</i></p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 my-3 my-md-3 app_text_col">
        <div class="app_row_p">
          <h3 class="text-white">
            One of the biggest challenges musicians face is booking tours. Kyle Weber of Indie on the Move joins Dave & Allison from Bandzoogle for this webinar to help booking a tour for your band a little less daunting
          </h3>
          <p class="text-white"><strong>In this webinar we'll learn</strong></p>
          <div class="box-body">
            <ul class="text-white">
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
              <li><i class="fa fa-bookmark"></i>&nbsp;&nbsp;How to Know when you're ready</li>
            </ul>
          </div>
        </div>
                
        <div class="col-md-12 px-0-lr">
          <div class="search-top search-top-ebook">
            <form method="POST" action="{{ url('ebook') }}">
              @csrf
              <div class="card-body align-items-center">
                <input type="hidden" name="landingpage" value="zoomlandingpage">
                <input class="form-control form-control-lg form-control-borderless border-line" type="email" name="email" id="email" required placeholder="Enter your email">
                <button class="btn btn-lg btn-success button-search" type="submit">Subscribe
                </button>
              </div>
            </form>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>
@include('frontend/pages/modal')
@endsection @push('inner-scripts')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
  $(document).ready(function() {
    $('[data-toggle="tooltip"]').tooltip(); < ? php
    if (Session::has('status')) {
      ? > swal("{{ Session::get('status')}}", "", 'success'); < ? php
    }
    if (Session::has('error')) {
      ? > swal("{{ Session::get('error')}}", "", 'error'); < ? php
    } ? > < ? php
    if (Session::has('email_confirm')) {
      ? > swal("{{ Session::get('title')}}", "{{ Session::get('message')}}", "{{ Session::get('status')}}");
      setTimeout(function() {
        swal.close();
        $(".modal-title").html("Log in");
        $(".login-forgot").hide();
        $(".login-signin").show();
        $("#login-modal").modal('show');
      }, 2000); < ? php
    } ? >
  });
</script>
<script type="text/javascript">
  $(window).on('load', function() {
    if (sessionStorage["PopupShown"] != 'yes') {
      $('#modal-app').modal('show');
    }
    sessionStorage["PopupShown"] = 'yes';
  });
</script>
@endpush