@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 Kua Agent</h1>
						<p class="tagline gray mb-3">KUA Agents are at the heart of connecting communities with essential products and services. By joining KUA, you’ll be part of a vibrant network that empowers people to grow through sales, trust, and opportunity. As a KUA Agent, you won’t just sell, you’ll build bridges between customers and top brands in banking, insurance, telecom, and beyond. You’ll receive training, support, and guidance to sharpen your skills, and every sale you make translates into real income and growth for yourself and your community.</p>
						<p class="tagline gray mb-3">This is more than a side hustle, it’s a platform for building your future while making a lasting impact where you live.</p>
						<div class="d-flex justify-content-center justify-content-md-start flex-wrap">
							@if(!Auth::user() || (Auth::user() && !Auth::user()->hasRole('kuaagent')))
							<a href="{{ route('kua-agent.register1') }}" class="btn btn-transparent mr-2 mb-1">Become Kua Agent</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>

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

@endsection