@extends('layouts.frontend.app')

@section('content')

		<!-- Start Page Title Area -->
		<div class="page-title-area bg-1">
			<div class="container">
				<div class="page-title-content">
					<h2>نبذه عن الشركة</h2>

				</div>
			</div>
		</div>
		<!-- End Page Title Area -->

    <!-- Start Who We Are Area -->
    <section class="who-we-are-area pt-100 pb-70">
        <div class="container">
            <div class="row">
                @foreach ($abouts as $about)
                <div class="col-lg-6" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='500'>

                    <div class="who-we-are-img">
                        <img src="{{ $about->getFirstMediaUrl('about','thumb') }}" alt="Image">

                        <div class="who-we-are-img-2" style="width: 300px; height:300px">
                            <img src="{{ $about->getFirstMediaUrl('about','thumb') }}" alt="Image">
                        </div>

                        <a href="{{ $about->video_url }}" class="video-button popup-youtube">
                            <i class="flaticon-play-button"></i>
                            <p>See the video</p>
                        </a>
                    </div>



                </div>

                <div class="col-lg-6" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
                    <div class="who-we-are-content">
                        <span class="top-title">{{ $about->sub_title }}</span>
                        <h2>{{ $about->title }}</h2>
                        <p>
                            {{ $about->description }}</p>

                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Who We Are Area -->

		<!-- Start Our Skills Area -->
		{{-- <section class="our-skills-area pt-100">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-8" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
						<div class="skills-content">
							<span class="top-title">كلمة </span>
							<h2>رئيس مجلس الادارة</h2>
							<p>{{ $about->word }}</p>
						</div>


					</div>

					<div class="col-lg-4" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='500'>
						<div class="skill-img">
							<img src="{{ $about->image_word }}" alt="Image">
						</div>
					</div>
				</div>
			</div>
		</section> --}}
		<!-- End Our Skills Area -->
        @endsection