@extends('Frontend.layout.main')

@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">

<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection

@section('content')
@include('Frontend.inc.banners')
<section class="keepfirst">
    <div class="container">
        <div class="row">
            <ul class="aboutul">

                <li> <a href="{{url('/')}}"> HOME</a> </li> /
                <li>ABOUT US</li>
            </ul>
        </div>
    </div>
</section>
<section class="" data-aos="fade-up">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 theo" data-aos="zoom-out" data-aos-delay="100">
                <h2>About us</h2>
                {!!$pageData->excerpt() ?? ''!!}
              
            </div>
            <div class="col-lg-6">
                <div class="row aboutgroup">
                    <div class="col-lg-12"><img src="frontend/assets/images/about/a1.png" data-aos="zoom-in"
                            data-aos-delay="100" alt="add-image"></div>
                    <div class="col-lg-4"><img src="frontend/assets/images/about/a2.png" data-aos="zoom-in"
                            data-aos-delay="200" alt="add-image"></div>
                    <div class="col-lg-4"><img src="frontend/assets/images/about/a3.png" data-aos="zoom-in"
                            data-aos-delay="300" alt="add-image"></div>
                    <div class="col-lg-4"><img src="frontend/assets/images/about/a4.png" data-aos="zoom-in"
                            data-aos-delay="400" alt="add-image"></div>
                    <div class="col-lg-12"><img src="frontend/assets/images/about/a5.png" data-aos="zoom-in"
                            data-aos-delay="500" alt="add-image"></div>
                    <div>
                    </div>
                </div>
            </div>
</section>
<div id="whoweare">
<section class="secpdng" data-aos="fade-up ">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 theo" data-aos="zoom-out" data-aos-delay="100">
                <h2>{{$pageData->subtitle() ?? ''}}</h2>
                {!!$pageData->content ?? ''!!}
            </div>
            <div class="col-lg-6">
                <div class="row aboutgroup">
                    <div class="col-lg-12"><img class="groupimg" src="frontend/assets/images/about/a6.png"
                            data-aos="zoom-in" data-aos-delay="100" alt="add-image"></div>
                    <div class="col-lg-6"><img class="groupimg" src="frontend/assets/images/about/a7.png"
                            data-aos="zoom-in" data-aos-delay="200" alt="add-image"></div>
                    <div class="col-lg-6"><img class="groupimg" src="frontend/assets/images/about/a8.png"
                            data-aos="zoom-in" data-aos-delay="300" alt="add-image"></div>
                    <div>
                    </div>
                </div>
            </div>
</section>
</div>

<div class="missionb" id="mission">
    <div class="container">
        <div class="row">
            <div class="col-lg-6" data-aos="zoom-in" data-aos-delay="100">
                <h2>{{$pageData->mission_title() ?? ''}}</h2>

                {!! $pageData->mission_content() ?? ''!!}
               
            </div>
            <div class="col-lg-6" data-aos="zoom-in" data-aos-delay="100">
            <h2>{{$pageData->vission_title() ?? ''}}</h2>

        {!! $pageData->vission_content() ?? ''!!}
            </div>
        </div>
    </div>
</div>






@endsection