@extends('frontend.layouts.default')
@section('content')
<section class="header-section">
  <div class="container">
    <div class="row justify-content-around">
      <div class="col-lg-6">
        <h2 class="text-kay fw-semibold mb-2">Improve in GCSE Biology 30 mins a day with this comprehensive GCSE Biology exam question booklet</h2>
        <p>Discover the secrets to getting the grades of your dreams in Biology with the KayScience Biology booklet. It covers crucial topics such as Cells, Cells & Microscope and Cell Division.</p>
        <p>Within the booklet, you'll find exam-style questions with instant feedback and a helpful mark scheme. These features will help you feel confident using exam-style language to get the best results.</p>
        <p>This is a must for anyone aiming for a GCSE grade 9 or 8 in their Biology GCSE.</p>
        <div class="shadow p-4 text-white rounded bg-kay">
          <ul class="no-style mb-0">
            <li><i class='bx bxs-check-circle me-2'></i>Variety of exam questions for different topics</li>
            <li><i class='bx bxs-check-circle me-2'></i>Mark scheme</li>
            <li><i class='bx bxs-check-circle me-2'></i>Allows students to practice for the exams</li>
            <li><i class='bx bxs-check-circle me-2'></i>Gives immediate feedback</li>
          </ul>
        </div>
      </div>
      <div class="col-lg-4 text-center">
        <img src="{{ url('frontend/img/screen/e-book-bio.png') }}" class="img-fluid book">
      </div>
    </div>
  </div>
</section>
@include('frontend.layouts.mobile-app')
@include('frontend.layouts.bottom-form')
@include('frontend/pages/modal')
@endsection
@push('inner-scripts')
<script>
$('#mybutton').on('click',function(e){
    e.preventDefault();
    email = document.getElementById('Email').value;
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
  {
    $(".loader").show();
    document.getElementById('myform').submit();
    const myTimeout1 = setTimeout(function (){
      document.getElementById("myform").action ="https://hooks.zapier.com/hooks/catch/6067618/b86b8r6/";
      document.getElementById("myform").target ="hidden-form2";
      document.getElementById('myform').submit();
      const myTimeout = setTimeout(function (){
        $(".loader").hide();
      window.location.href = "{{url('/thankyou')}}"
      }, 2000);
    }, 2000);
    
  }
  else
  {
      alert("not a valid email");
  }
})

</script>
<script>
  $(document).ready(function () {
      $('[data-toggle="tooltip"]').tooltip();