<div class="intro-row" id="home">
    <script type="text/javascript">
        document.getElementById('home').style.height = document.documentElement.clientHeight;
    </script>
    <header>

        <nav>
            <a href="/">
                <div class="logo start-animation"></div>
            </a>
            <ul>
                <?php foreach(trans('translations.menu') as $menu): ?>
                    <li class="start-animation"><a href="<?php echo $menu['slug']; ?>"><?php echo $menu['name']; ?></a></li>
                <?php endforeach; ?>
            </ul>
        </nav>

        <div class="call">
            <a href="tel:<?php echo \Config::get('business.phone.call'); ?>">
                <div class="icon-circle"><span></span></div>
                <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.call'); ?> <?php echo \Config::get('business.phone.display'); ?></p>
            </a>
        </div>

    </header>

    <div class="cta-block">
        <h1 class="start-animation">
            <?php echo \Illuminate\Support\Facades\Lang::get('translations.cta-home'); ?>
        </h1>

        <div class="button-row">
            <div class="find-out-more">
                <a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.menu.about.slug'); ?>"> <?php echo \Illuminate\Support\Facades\Lang::get('translations.find-out'); ?><span></span></a>
            </div>
            <p class="divider"><?php echo \Illuminate\Support\Facades\Lang::get('translations.or'); ?></p>

            <div class="direct-contact">
                <a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.menu.contact.slug'); ?>"> <?php echo \Illuminate\Support\Facades\Lang::get('translations.direct-contact'); ?><span></span></a>
            </div>
        </div>

    </div>
</div>