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

    <div class="grid-col col-4 col-md-4 col-sm-12">
        <?php if(isset($links->do)): ?>
            <a href="/<?php echo $links->do->route; ?>">
                <div class="hoverEl"></div>

                <article class="menu-item item-doing">
                    <div class="placeholder">
                        <h2><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.do'); ?></h2>
                        <p><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.cta-do'); ?></p>
                    </div>
                </article>
            </a>
        <?php 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><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.eat'); ?></h2>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('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><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.play'); ?></h2>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('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><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.theater'); ?></h2>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('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><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.sleep'); ?></h2>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('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><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.shop'); ?></h2>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('menus.home.cta-shop'); ?></p>
                </div>
            </article>
        </a>
    </div>

</div>