<section class="discover-row">
    <div class="grid-row">
        <p class="streamer grid-col full-row">{{ $title or '' }}</p>

        <div class="links">

            @foreach($discoverItems as $item)
                @if(isset($links->{$item}))
                    <article class="nav-item {{$item}}">
                        <a href="/{{$links->{$item}->route}}">

                            <picture>
                                <source media="(max-width: 600px)"
                                        srcset="/img/{{$pageFolder or 'home'}}/discover/block-{{$loop->iteration}}-horizontal.jpg">
                                <img src="/img/home/discover/block-{{$loop->iteration}}.jpg"
                                     alt="parrot">
                            </picture>

                            <div class="overlay">
                                <div class="arrow-placeholder">
                                    <span>@include('site.svg.arrow')</span>
                                </div>

                                <h4>{{$links->{$item}->name}}</h4>
                            </div>
                        </a>
                    </article>
                @endif
            @endforeach
        </div>

    </div>

</section>