@extends('layouts.web.app')
@section('page_title')
    @lang('site.about_us')
@endsection
@section('content')
    <!-- Page Title -->
    <div class="page-title-area page-title-area-three title-img-one" style="background-image: url({{asset('uploads/page_images/'.$pages[0]->about_banner_image)}}">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="page-title-text">
                    <h2>@lang('site.About_Our_Firm_and_History')</h2>
                    <ul>
                        <li>
                            <a href="{{route('/')}}">@lang('site.home')</a>
                        </li>
                        <li>
                            <i class="{{(app()->getLocale() == 'ar' ? 'icofont-simple-left' :  'icofont-simple-right')}}"></i>
                        </li>
                        <li>@lang('site.about_us')</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Title -->

    <!-- Help -->
    <div class="help-area help-area-two help-area-four pb-70">
        <div class="container-fluid">


            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="help-item help-left">
                        <img src="{{asset('uploads/page_images/'.$pages[0]->about_image)}}" alt="Help">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="help-item">
                        <div class="help-right">
                            <h2>@lang('site.We_Provide_Professional')</h2>
                            <p>@lang('site.we_provide_des1')</p>
                            <p>@lang('site.we_provide_des2')</p>
                            <div style="display: block; width: 100%" class="help-inner-left">
                                <ul>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.we_provide1')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.we_provide2')
                                    </li>
                                </ul>
                            </div>
                            <div style=" width: 100%" class="help-inner-right">
                                <ul>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.we_provide3')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.we_provide4')
                                    </li>
                                </ul>
                            </div>
                            {{--<div class="help-signature">
                                <img src="{{asset('web/assets/img/home-one/4.png')}}" alt="Signature">
                            </div>--}}
                            <h3 style="margin-top: 100px;">@lang('site.ibrahim_hilal')</h3>
                            {{--<span>@lang('site.ibrahim_des')</span>--}}
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- End Help -->

    <!-- Expertise -->
    <section class="expertise-area expertise-area-two pt-100 pb-70">
        <div class="container">
            <div class="section-title">
                <span>@lang('site.OUR_EXPERTISE')</span>
                <h2>@lang('site.goals')</h2>
            </div>
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="expertise-item">
                        <ul>
                            <li class="wow fadeInUp" data-wow-delay=".3s">
                                <div class="expertise-icon">
                                    <i class="flaticon-experience"></i>
                                    <img src="{{asset('web/assets/img/home-one/11.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.goal_title1')</h3>
                                <p>@lang('site.goal_title1_des')</p>
                            </li>

                            <li class="wow fadeInUp" data-wow-delay=".6s">
                                <div class="expertise-icon">
                                    <i class="flaticon-money-bag"></i>
                                    <img src="{{asset('web/assets/img/home-one/11.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.goal_title4')</h3>
                                <p>@lang('site.goal_title4_des')</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="expertise-item">
                        <ul>
                            <li class="wow fadeInUp" data-wow-delay=".4s">
                                <div class="expertise-icon">
                                    <i class="flaticon-lawyer"></i>
                                    <img src="{{asset('web/assets/img/home-one/11.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.goal_title2')</h3>
                                <p>@lang('site.goal_title2_des')</p>
                            </li>

                            <li class="wow fadeInUp" data-wow-delay=".5s">
                                <div class="expertise-icon">
                                    <i class="flaticon-balance"></i>
                                    <img src="{{asset('web/assets/img/home-one/11.png')}}" alt="Shape">
                                </div>
                                <h3>@lang('site.goal_title3')</h3>
                                <p>@lang('site.goal_title3_des')</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Expertise -->

    <!-- About -->
    <div class="about-area pt-100">
        <div class="container">
            <div class="row" style="display: block; text-align: center">
                <div class="col-lg-6" style="display: inline-block">
                    <div class="about-item">
                        <div class="about-video-wrap">
                            <div class="about-video">
                                <img src="{{asset('web/assets/img/about/2.PNG')}}" alt="About">
                            </div>
                            <a href="https://www.youtube.com/watch?v=tS5B7GEhC0Q" class="popup-youtube">
                                <i class="icofont-ui-play"></i>
                            </a>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End About -->

    <!-- Help -->
    {{--<div class="help-area help-area-two help-area-four pb-70">
        <div class="container-fluid">

            <div class="row align-items-center help-wrap">
                <div class="col-lg-6">
                    <div class="help-item">
                        <div class="help-right">
                            <h2>@lang('site.provide_perfect_service')</h2>
                            <p>@lang('site.provide_perfect_service_des')</p>
                            <div class="help-inner-left">
                                <ul>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des1')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des2')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des5')
                                    </li>
                                </ul>
                            </div>
                            <div class="help-inner-right">
                                <ul>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des3')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des4')
                                    </li>
                                    <li>
                                        <i class="flaticon-checkmark"></i>
                                        @lang('site.provide_perfect_service_des6')
                                    </li>
                                </ul>
                            </div>

                            <a class="cmn-btn" href="https://wa.me/00905394103014">@lang('site.contact_us_with_whatsapp')</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="help-item help-left">
                        <img src="{{asset('uploads/page_images/'.$pages[0]->about_counter_image)}}" alt="Help">
                    </div>
                </div>
            </div>


            <div class="help-shape">
                <img src="{{asset('web/assets/img/home-one/6.png')}}" alt="Shape">
            </div>
        </div>
    </div>--}}
    <!-- End Help -->





@endsection