@extends('frontend.layouts.home')
@section('content')

<section class="mainsection">
  <div class="container">
    <div class="row align-items-center justify-content-between">
      <div class="col-lg-6">
      <h1>Subscribe to GCSE science <br/> online tuition, videos &<br/>   exam resources</h1>
        <p>Access weekly online live lessons of exam-focused science tuition, 
along with our expert KayScience videos, quizzes and exam 
resources. We also have an app!</p>
        <div>
          <a data-bs-toggle="modal" data-bs-target="#signup-modal" target="_blank" class="btn-signup btn btn-blue">Start your Free Trial</a>
          <a href="{{ url('schools') }}" class="btn btn-blue">School Enquiry</a>
        </div>
      </div>
      <div class="col-lg-6 text-center">
        @include('frontend/layouts/banner-shape')
      </div>
    </div>
  </div>
</section>
@include('frontend/layouts/feature')
  
<section class="section bg-light highlight">
  <div class="container">
    <h2 class="section-title">Our smarter way to learn and revise</h2>
    <div class="row g-4">
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/1.png') }}" alt="" class="img-fluid">
          <div class="box-content">
            <h2>Live Science Tuition and Maths Tuition</h2>
            <p>Live online science tuition & maths tuition. No need to search for maths tutors & science tutors</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/2.png') }}" alt="" class="img-fluid order-1 order-md-2">
          <div class="box-content ms-md-0 order-2 order-md-1">
            <h2>All Exam Boards Covered</h2>
            <p>Choose from GCSE Science AQA, EDEXCEL or OCR exam boards​</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/3.png') }}" alt="" class="img-fluid">
          <div class="box-content">
            <h2>GCSE Past Papers For GCSE Revision</h2>
            <p>GCSE biology past papers, chemistry past papers and physics past papers all for free</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/4.png') }}" alt="" class="img-fluid order-1 order-md-2">
          <div class="box-content ms-md-0 order-2 order-md-1">
            <h2>Save Money - We Are Cheaper Than Tuition!</h2>
            <p>KayScience is cheaper than traditional tutoring websites and tutors</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/5.png') }}" alt="" class="img-fluid">
          <div class="box-content">
            <h2>GCSE Science Revision</h2>
            <p>Use our 800+ videos instead of paying for science and maths tuition to get the top grades</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="box">
          <img src="{{ url('frontend/img/smart_icon/6.png') }}" alt="" class="img-fluid order-1 order-md-2">
          <div class="box-content ms-md-0 order-2 order-md-1">
            <h2>Learn Anywhere!</h2>
            <p>Our online live tuition can be viewed on any device anywhere in the world</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@include('frontend/layouts/compare')

<section class="section benefits">
  <div class="container">
    <div class="box">
      <div class="row align-items-center justify-content-between">
        <div class="col-md-7">
          <div class="box-content">
            <h2>KayScience for Students and Parents</h2>
            <p>KayScience online tuition and our expert videos will get you exam ready for your GCSEs. With weekly exam-specific tuition and our 850 videos with thousands of self-marking questions, you will smash your exams!
            </p>
            <a class="btn btn-know" href="{{ url('students') }}">Learn More</a>
            <a class="btn btn-blue" href="{{ url('register') }}">7 Day Free Trial</a>
          </div>
        </div>
        <div class="col-md-4"><img src="{{ url('frontend/img/biology.png') }}" class="img-fluid"></div>
      </div>
    </div>
    <div class="box">
      <div class="row align-items-center justify-content-between">
        <div class="col-md-4"><img src="{{ url('frontend/img/chemistry.png') }}" class="img-fluid"></div>
        <div class="col-md-7">
          <div class="box-content">
            <h2>KayScience for Teachers and Tutors</h2>
            <p>KayScience has over 800 research informed videos and thousands of questions ready for
              you to use during lessons and distance learning, so you can spend more time with
              friends and family and less time planning.
            </p>
            <!--<a class="btn btn-know" href="{{ url('tutors') }}">Learn More</a> <a class="btn btn-blue" href="{{ url('tutors') }}#tutor-log-modal">Get 3 days free trial</a>-->
            <a class="btn btn-know" href="{{ url('teachers') }}">Learn More</a>
            <a class="btn btn-blue" data-bs-toggle="modal" data-bs-target="#tutor-log-modal">14 Day Free Trial</a>
          </div>
        </div>
      </div>
    </div>
    <div class="box">
      <div class="row align-items-center justify-content-between">
        <div class="col-md-7">
          <div class="box-content">
            <h2>KayScience for Schools</h2>
            <p>By using our trackable 800+ research informed
              videos and thousands of quiz questions you can fill the gaps in your students’
              knowledge and improve your department’s outcomes.
            </p>
            <a class="btn btn-know" href="{{ url('schools') }}">Learn More</a>
            <a class="btn btn-blue" href="{{ url('schools') }}#trial-form">6 Week Free Trial</a>
          </div>
        </div>
        <div class="col-md-4"><img src="{{ url('frontend/img/physics.png') }}" class="img-fluid"></div>
      </div>
    </div>
  </div>
</section>

<!-- <section class="section steps">
  <div class="container">
    <h2>3 Easy Steps</h2>
    <p>Have fun and relaxed learning at home on your desktop or our mobile app</p>
    <div class="row">
      <div class="col-sm-4">
        <div class="step-box">
          <div class="step-circle"> <img src="{{ url('frontend/img/signup.png') }}"/> </div>
          <h2>Sign Up </h2>
          <p>Sign up and log in with teacher and student log ins easily </p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="step-box">
          <div class="step-circle"> <img src="{{ url('frontend/img/watch-learn.png') }}"/> </div>
          <h2>Watch & Learn </h2>
          <p>Watch from thousands of videos and learn yourself </p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="step-box">
          <div class="step-circle"> <img src="{{ url('frontend/img/review.png') }}"/> </div>
          <h2>Review & Assess </h2>
          <p>Teachers review the tests automatically and assess progress </p>
        </div>
      </div>
    </div>
  </div>
</section> -->

@include('frontend/layouts/mobile-app')
@include('frontend/layouts/testimonial')
{{--  trust pilot --}}
<!--@include('frontend.layouts.trust-pilot')-->
<!--@include('frontend/layouts/subject')-->
@include('frontend/pages/modal')
@endsection
@push('inner-scripts')
<script>
  $(document).ready(function () {
      $('[data-bs-toggle="tooltip"]').tooltip();