@extends('public_layouts.layout')
@section('title', __('messages.about'))
@section('description', '')
@section('seo')
@section('content')
<div id="site-main" class="site-main">
	<div id="main-content" class="main-content">
		<div id="primary" class="content-area">
			<div id="title" class="page-title page-title--with-img">
				<img class="page-title__bg" src="{{ locale_storage('images/'. $banners['about']) }}" alt="{{__('messages.about')}} Banner" title="{{__('messages.about')}} Banner">
				<div class="section-container">
					<div class="content-title-heading">
						<h1 class="text-title-heading">
							{{__('messages.about')}}
						</h1>
					</div>
				</div>
			</div>
			<section class="section top-border mb-0">
				<div class="block block-banners banners-effect">
					<div class="block-content">
						<div class="block-widget-banner layout-14 no-space">
							<div class="banners">
								@foreach ($about['block_1']['features'] as $feature)
									<div class="row @if($loop->index % 2 == 1) flex-row-reverse @endif overflow-hidden">
										<div class="col-md-5">
											<div class="banner-image">
												<img width="960" height="590" src="{{ locale_storage('images/' . $feature->image[0]) }}" alt="">
											</div>
										</div>
										<div class="col-md-7 banner-infor">
											<div class="banner-wrapper-infor">
												<div class="info">
													<div class="content">
														<h3 class="title-banner">{{ $feature->title }}</h3>
														<div class="banner-image-description">
															{!!strip_tags(nl2br($feature->description), '<br>') !!}
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="section brand-core-section">
			<div class="brand-core-bg">
				<div class="brand-core-overlay overflow-hidden w-100">
					@if(isset($about['block_2']['image'][0]))
					<img class="brand-core-bg w-100" src="{{ locale_storage('images/'. $about['block_2']['image'][0]) }}" alt="{{__('messages.about')}} Background" title="{{__('messages.about')}} Background">
					@else
					<img class="brand-core-bg w-100" src="{{ asset('assets/default-image.jpg') }}" alt="{{__('messages.about')}} Background" title="{{__('messages.about')}} Background">
					@endif
				</div>

				<div class="section-container small brand-core-inner">
				<div class="brand-core-title">
					{{ $about['block_2']['title'] }}
				</div>

				<div class="brand-core-slogan">
					{{ $about['block_2']['subtitle'] }}
				</div>

				<div class="brand-core-pillars">
					@foreach ($about['block_2']['features'] as $feature)
						<div class="pillar-item">
							<div class="pillar-circle {{app()->getLocale() == 'en' ? 'english' : ''}}">
								<span>{{ $feature }}</span>
							</div>
						</div>
					@endforeach
				</div>

				<div class="brand-core-text">
					{!!strip_tags(nl2br($about['block_2']['description']), '<br>') !!}
				</div>
				</div>
			</div>
			</section>
			</div><!-- #primary -->
		</div><!-- #main-content -->
	</div>
</div>
@endsection