<section class="home-intro">
    <div class="grid-row breadcrumb-block">
        <div class="breadcrumb-placeholder">
            @include('site.partials.breadcrumb')
        </div>
    </div>

    <div class="content-block">
        <div class="grid-row">
            <div class="kms-content">
                @if(isset($page->translation->header))
                    {!! $page->translation->header->description !!}
                @endif

                <a class="scroll-to-target read-more" href="#home-about">
                    @lang('site/global.readMore')
                    <span class="arrow"></span>
                </a>
            </div>
        </div>
    </div>

    <div class="video-block">
        <div class="grid-row">
            <figure class="video-placeholder">
                <span class="image-placeholder" style="background-image: url('/img/sites/{{\App::getSite()->slug}}/video-background-large.jpg');"></span>
                @if(\Config::has('site.'.\App::getSite()->slug.'.youtube'))
                    <div class="play-button" id="trigger-video-button">
                        <div class="button-placeholder">
                            <div class="icon-wrapper">
                                @include('site.svg.triangle')
                            </div>
                            <span>@lang('site/home.playVideo')</span>
                        </div>
                    </div>

                    <section class="video-overlay">
                        <div class="video-holder">
                            <div id="ytplayer"
                                 data-ytlink="{{ config('site.'.\App::getSite()->slug.'.youtube') }}"></div>
                        </div>
                    </section>
                @endif
            </figure>
        </div>
    </div>

    <span class="video-format-placeholder"><span class="width-placeholder"></span></span>
</section>