@extends('site.master', [ 'view' => 't-gradient-bg' ])

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('hero-body')

    @if($page->languageImages())

        <div class="c-hero__grid">
            <div class="c-hero__column  c-hero__text">

                @include('site.components.announcements')

{{--                <div class="c-hero__label">--}}
{{--                    {{ $page->translation->label }}--}}
{{--                </div>--}}

                <div class="c-hero__description">
                    <h1>
                        {{  !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name }}<span class="u-color-primary">.</span>
                    </h1>
                        {!! nl2br($page->translation->description) !!}
                </div>

                <div class="s-buttongroup">
                    @include('site.components.buttonLink', [
                    'modifiers' => ['filled'],
                    'buttonText' => __('site/home.startFreeTrail'),
                    'buttonLink' => config('site.trailForm') . '?lang=' . app()->getLocale(),
                    'preventBlank' => true
                    ])
                    @if(isset($links->{'contact-sales'}))
                        @include('site.components.buttonLink', [
                        'buttonText' =>  __('site/home.talkToAnExpert'),
                        'buttonLink' => $links->{'contact-sales'}->route
                        ])
                    @endif
                </div>

{{--                @include('site.components.heroRating')--}}

            </div>

            <div class="c-hero__column">
                @include('site.components.imageNoLazy', ['images' => $page->languageImages(), 'imageId' => 'hero-slider' ])
            </div>
        </div>

    @else
        @include('site.components.heroHeading', [
                   'heroHeadingTitle' => ( !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name),
                   'heroHeadingSubTitle' => $page->translation->description,
               ])
    @endif

@endsection

@section('content')

    @include('site.components.hero',['isSwirlGrey' => ((isset($components) && $components->isNotEmpty()) ? $components->first()->grey_background : 0), 'modifiers' => 'tight'])

    <div class="c-body  o-blocks">
        @include('site.organisms.components')
    </div>

@endsection