@extends('front.layouts.main')

@section('title'){{ @trans('seo.mystery_shopper_title') }}@endsection

@section('description'){{ @trans('seo.mystery_shopper_desc') }}@endsection

@section('img-url'){{ asset('img/services/mystery_shopper/mp_become_a_mystery_shopper.png') }}@endsection

@section('content')
	<main class="mplus-page p-0 white-bg m-0">
		<section class="banner py-4">
			<div class="container">
				<div class="row wow fadeIn">
					<div class="col-md-6 my-md-auto text-center text-md-left">
						<h1 class="bold xl-font-size">Become a Mystery Shopper</h1>
						<p class="tagline gray mb-3">Mystery shoppers make an impact in their local communities by helping stores, restaurants, and banks become better places for consumers like you to visit. Mystery shopping drives real improvement for future customers in areas such as customer service, product selection, and cleanliness.</p>
						<p class="tagline gray mb-3">As an Empower mystery shopper, you’ll get paid to visit and review retail outlets of your favorite brands across the country.</p>
						<div class="d-flex justify-content-center justify-content-md-start flex-wrap">
							@if(!Auth::user() || (Auth::user() && !Auth::user()->hasRole('mplus')))
							<a href="{{ route('front.m-plus.sign-up') }}" class="btn btn-transparent mr-2 mb-1">Become Mystery Shopper</a>
							@endif
						</div>
					</div>
					<div class="col-md-6 my-md-auto">
						<img src="{{ asset('img/services/mystery_shopper/mp_become_a_mystery_shopper.png') }}" srcset="{{ asset('img/services/mystery_shopper/mp_nationwide_representation @2x.png') }} 2x" alt="Become a Mystery Shopper" />
					</div>
				</div>
			</div>
		</section>

		<section class="section recent-job-sec dark-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<h2 class="h2 sec-title mb-0">Become a Shopper</h2>
						<p class="tag-line gray mb-0">Benefits of Becoming a Shopper:</p>
					</div>
					<div class="col-md-3 wow zoomIn fast text-center mt-4" data-wow-delay="0.1s">
						<div class="img-wrapper">
							<img src="{{ asset('img/services/mystery_shopper/ic_mp_earn.svg') }}" alt="Earn" />
						</div>
						<h3 class="mt-3 mb-0">Earn</h3>
						<p>Get paid to shop</p>
					</div>
					<div class="col-md-3 wow zoomIn fast text-center mt-4" data-wow-delay="0.3s">
						<div class="img-wrapper">
							<img src="{{ asset('img/services/mystery_shopper/ic_mp_flexibility.svg') }}" alt="Flexibility" />
						</div>
						<h3 class="mt-3 mb-0">Flexibility</h3>
						<p>Conduct Shopper assignments in your own time</p>
					</div>
					<div class="col-md-3 wow zoomIn fast text-center mt-4" data-wow-delay="0.5s">
						<div class="img-wrapper">
							<img src="{{ asset('img/services/mystery_shopper/ic_mp_grow.svg') }}" alt="Grow" />
						</div>
						<h3 class="mt-3 mb-0">Grow</h3>
						<p>As you shop you will see the retail industry in a new light</p>
					</div>
					<div class="col-md-3 wow zoomIn fast text-center mt-4" data-wow-delay="0.7s">
						<div class="img-wrapper">
							<img src="{{ asset('img/services/mystery_shopper/ic_mp_giveback.svg') }}" alt="Give Back" />
						</div>
						<h3 class="mt-3 mb-0">Give Back</h3>
						<p>Help to level-up the Tanzanian Service Culture</p>
					</div>
				</div>
			</div>
		</section>

		<section class="section add-feature-sec">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-sm-6 mt-3 my-sm-5 order-2 order-sm-1">
						<h2>Attend Workshops</h2>
						<p>Once you have been approved as a Mystery Shopper you will be invited to attend Shopper Workshops.  At these sessions you will learn about company products and services and how best to conduct yourself as a Mystery Shopper.  Not to mention, mingle with other Shoppers in your area and be part of our community.</p>
						@if(!Auth::user() || (Auth::user() && !Auth::user()->hasRole('mplus')))
							<a href="{{ route('front.m-plus.sign-up') }}" class="btn btn-transparent mr-2 mb-1">Become Mystery Shopper</a>
						@endif
					</div>
					<div class="col-sm-6 my-sm-5 order-1 order-sm-2">
						<img src="{{ asset('img/services/mystery_shopper/mp_attend_workshops.png') }}" srcset="{{ asset('img/services/mystery_shopper/mp_attend_workshops@2x.png') }} 2x" alt="Attend Workshops" />
					</div>

					<div class="col-sm-6 mt-5 order-3">
						<img src="{{ asset('img/services/mystery_shopper/mp_nationwide_representation.png') }}" srcset="{{ asset('img/services/mystery_shopper/mp_nationwide_representation @2x.png') }} 2x" alt="Nationwide Representation" />
					</div>
					<div class="col-sm-6 mt-3 mt-sm-5 order-4">
						<h2>Nationwide Representation</h2>
						<p>Mystery shopping assignment will take place all over the country; wherever you find banks and telecom branches you can be sure Mystery Shoppers exist.  So, wherever you are in Tanzania you can register as a Shopper and be engaged on assignments.</p>
						@if(!Auth::user() || (Auth::user() && !Auth::user()->hasRole('mplus')))
							<a href="{{ route('front.m-plus.sign-up') }}" class="btn btn-transparent mr-2 mb-1">Become Mystery Shopper</a>
						@endif
					</div>					
				</div>
			</div>
		</section>

		<section class="service-baner section">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 offset-lg-2 text-center wow fadeIn fast">
						<h2 class="xl-font-size bold">Become a Mystery Shopper Today</h2>
						<p class="tagline m-0 gray">Help to level-up the African Service Culture</p>
						@if(!Auth::user() || (Auth::user() && !Auth::user()->hasRole('mplus')))
						<a href="{{ route('front.m-plus.sign-up') }}" class="mt-3 btn btn-em">Join Us Now</a>
						@endif
					</div>
				</div>
			</div>
		</section>

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

@endsection