@if(!empty($index['about']['0']))
    <div class="pk-header">
        @php($about = $index['about']['0'])
        <div class="pk-header-about row" style="background-image: url('{{url($about['photo'])}}')" id="store">
            <div class="youtube col-sm-6 col-12 text-right animated zoomInLeft pr-0">
                <video width="100%" height="100%"  controls poster="{{$about['hadling_link_youtobe_thumbnail']}}">
                    <source src="{{$about['hadling_link_youtobe']}}" type="video/mp4">
                    Your browser does not support the video t ag.
                </video>
            </div>
            <div class="store col-sm-6 col-12 text-center animated zoomInRight pl-0">
                <p class="d-none  d-sm-block">{!! $about['content']  !!}</p>

                <div class="row" style="align-items: center">
                    <div class="col-sm-6 pk text-right">
                        <img data-original="{{url($about['hadling_icon'])}}">
                    </div>
                    <div class="col-sm-6 app text-center text-sm-left">
                        @if($about['hadling_link_google_play'] != 'null')
                            <a class=" google-play" href="#downloadApk" data-toggle="modal" data-target="#downloadApk">
                                <img data-original="{{url('core/images/header/google-play.png')}}">
                            </a>
                        @endif
                        @if($about['hadling_link_app_store'] != 'null')
                             <a class=" google-play" href="#downloadIpa" data-toggle="modal" data-target="#downloadIpa">
                                <img data-original="{{url('core/images/header/app-store.png')}}">
                            </a>
                        @endif
                    </div>
                </div>

            </div>
        </div>
    </div>
@endif