@extends('front.layouts.app')
@section('css')

@endsection
@section('content')
<section class="about-sec">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="about-cont animate__animated wow animate__fadeInUp">
                    <h2>
						{{__('front.about-about title')}}
					</h2>
					<p>
						{{__('front.about-about text')}}
					</p>
					@foreach (explode('|', __('front.about-about list')) as $item)
						
					<div class="item">
						<img src="/assets/pic/Group 11628.png" alt="">
						<span class="text">{{$item}}</span>
					</div>
					@endforeach

                </div>
            </div>
            <div class="col-lg-6">
                <div class="pic-effect-outer mt-3 mt-lg-0 wow animate__animated animate__rotateInUpRight">
                    <div class="inner">
                        <img src="{{getImage(getSettingValue('about_1'))}}" alt="">
                    </div>
                    <div class="years">
                        <div class="num">{{__('front.about-about num')}}</div>
                        <div class="text">{{__('front.about-about badge')}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="vision-sec">
    <div class="container">
        <div class="row vi-row">
            <div class="col-lg-5">
                <div class="ph-outer wow animate__animated animate__fadeInUp">
                    <div class="img-wr phov1">
                        <img src="{{getImage(getSettingValue('about_2'))}}" alt="">
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="text-card wow animate__animated animate__fadeInUp">
                    <div class="wr">
                        <div class="bold">{{__('front.about-Our Vision')}}</div>
                        <p>
                            {{__('front.about-Our Vision text')}}
                            
                        </p>
                    </div>

                </div>
            </div>
        </div>
        <div class="row me-row">
            <div class="col-lg-7">
                <div class="text-card wow animate__animated animate__fadeInUp">
                    <div class="wr">
                        <div class="bold">{{__('front.about-Our Message')}}</div>
                        <p>
                            {{__('front.about-Our Message text')}}
                            
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="ph-outer wow animate__animated animate__fadeInUp">
                    <div class="img-wr phov1">
                        <img src="{{getImage(getSettingValue('about_3'))}}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('js')

<!-- Google-Maps -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB-MO9uPLS-ApTqYs0FpYdVG8cFwdq6apw"></script>
@endsection