<section class="houses-home-row">

    <div class="grid-row">
        <div class="grid-col content">
            <span class="icon">
                @include('svg.houses')
            </span>

            <h2>{{$page->translation->home_projects->typeName}}</h2>
            {{ $page->translation->home_projects->description }}

            <a class="button" href="{{$page->translation->home_projects->link}}">
                {{$page->translation->home_projects->link_text}}
            </a>
        </div>

        <div class="grid-col image-side">
            <a class="map-placeholder" href="/{{$links->houses->route}}">
                <div class="icon">
                    <span>@include('svg.map')</span>
                </div>
                <p>{{ KommaLang::get('showMap') }}</p>
            </a>

            <figure class="image-placeholder">
                @if(isset($page->translation->home_projects->images[0]))
                    @foreach(['medium', 'small'] as $imageSize)
                        <span class="{{$imageSize}}"
                              style="background-image: url('{{ $page->translation->home_projects->images[0]->{$imageSize.'_image_url'} }}');"></span>
                    @endforeach
                @endif
            </figure>
        </div>
    </div>
</section>