@extends('layouts.master')

@section('editable_content')

    <div class="header-background">
        <div class="content-container">

            @include('layouts.partials.contactPerson')

            <div class="base-breadcrumb">
                @include('layouts.partials.breadcrumb')
            </div>

            <div class="services-overview-container">
            @foreach($services as $service)
                <div class="service-in-overview-container">
                    <a class="service-overview-link" href="/{{$service->translation->route->route}}">
                        <h2>{{$service->translation->name}}</h2>
                        <div class="service-overview-image" style="background-image: url('{{$service->images->first()->medium_image_url}}')"></div>
                    </a>
                </div>
            @endforeach
            </div>

        </div>
    </div>

    @include('layouts.partials.cta')

@endsection