@extends('front.layouts.main')

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

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

@section('content')
<main class="about-page pt-0 bg-white">
    <section class="section about-sec">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 offset-lg-2 text-center">
					<p class="medium-font-size gray wow zoomIn">Team Empower comprises of a diverse group of professionals who ooze tenacity and zest for life. We intrinsically believe in the work we do and have the unanimous desire to create a positive impact on the lives of our clients, candidates and the community at large.</p>
				</div>
				<div class="col-12">
					<div class="img-wrapper text-center">
						<img src="{{asset('img/about-grp.png')}}" srcset="{{asset('img/about-grp@2x.png')}} 2x" alt="Team " />
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="section meet-ppl-sec">
		<div class="container">
			<div class="row">
				<div class="col-12 text-center">
					<h1 class="wow fadeInUp bold">Meet the people behind Empower</h1>
					<p class="tagline gray wow fadeInDown">Improve your knowledge and skills and get the best in industry</p>
				</div>
			</div>
			<div class="row">

                @foreach ($teamMembers as $member)

                    @component('front.modules.home.common.team-card', [
                        'profilePicture' => $member->profilePicture,
                        'linkedin' => $member->linkedin,
                        'email' => $member->email,
                        'name' => $member->name,
                        'position' => $member->position,
                        'motto' => $member->motto,
                        'strengths' => $member->strengths
                    ])
                    @endcomponent

                @endforeach

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