<div class="header-image-row">
    <div class="logo">
        <h1>Base Photography</h1>
        <img alt="base-photography" src="/img/base-photography.svg"/>
    </div>

    <div class="background-content">
        <div class="stripes">
            <div class="hori"></div>
            <div class="hori"></div>
            <div class="vert"></div>
            <div class="vert"></div>
        </div>

        @if(isset($data->content->description->tab[0]->images[0]))
        <div class="main-image width{{$data->content->description->textWidth}}"  style="background: url('{{$data->content->description->tab[0]->images[0]->large_image_url}}');">
            <a href="/projecten/{{Str::slug($categories[2]->name)}}"></a>
        </div>
        <div class="sub-images width{{$data->content->description->textWidth}}">
            <div class="sub-1" style="background: url('{{$data->content->description->tab[1]->images[0]->large_image_url}}');"><a href="/projecten/{{Str::slug($categories[1]->name)}}"></a></div>
            <div class="sub-2" style="background: url('{{$data->content->description->tab[2]->images[0]->large_image_url}}');"><a href="/projecten/{{Str::slug($categories[0]->name)}}"></a></div>
        </div>
        @endif
    </div>
</div>