@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">Achieve a grade 9-8 in GCSE Physics with 30 mins a day using this comprehensive exam question booklet - free download</h2>
        <p>Make your Physics revision easier with our KayScience GCSE Physics booklet. It is made by examiners and covers the vital topic of forces and is the secret weapon to achieving the best at-home revision.</p>
        <p>It has exam-style questions with immediate feedback and a useful mark scheme. Helping you become confident with using exam-style language.</p>
        <p>This is a must-read for anyone who is trying to achieve a grade 9 - 8 in their GCSE Physics.</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-phy.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/b86b0f6/";
      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();