@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">Brand better <span class="lnr lnr-sync"></span> Hire easier <span class="lnr lnr-sync"></span> Grow quicker</h1>
      <h3 class="text-uppercase">Innovation by the people, for the people</h3>
    </div>
  </div>
</div>
</div>
</div>
<section class="section">
  <div class="section-header">
      Conduct tech and non-tech hackathons<br>in three easy steps
    <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="steps-arrow-right"><span class="lnr lnr-arrow-right-circle"></span></div>
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/schedule.svg')}}}" alt="Schedule Challange">
        </div>
        <div class="content">
          Schedule<br> a Challenge
        </div>
      </div>
      <div class="feature-box">
        <div class="steps-arrow-right"><span class="lnr lnr-arrow-right-circle"></span></div>
        
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/invitation.svg')}}}" alt="Invite">
        </div>
        <div class="content">
          Invite<br>Participants
        </div>
      </div>
      <div class="feature-box">
        <div class="icon">
          <img src="{{{ URL::asset('assets/home/images/pro/manage.svg')}}}" alt="Manage Submission">
        </div>
        <div class="content">
          Manage<br>Submission
        </div>
      </div>
    </div>
  </div>
</section>
<section class="section parellax-wrapper">
  <div class="parallax-container-counter">
    <h4 class="text-uppercase">Looking to build a hackathon strategy ?<br>get in touch with our experts</h4>
    <div class="d-flex justify-content-center mt-5">
      <button type="button" data-toggle="modal" data-target="#hackathon" name="button" class="btn btn-lg hme-pro-cta p-3">Get free consultation</button>
    </div>
  </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'
  });
  $('.counter').counterUp({
    delay: 10,
    time: 1000
  });
</script>
@endsection