<div class="grid-row menu-items">

    <div class="grid-col col-4 col-md-4 col-sm-12">
        @if(isset($links->do))
            <a href="/{{ $links->do->route }}">
                <div class="hoverEl"></div>

                <article class="menu-item item-doing">
                    <div class="placeholder">
                        <h2>@lang('menus.home.do')</h2>
                        <p>@lang('menus.home.cta-do')</p>
                    </div>
                </article>
            </a>
        @endif
    </div>

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <a href="/eten">
            <div class="hoverEl"></div>

            <article class="menu-item item-eating">
                <div class="placeholder">
                    <h2>@lang('menus.home.eat')</h2>
                    <p>@lang('menus.home.cta-eat')</p>
                </div>
            </article>
        </a>
    </div>

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <a href="/spelen">
            <div class="hoverEl"></div>

            <article class="menu-item item-playing">
                <div class="placeholder">
                    <h2>@lang('menus.home.play')</h2>
                    <p>@lang('menus.home.cta-play')</p>
                </div>
            </article>
        </a>
    </div>

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <a href="/theater">
            <div class="hoverEl"></div>

            <article class="menu-item item-theater">
                <div class="placeholder">
                    <h2>@lang('menus.home.theater')</h2>
                    <p>@lang('menus.home.cta-theater')</p>
                </div>
            </article>
        </a>
    </div>

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <a href="/overnachten">
            <div class="hoverEl"></div>

            <article class="menu-item item-sleeping">
                <div class="placeholder">
                    <h2>@lang('menus.home.sleep')</h2>
                    <p>@lang('menus.home.cta-sleep')</p>
                </div>
            </article>
        </a>
    </div>

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <a href="/shoppen">
            <div class="hoverEl"></div>

            <article class="menu-item item-shopping">
                <div class="placeholder">
                    <h2>@lang('menus.home.shop')</h2>
                    <p>@lang('menus.home.cta-shop')</p>
                </div>
            </article>
        </a>
    </div>

</div>