@extends('app')

@section('content')

        <!-- main-area -->
        <main>

            <!-- slider-area -->
            <section class="s-slider-area">
                <div class="s-slider-bg fix">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div class="s-slider-content text-center">
                                    <h6><span class="dots"></span>Bee Lojistik<span class="dots2"></span></h6>
                                    @foreach($sliders as $key=>$s)
                                    <h2 class="frame-{{$key+1}}">
                                      {{$s->getTranslatedAttribute('title',$lang,'tr')}}
                                    </h2>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="#category-section" class="icon-scroll">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                    <div class="slider-golve">
                        <img src="{{asset('assets')}}/img/slider/golve.png" class="rotateme" alt="">
                    </div>
                    <div class="slider-golve-bike">
                        <img src="{{asset('assets')}}/img/slider/bike.png" alt="">
                    </div>
                    <div class="slide-golve-car">
                        <img src="{{asset('assets')}}/img/slider/car.png" alt="">
                    </div>
                    <div class="slider-plane">
                        <img src="{{asset('assets')}}/img/slider/plane.png" alt="">
                    </div>
                </div>
            </section>
            <!-- slider-area-end -->

            <!-- services-area -->
            <section class="services-area pt-110 pb-90 s-category-area">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-10">
                            <div class="s-section-title text-center mb-60">
                                <h2 style="color:#dcdde1 !important;">{{__('site.hakkimizda')}}</h2>
                                <p style="color:#dcdde1 !important;">{{$about->getTranslatedAttribute('description',$lang,'tr')}}</p>
                                <p style="color:#dcdde1 !important;"><a href="{{URL::to('contents/about')}}">{{__('site.devaminioku')}}</a></p>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

            <!-- control-area -->
            <section class="control-area pt-110 pb-120">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-7 col-lg-10">
                            <div class="s-section-title text-center mb-60">
                                <h2>{{__('site.hizmetlerimiz')}}</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container-fluid control-fluid">
                    <div class="row control-active">
                      @foreach($services as $s)
                        <div class="col-xl-4">
                            <div class="single-control-wrap fix">
                                <div class="control-thumb">
                                    <img src="{{URL::to('storage/'.$s->cover_image)}}" alt="{{$s->getTranslatedAttribute('title',$lang,'tr')}}">
                                </div>
                                <div class="control-overlay-content">
                                    <h4><a href="{{URL::to('service/detail/'.$s->slug)}}">{{$s->getTranslatedAttribute('title',$lang,'tr')}}</a></h4>
                                </div>
                            </div>
                        </div>
                      @endforeach
                    </div>
                </div>
            </section>
            <!-- control-area-end -->

        </main>
        <!-- main-area-end -->

@endsection