@extends('site.master')

@section('title', 'Onze Diensten | Komma - Web & Branding Agency')

@section('content')

    {{-- Intro header --}}
    @include('site.partials.header',['key' => 'services'])

    {{-- Services grid--}}
    <section id="arrow-target" class="services-grid">

        <div class="contained-layout">

            <div class="col-10 centered">

                <ul>
                    {{-- Fetch services from language file --}}
                    @foreach($services as $service)
                        <li>
                            <a href="/diensten/{{ $service->translation->slug }}" class="service">
                                <span class="title">{!! !empty($service->translation->visual_name) ? $service->translation->visual_name : $service->translation->name !!}<span class="arrow"></span></span>
                                <span class="comment">{!! $service->translation->streamer !!}</span>
                            </a>
                        </li>
                    @endforeach
                </ul>

            </div>

        </div>

    </section>

    {{-- Fans call to action block--}}
    @include('site.partials.callToActionBlock',[
        'streamer' => Lang::get('site/partials/callToActions.fans.streamer'),
        'callToAction' => Lang::get('site/partials/callToActions.fans.callToAction'),
        'buttonLabel' => Lang::get('site/partials/callToActions.fans.button'),
        'buttonHref' => Lang::get('site/partials/callToActions.fans.href'),
    ])

    {{-- Call to action bar --}}
    @include('site.partials.callToActionBar',['key' => 'vincent'])

    @endsection