<div class="l-grid  o-block">
    @include('site.components.article')
</div>

<div class="l-grid  o-block">
    <div class="l-matrix">
        @for ($i = 1; $i <=3; $i++)
            <article class="l-matrix__item  c-thumbnail">
                <a class="c-thumbnail__link" href="#0">
                    <div class="c-thumbnail__frame  has-hover-effect">
                        <span class="c-thumbnail__image" style="background-image:url('https://picsum.photos/660/528?image={{$i+10}}');"></span>
                    </div>
                    <div class="c-thumbnail__content">
                        <p class="c-thumbnail__caption">Achter de schermen van ons ontwikkelingsproces</p>
                    </div>
                </a>
            </article>
        @endfor
    </div>
</div>

<div class="l-grid  o-block-bg">
    @include('site.components.cta.cta--bar')
</div>