@extends('layouts.header')
@section('pageTitle', 'HireMee Gold')
@section('content')
@include('partials.v2.landing-secondary-pages-header')

<!-- Page Header Content -->
<div class="container">
  <div class="header-inner">
    <div class="content">
      <h1 class="text-uppercase">Make your interviews more streamlined</h1>
    </div>
  </div>
</div>
</div>
</div>
<section class="section">
  <div class="section-header">
			There are some major challenges<br>with In-person interviewing
		<span class="divider"></span>
	</div>
  <div class="container">
    <div class="d-flex justify-content-center flex-wrap width-80p">
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/consistency.svg')}}}" alt="Lack of consistency">
        </div>
        <div class="content">
          Lack of<br>consistency
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/interviewer.svg')}}}" alt="Interviewer Bias">
        </div>
        <div class="content">
          Interviewer<br>Bias
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/fatigue.svg')}}}" alt="Interview Fatigue">
        </div>
        <div class="content">
          Interview<br>Fatigue
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/interviewer-preparation.svg')}}}" alt="Lack of interviewer preparation">
        </div>
        <div class="content">
          Lack of interviewer preparation
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/judgements.svg')}}}" alt="Snap Judgements">
        </div>
        <div class="content">
          Snap<br>Judgement
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/interview-questions.svg')}}}" alt="Poor Interview questions">
        </div>
        <div class="content">
          Poor Interview questions
        </div>
      </div>

    </div>
  </div>
</section>
<section class="section parellax-wrapper">
  <div class="parallax-container-counter">
    <div class="container">
      <h4 class="text-uppercase"><span class="c-black sub-header">The Solution</span> <br>HireMee Structured Interviewing Platform</h4>
      <h5 class="mt-5">
        HireMee Structured Interviewing Platform allows you to interview anyone, anywhere and at anytime and makes your first round of interview faster than ever.
      </h5>
    </div>
    <div class="d-flex justify-content-center mt-2">
      <button type="button" data-toggle="modal" data-target="#struc-intrv-pltfm-know-more" name="button" class="btn btn-lg hme-pro-cta p-3">Know more</button>
    </div>
  </div>
</section>
<section class="section parellax-wrapper-know-more">
  <div class="section-header c-white">
  Eliminate poor interviewing experience through<br>
Structured Interviews
		<span class="divider"></span>
	</div>
  <div class="video-demo-wrapper">
    <div class="embed-responsive embed-responsive-16by9">
      <iframe frameborder="0" src="https://biteable.com/watch/embed/csr-policy-explainer-copy-2358051" allowfullscreen="true" allow="autoplay"></iframe><p><a href="https://biteable.com/watch/csr-policy-explainer-copy-2358051">CSR Policy Explainer (copy)</a> on <a href="https://biteable.com">Biteable</a>.</p>

    </div>



  </div>
  <div class="d-flex justify-content-center mt-2">
    <button type="button" data-toggle="modal" data-target="#struc-intrv-pltfm-wantTo-know-more" name="button" class="btn btn-lg hme-pro-cta p-3">Want to Know More?</button>
  </div>
</section>

@include('pro-landing-contact-modal')
<script>
  $('.parallax-container').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/test-library.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parallax-container-testimonial').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/bg/testimonial-bg.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parallax-container-counter').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/bg/counter-bg.jpg")}}}',
    speed: '.5',
    bleed: '10'
  });
  $('.parellax-wrapper-know-more').parallax({
    imageSrc: '{{{ URL::asset("assets/home/images/pro/bg/know-more-bg.jpg")}}}',
    speed: '.5',
    bleed: '100'
  });

  $('.counter').counterUp({
    delay: 10,
    time: 1000
  });
</script>
@endsection