@extends('front.layouts.main')


@section('title')Employer @endsection

@section('content')
<main class="before-login-page">
	<section class="banner">
		<div class="container">
			<div class="row">
				<div class="col-md-5 my-md-auto text-center text-md-left wow zoonIn fast">
					<h1 class="bold">{{ @trans('client_employer.hire_talent') }}</h1>
					<p class="tagline gray mb-3">{{ @trans('client_employer.empower') }}.*</p>
					<a href="{{route('contact')}}" class="btn btn-transparent">{{ @trans('client_employer.get_call_back') }}</a>
				</div>
				<div class="col-md-7 mt-3 my-md-auto wow zoomIn fast">
					<img src="{{asset('img/employer.png')}}" alt="Empower" />
				</div>
			</div>
		</div>
	</section>

	<section class="recruit-slider section wow fadeInUp">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="text-center mb-4">{{ @trans('client_employer.our_clients') }}</h2>
                </div>
                <div class="col-md-12">
                    <div class="owl-carousel owl-theme" id="recruit">
                        @foreach($clients as $client)
                        <div class="item">
                            <img src="{{asset('storage/'.config('custom.upload.client_image.image').'/'.$client->image)}}" alt="{{$client->name}}">
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

	<section class="section process-sec dark-bg">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<h2>{{ @trans('client_employer.recruitment_process') }}</h2>
					<p class="tagline gray">{{ @trans('client_employer.browse_jobs') }}</p>
				</div>
				<div class="col-md-3 wow zoomIn fast" data-wow-delay="0.1s">
					<div class="process text-center">
						<div class="pro-img-wrapper">
							<img src="{{asset('img/acquisition.svg')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.talent_asquisition') }}</h3>
						<p class="gray">{{ @trans('client_employer.lorem_ipsum') }}.</p>
					</div>
				</div>
				<div class="col-md-3">
					<div class="process text-center wow zoomIn fast" data-wow-delay="0.3s">
						<div class="pro-img-wrapper">
							<img src="{{asset('img/screening.svg')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.screening_counselling') }}</h3>
						<p class="gray">{{ @trans('client_employer.lorem_ipsum') }}.</p>
					</div>
				</div>
				<div class="col-md-3">
					<div class="process text-center wow zoomIn fast" data-wow-delay="0.5s">
						<div class="pro-img-wrapper">
							<img src="{{asset('img/interview.svg')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.interviewing') }}</h3>
						<p class="gray">{{ @trans('client_employer.lorem_ipsum') }}.</p>
					</div>
				</div>
				<div class="col-md-3">
					<div class="process text-center last wow zoomIn fast" data-wow-delay="0.7s">
						<div class="pro-img-wrapper">
							<img src="{{asset('img/placement.svg')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.placement') }}</h3>
						<p class="gray">{{ @trans('client_employer.lorem_ipsum') }}.</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="section service-sec">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<h2>{{ @trans('client_employer.our_services') }}</h2>
					<p class="tagline gray">{{ @trans('client_employer.browse_jobs') }}</p>
				</div>
				<div class="col-md-4 wow zoomIn fast" data-wow-delay="0.1s">
					<div class="ser-list text-center">
						<div class="ser-img-wrapper">
							<img src="{{asset('img/rec-service.png')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.recruitment_services') }}</h3>
						<p class="gray">{{ @trans('client_employer.recruited_across_africa') }} .</p>
						<a href="{{route('home.recruitmentService')}}" class="btn btn-transparent">{{ @trans('client_employer.get_call_back') }}</a>
					</div>
				</div>
				<div class="col-md-4 wow zoomIn fast" data-wow-delay="0.3s">
					<div class="ser-list text-center">
						<div class="ser-img-wrapper">
							<img src="{{asset('img/career-service.png')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.career_counselling') }}</h3>
						<p class="gray">{{ @trans('client_employer.recruited_across_africa') }}.</p>
						<a href="{{route('home.councellingService')}}" class="btn btn-transparent">{{ @trans('client_employer.get_call_back') }}</a>
					</div>
				</div>
				<div class="col-md-4 wow zoomIn fast" data-wow-delay="0.5s">
					<div class="ser-list text-center">
						<div class="ser-img-wrapper">
							<img src="{{asset('img/mtc-service.png')}}" alt="Empower">
						</div>
						<h3>{{ @trans('client_employer.meet_the_coach') }}</h3>
						<p class="gray">{{ @trans('client_employer.recruited_across_africa') }}.</p>
						<a href="{{route('home.meetCoachService')}}" class="btn btn-transparent">{{ @trans('client_employer.get_call_back') }}</a>
					</div>
				</div>
			</div>
		</div>
	</section>

	@include('front.modules.home.common.blog-news')
</main>
@endsection