@extends('layouts.front_main')
@section('title', $page_name)

@if(isset($page) && $page)
   @include('front.partials._meta_properties_page')

@endif
@section('content')

<div class="page-wrapper">
    <section class="home-top-hire-block">
        <div class="container">
            <div class="box">
                <div class="inside" style="background-image: url('{{asset('images/Hire_a_Chef.jpg')}}');">
                    <div class="image d-block d-md-none"><img src="{{asset('images/Hire_a_Chef.jpg')}}" class="image-auto"></div>
                    <div class="boxed">
                        <h2 class="mb-3 mb-md-4">Let the best chef job find you.<br>Hire great chef talent.</h2>
                        <p class="mb-3 mb-md-4">No more applying to chef jobs. You post, we promote, top employers connect. Get direct chef job offers today.</p>
                        <ul class="list-unstyled mb-0">
                            <li class="py-2"><a href="{{route('jobseeker')}}" class="btn w-100">Jobseeker</a></li>
                            <li class="py-2"><a href="{{route('recruiter')}}" class="btn w-100">Employer </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

     
    @if($featured_jobseekers) 
    <section  class="standard-section bg-grey border-top d-none d-md-block pb-0">
        <div class="container">
            <h2 class="main-title mb-5 pb-0 pb-md-2 pb-lg-3" data-aos="fade-up" data-aos-offset="50" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true"><span><span>FEATURED CHEFS</span></span></h2>
            <div class="row g-4 align-items-stretch" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
              
                @foreach ($featured_jobseekers as $jobseeker)
                    
                    <div class="col-4 col-xl-2">
                        <div class="single-chef">
                            @if($jobseeker->user->profile_photo_path)
                            <div class="image-wrapper">
                                <div class="image" style="background-image: url('{{asset("storage/".$jobseeker->user->profile_photo_path)}}');"></div>
                                <a href="{{route('chefs_profile', ['user'=> $jobseeker->user->username])}}" class="stretched-link"><span class="visually-hidden">Open Link Here</span></a>
                            </div>
                            @else 
                            <div class="image-wrapper">
                                <div class="image" style="background-image: url('{{asset('images/user-no-image.png')}}');"></div>
                                <a href="{{route('chefs_profile', ['user'=> $jobseeker->user->username])}}" class="stretched-link"><span class="visually-hidden">Open Link Here</span></a>
                            </div>
                            @endif

                            <div class="details">
                                <p class="mb-2"><a href="{{route('chefs_profile', ['user'=> $jobseeker->user->username])}}" class="color-green font-bold">{{$jobseeker->job_title->title}}</a></p>
                                <p>  {{$jobseeker->headline}}</p>
                            </div>

                            <div class="bottom">
                                <ul class="list-unstyled">
                                    <li> 
                                        <div class="icon d-flex align-items-center justify-content-center">
                                            <i class="fa fa-map-marker"></i>
                                        </div>
                                        @if($jobseeker->user->address->country->title == "United Kingdom") {{$jobseeker->user->address->city}} @else Rest of the World @endif
                                      
                                    </li>

                                    <li>
                                        <div class="icon d-flex align-items-center justify-content-center">
                                            <i class="fa fa-search"></i>
                                        </div>
                                        {{$jobseeker->job_title_wanted->title}}
                                    </li>

                                    <li>
                                        <div class="icon d-flex align-items-center justify-content-center">
                                            <i class="fa fa-gbp"></i>
                                        </div>
                                        {{$jobseeker->salery_wanted->title}}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                @endforeach
              

                

            </div>
        </div>
    </section>

    @endif
    <section  class="standard-section bg-grey">
        <div class="container">
            <h2 class="main-title mb-5 pb-0 pb-md-2 pb-lg-3"><span><span>SEARCH CHEFS</span></span></h2>
            <form class="mb-0" action="{{route('find_chefs')}}">
                <div class="row align-items-start g-4">
                    <div class="col-12 col-sm-6 col-lg-3">
                        <select class="form-select" name="recentjobtitle">
                            <option value="">Current Role</option>
                            @foreach ($jobtitles as $title)
                                <option value="{{$title->id}}">{{$title->title}}</option>
                            @endforeach
                       
                        </select>
                    </div>

                    <div class="col-12 col-sm-6 col-lg-3">
                        <select class="form-select" name="country">
                            <option value="">Location</option>
                            <optgroup label="UK" class="searchbox-group">
                                @if($country_uk && $country_uk->regions)
                                    @foreach ($country_uk->regions as $region)
                                        <option value="{{$region->title}}">{{$region->title}}</option>
                                    @endforeach
                                @endif
                               
                            </optgroup>
                            <optgroup label="Rest of the World" class="searchbox-group">
                                <option value="other">Rest of the World</option>
                            </optgroup>
                        </select>
                    </div>

                    <div class="col-12 col-sm-6 col-lg-3">
                        <select class="form-select" name="recentsalary">
                            <option value="">Salary (£ / A$ / $)</option>
                            @foreach ($salery as $title)
                                <option value="{{$title->id}}">{{$title->title}}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-12 col-sm-6 col-lg-3">
                        <button type="submit" class="btn w-100">Find Chefs</button>
                    </div>
                </div>
            </form>
        </div>
    </section>

    <section class="standard-section border-top">
        <div class="container">
            <div class="row align-items-center gx-5 gy-5 gy-md-0">
                <div class="col-12 col-md-6 text-center d-none d-md-block">
                    <img src="{{asset('images/For-Chefs_Final1v1.png')}}" alt="#" class="image-auto" data-aos="fade-up" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                </div>
                <div class="col-12 col-md-6">
                    <h2 class="mb-5 d-none d-md-block">For Chefs</h2>
                    <h2 class="mb-5 main-title d-block d-md-none"><span><span>For Chefs</span></span></h2>

                    <div class="list-with-icon-bounce d-flex flex-column mb-4 mb-md-5">
                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M14.69 2.661c-1.894-1.379-3.242-1.349-3.754-1.266a.538.538 0 0 0-.35.223l-4.62 6.374l-2.263 3.123a2.447 2.447 0 0 0-.462 1.307l-.296 5.624a.56.56 0 0 0 .76.553l5.256-2.01c.443-.17.828-.465 1.106-.849l1.844-2.545l5.036-6.949a.56.56 0 0 0 .1-.423c-.084-.526-.487-1.802-2.357-3.162zM8.977 15.465l-2.043.789a.19.19 0 0 1-.221-.062a5.145 5.145 0 0 0-1.075-1.03a5.217 5.217 0 0 0-1.31-.706a.192.192 0 0 1-.126-.192l.122-2.186l.549-.755s1.229-.169 2.833.998c1.602 1.166 1.821 2.388 1.821 2.388l-.55.756z"/></svg>
                            </div>
                            <h4 class="mb-2">Be Found</h4>
                            <p class="mb-0">Register, post a profile and be found by our network of 500+ employers actively hiring chefs - now.</p>
                        </div>

                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="300" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M13.648 7.362c-.133-.355 3.539-3.634 1.398-6.291c-.501-.621-2.201 2.975-4.615 4.603C9.099 6.572 6 8.484 6 9.541v6.842C6 17.654 10.914 19 14.648 19C16.017 19 18 10.424 18 9.062c0-1.368-4.221-1.344-4.352-1.7zM5 7.457c-.658 0-3 .4-3 3.123v4.848c0 2.721 2.342 3.021 3 3.021c.657 0-1-.572-1-2.26V9.816c0-1.768 1.657-2.359 1-2.359z"/></svg>
                            </div>
                            <h4 class="mb-2">Direct Job Offers</h4>
                            <p class="mb-0">With us - you post, we promote and employers search, contacting you directly to discuss their job opportunities. No more applying to job ads.</p>
                        </div>

                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="600" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M8.294 16.998c-.435 0-.847-.203-1.111-.553L3.61 11.724a1.392 1.392 0 0 1 .27-1.951a1.392 1.392 0 0 1 1.953.27l2.351 3.104l5.911-9.492a1.396 1.396 0 0 1 1.921-.445c.653.406.854 1.266.446 1.92L9.478 16.34a1.39 1.39 0 0 1-1.12.656c-.022.002-.042.002-.064.002z"/></svg>
                            </div>
                            <h4 class="mb-2">Get Hired</h4>
                            <p class="mb-0">We're getting Chefs just like you hired quicker and with less hassle than more traditional methods. Register today and land your dream job.</p>
                        </div>
                    </div>

                    <p class="mb-0 d-none d-md-block"><a href="{{route('jobseeker')}}" class="btn blue">Register</a></p>

                    <div class="row d-flex d-md-none">
                        <div class="col-12 offset-0 col-sm-10 offset-sm-1">
                            <ul class="list-unstyled mb-0">
                                <li class="py-1"><a href="{{route('jobseeker')}}" class="btn blue w-100">Register</a></li>
                                <li class="py-1"><a href="{{route('how_it_works')}}" class="btn blue w-100">More</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="standard-section bg-grey border-top">
        <div class="container">
            <h2 class="main-title mb-5 pb-0 pb-md-2 pb-lg-3"><span><span>FEATURED EMPLOYER</span></span></h2>
            <div class="banner-with-image" style="background-image: url('{{asset('images/Compass_1920x395_Banner.jpg')}}');">
                <img src="{{asset('images/Compass_1920x395_Banner.jpg')}}" class="d-block d-md-none image-full d-block d-md-none">
                <a href="featured-employers-single.php" class="stretched-link"><span class="visually-hidden">Open Link Here</span></a>
            </div>
        </div>
    </section>

    <section class="standard-section border-top">
        <div class="container">
            <div class="row align-items-center gx-5 gy-5 gy-md-0">
                <div class="col-12 col-md-6 text-center order-first order-md-last d-none d-sm-block">
                    <img src="{{asset('images/For-Employers_Final1v2.png')}}" alt="#" class="image-auto" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                </div>
                <div class="col-12 col-md-6 order-last order-md-first">
                    <h2 class="mb-5 d-none d-md-block">For Employers</h2>
                    <h2 class="mb-5 main-title d-block d-md-none"><span><span>For Employers</span></span></h2>

                    <div class="list-with-icon-bounce d-flex flex-column mb-4 mb-md-5">
                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="m21 19l-5.154-5.154a7 7 0 1 0-2 2L19 21l2-2zM5 10c0-2.757 2.243-5 5-5s5 2.243 5 5s-2.243 5-5 5s-5-2.243-5-5z"/></svg>
                            </div>
                            <h4 class="mb-2">Find Your Perfect Chef</h4>
                            <p class="mb-0">Register, browse and quickly shortlist chef profiles as many times as you like for FREE.</p>
                        </div>

                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="300" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="M19 3H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-6 4h4v1h-4V7zm-2 7.803a2.31 2.31 0 0 0-.529-.303c-1.18-.508-2.961-1.26-2.961-2.176c0-.551.359-.371.518-1.379c.066-.418.385-.007.445-.961c0-.38-.174-.475-.174-.475s.088-.562.123-.996c.036-.453-.221-1.8-1.277-2.097c-.186-.188-.311-.111.258-.412c-1.244-.059-1.534.592-2.196 1.071c-.564.42-.717 1.085-.689 1.439c.037.433.125.996.125.996s-.175.094-.175.474c.061.954.38.543.445.961c.158 1.008.519.828.519 1.379c0 .916-1.781 1.668-2.961 2.176a2.503 2.503 0 0 0-.471.26V5h9v9.803zM18 11h-5v-1h5v1z"/></svg>
                            </div>
                            <h4 class="mb-2">No Recruiter Fees</h4>
                            <p class="mb-0">Plus no commitments and no ads to post. You decide who to contact about your jobs - no more time and effort wasted reviewing unsuitable ad responses.</p>
                        </div>

                        <div class="single" data-aos="fade-right" data-aos-offset="1" data-aos-delay="600" data-aos-duration="1000" data-aos-once="true">
                            <div class="icon d-flex align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path d="m10 1.3l2.388 6.722H18.8l-5.232 3.948l1.871 6.928L10 14.744l-5.438 4.154l1.87-6.928l-5.233-3.948h6.412L10 1.3z"/></svg>
                            </div>
                            <h4 class="mb-2">Connect & Hire</h4>
                            <p class="mb-0">Once you're ready to connect just buy one of our access passes and contact Chefs directly, access CVs and view social media profiles.</p>
                        </div>
                    </div>

                    <p class="mb-0 d-none d-md-block"><a href="{{route('recruiter')}}" class="btn blue">Register</a></p>

                    <div class="row d-flex d-md-none">
                        <div class="col-12 offset-0 col-sm-10 offset-sm-1">
                            <ul class="list-unstyled mb-0">
                                <li class="py-1"><a href="{{route('recruiter')}}" class="btn blue w-100">Register</a></li>
                                <li class="py-1"><a href="{{route('how_it_works')}}" class="btn blue w-100">More</a></li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>

    <section class="standard-section bg-grey border-top">
        <div class="container">
            <h2 class="main-title mb-5 pb-0 pb-md-2 pb-lg-3"><span><span>HAPPY CLIENTS INCLUDE</span></span></h2>
            <div class="row align-items-stretch g-4">
                @if ($featured_employers)
                    @foreach ($featured_employers as $employee)
                        <div class="col-12 col-sm-6 col-lg-4 col-xl-2">
                            <div class="client-box">
                                <div class="d-flex h-100 align-items-center justify-content-center">
                                    <img src="{{asset("storage/$employee->logo")}}" alt="#" class="image-auto">
                                </div>
                                <a href="{{route('featured_employer',['slug' => $employee->slug])}}" class="stretched-link"><span class="visually-hidden">Open Link Here</span></a>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>

    <section class="standard-section border-top">
        <div class="container">
            <h2 class="main-title mb-2" data-aos="fade-up" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true"><span><span>WHY CHOOSE US</span></span></h2>
            <p class="text-center h6 color-grey-hover text-uppercase mb-4 mb-md-5" data-aos="fade-up" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">MAIN FEATURES</p>

            <div class="row g-5">
                <div class="col-12 col-md-6 col-lg-3 text-center" data-aos="fade-up" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                    <div class="text-center mb-3">
                        <div class="circle-flipflop">
                            <div class="d-flex h-100 align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M7.186 19.172c.789.51 1.701.855 2.814.828c1.111.027 2.025-.318 2.814-.828L12.797 17H7.203l-.017 2.172zM12.697 16c0-4.357 4.63-5.848 4.283-10.188c-.218-2.738-2.073-5.81-6.98-5.81S3.238 3.074 3.019 5.813C2.672 10.152 7.303 11.643 7.303 16h5.394zM5 6c.207-2.598 2.113-4 5-4c2.886 0 4.654 1.371 4.861 3.969c.113 1.424-.705 2.373-1.809 3.926C12.238 11.041 11.449 12.238 11 14H9c-.449-1.762-1.238-2.959-2.053-4.106C5.844 8.342 4.886 7.424 5 6z" clip-rule="evenodd"/></svg>
                            </div>
                        </div>
                    </div>
                    <h3 class="color-black mb-3">Unique</h3>
                    <p>We do things differently. You post, employers search - contacting you directly to discuss job opportunities. No more applying to job ads and never hearing back.</p>
                </div>

                <div class="col-12 col-md-6 col-lg-3 text-center" data-aos="fade-up" data-aos-offset="1" data-aos-delay="300" data-aos-duration="1000" data-aos-once="true">
                    <div class="text-center mb-3">
                        <div class="circle-flipflop">
                            <div class="d-flex h-100 align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M15.989 19.129c0-2.246-2.187-3.389-4.317-4.307c-2.123-.914-2.801-1.684-2.801-3.334c0-.989.648-.667.932-2.481c.12-.752.692-.012.802-1.729c0-.684-.313-.854-.313-.854s.159-1.013.221-1.793c.064-.817-.398-2.56-2.301-3.095c-.332-.341-.557-.882.467-1.424c-2.24-.104-2.761 1.068-3.954 1.93c-1.015.756-1.289 1.953-1.24 2.59c.065.78.223 1.793.223 1.793s-.314.17-.314.854c.11 1.718.684.977.803 1.729c.284 1.814.933 1.492.933 2.481c0 1.65-.212 2.21-2.336 3.124C.663 15.53 0 17 .011 19.129C.014 19.766 0 20 0 20h16s-.011-.234-.011-.871zm2.539-5.764c-1.135-.457-1.605-1.002-1.605-2.066c0-.641.418-.432.602-1.603c.077-.484.447-.008.518-1.115c0-.441-.202-.551-.202-.551s.103-.656.143-1.159c.05-.627-.364-2.247-2.268-2.247c-1.903 0-2.318 1.62-2.269 2.247c.042.502.144 1.159.144 1.159s-.202.109-.202.551c.071 1.107.441.631.518 1.115c.184 1.172.602.963.602 1.603c0 1.064-.438 1.562-1.809 2.152c-.069.029-.12.068-.183.102c1.64.712 4.226 1.941 4.838 4.447H20v-2.318c0-1-.273-1.834-1.472-2.317z"/></svg>
                            </div>
                        </div>
                    </div>
                    <h3 class="color-black mb-3">Focus</h3>
                    <p>Created for Chefs by Chefs, we’re here to help you advance your career while ensuring employers can cost effectively find and recruit the best talent in London!</p>
                </div>

                <div class="col-12 col-md-6 col-lg-3 text-center" data-aos="fade-up" data-aos-offset="1" data-aos-delay="600" data-aos-duration="1000" data-aos-once="true">
                    <div class="text-center mb-3">
                        <div class="circle-flipflop">
                            <div class="d-flex h-100 align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M5.8 12.2V6H2C.9 6 0 6.9 0 8v6c0 1.1.9 2 2 2h1v3l3-3h5c1.1 0 2-.9 2-2v-1.82a.943.943 0 0 1-.2.021h-7V12.2zM18 1H9c-1.1 0-2 .9-2 2v8h7l3 3v-3h1c1.1 0 2-.899 2-2V3c0-1.1-.9-2-2-2z"/></svg>
                            </div>
                        </div>
                    </div>
                    <h3 class="color-black mb-3">Visibility</h3>
                    <p>Post your Chef profile and be instantly visible via our network to loads of great London employers looking for people just like you.</p>
                </div>

                <div class="col-12 col-md-6 col-lg-3 text-center" data-aos="fade-up" data-aos-offset="1" data-aos-delay="900" data-aos-duration="1000" data-aos-once="true">
                    <div class="text-center mb-3">
                        <div class="circle-flipflop">
                            <div class="d-flex h-100 align-items-center justify-content-center">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 20 20"><path fill="currentColor" d="M17.19 4.155c-1.672-1.534-4.383-1.534-6.055 0L10 5.197L8.864 4.155c-1.672-1.534-4.382-1.534-6.054 0c-1.881 1.727-1.881 4.52 0 6.246L10 17l7.19-6.599c1.88-1.726 1.88-4.52 0-6.246z"/></svg>
                            </div>
                        </div>
                    </div>
                    <h3 class="color-black mb-3">Easy to Use</h3>
                    <p>Whether looking to get hired, or hire, our platform is simple and easy to use, giving you more time to do what you’re good at.</p>
                </div>
            </div>
        </div>
    </section>

    @if($reviews  && count($reviews) > 0)
    <section class="standard-section bg-grey border-top">
        <div class="container">
            <h2 class="main-title mb-5 pb-0 pb-md-2 pb-lg-3 "data-aos="fade-down" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true"><span><span>RECENT REVIEWS</span></span></h2>
            <div class="row gy-5 gy-xl-0 gx-5 justify-content-center align-items-stretch">
               
                @foreach ($reviews as  $review)
                    <div class="col-12 col-lg-6 col-xl-4">
                        <div class="testimonial" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                            <blockquote>
                                <p>{!!$review->review!!}</p>
                            </blockquote>
                            <div class="bq-author">
                                <figure class="author-img">
                                    <img src='{{asset("storage/$review->image")}}'' alt="">
                                </figure>
                                <h6>{{$review->full_name}}</h6>
                                <span class="bq-author-info">{{$review->position}}</span>
                            </div>
                        </div>
                    </div>
                @endforeach
                {{-- <div class="col-12 col-lg-6 col-xl-4">
                    <div class="testimonial" data-aos="fade-right" data-aos-offset="1" data-aos-delay="0" data-aos-duration="1000" data-aos-once="true">
                        <blockquote>
                            <p>We spend a lot of money on recruitment through agencies and direct job advertising, both of which have mixed results. Only Chefs offers an innovative way for my team to cost effectively search and engage with Chefs at all levels.</p>
                        </blockquote>
                        <div class="bq-author">
                            <figure class="author-img">
                                <img src="dist/images/sbarnes.jpg" alt="">
                            </figure>
                            <h6>E. Fisher</h6>
                            <span class="bq-author-info">Group Recruitment Manager</span>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="testimonial" data-aos="fade-up" data-aos-offset="1" data-aos-delay="200" data-aos-duration="1000" data-aos-once="true">
                        <blockquote>
                            <p>Only Chefs is great! We have already used the site to hire a Sous Chef and being able to quickly search, shortlist and contact Chefs directly has taken the hassle out of a process that usually takes up a lot of my time.</p>
                        </blockquote>
                        <div class="bq-author">
                            <figure class="author-img">
                                <img src="dist/images/Chef-Patron.jpg" alt="">
                            </figure>
                            <h6>S. Barnes</h6>
                            <span class="bq-author-info">Chef Patron</span>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-lg-6 col-xl-4">
                    <div class="testimonial" data-aos="fade-left" data-aos-offset="1" data-aos-delay="400" data-aos-duration="1000" data-aos-once="true">
                        <blockquote>
                            <p>I registered with Only Chefs and within a week had been offered a job as a Sous Chef in a top London restaurant. It’s great being able to promote my skills and experience to employers. I’ve applied to many job ads in the past on other sites but rarely got a response.</p>
                        </blockquote>
                        <div class="bq-author">
                            <figure class="author-img">
                                <img src="dist/images/Pastry-Chef.jpg" alt="">
                            </figure>
                            <h6>L. Miles</h6>
                            <span class="bq-author-info">Sous Chef</span>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
    </section>
    @endif
</div>

@endsection




@push('scripts')

@endpush