<section class="grid-row full-row intro">
    <div class="grid-col">
        <div class="grid-row">
            <div class="grid-col left">
                @if(!isset($withoutImage))
                    <div class="image">
                        <figure class="medium"
                                @if(isset($block->images[0]))
                                style="background-image: url('{{$block->images[0]['medium']}}')"
                                @endif
                        >
                            @if(isset($block->images[0]))
                                <img alt="impression" src="{{$block->images[0]['medium']}}"/>
                            @endif
                        </figure>
                    </div>
                    @if($buttonbar)
                        <div class="button-bar">
                            @if(isset($links->offerte))
                                <a class="button arrow filled blue" href="/{{$links->offerte->route}}">
                                    {{ $links->offerte->name }}
                                </a>
                            @endif
                            @if(isset($links->production))
                                <a class="button arrow" href="/{{$links->production->route}}">
                                    @lang('site/global.watchProduction')
                                </a>
                            @endif
                        </div>
                    @endif
                @endif
                <div class="red_triangle"></div>
                @if($page->code_name != 'offerte')
                    <a class="mouse scroll-to-target" href="#content">
                        <svg width="22px" height="36px" viewBox="0 0 22 36" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
                            <g id="mouse_white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
                               stroke-linecap="round" stroke-linejoin="round">
                                <g id="Icon/Mouse" stroke="#FFFFFF" stroke-width="1.5">
                                    <path d="M10.9014,35.3115 C5.3184,35.3115 0.7504,30.7445 0.7504,25.1615 L0.7504,10.9015 C0.7504,5.3185 5.3184,0.7495 10.9014,0.7495 C16.4844,0.7495 21.0514,5.3185 21.0514,10.9015 L21.0514,25.1615 C21.0514,30.7445 16.4844,35.3115 10.9014,35.3115 Z"
                                          id="Stroke-1"></path>
                                    <path d="M10.9014,7.6455 L10.9014,13.3325" id="Stroke-3"></path>
                                </g>
                            </g>
                        </svg>
                        <span class="vertical-line"></span>
                        <span class="text">@lang('site/global.scroll_down')</span>
                    </a>
                @endif
            </div>
            <div class="grid-col right">
                <h1>{{$page->translation->name}}</h1>
                @if(!isset($withoutImage))
                    <div class="intro-content">
                        {!! $block->description  !!}
                    </div>
                    @if($page->code_name == 'machinepark')
                        <a class="button arrow filled blue pdf" target="_blank" href="/files/kemi_machines_{{ app()->getLocale() }}.pdf">
                            Download PDF
                        </a>
                    @endif
                    @if($block->link !== '' && $block->link_text !== '')
                        <a class="button arrow filled red scroll-to-target" href="{{$block->link}}">
                            {{$block->link_text}}
                        </a>
                    @endif
                @endif

                <div class="diagonal-line blue second"></div>
                <div class="diagonal-line blue third"></div>
            </div>
        </div>
    </div>
</section>