@extends('site.master')

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

@section('hero-body')

    @if(isset($page->images) && $page->images->isNotEmpty())

        <div class="c-hero__grid">
            <div class="c-hero__column  c-hero__text">
                <h1>{{  !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name }}</h1>
                {!! nl2br($page->translation->description) !!}
            </div>

            <div class="c-hero__column">
                @include('site.components.image', ['images' => $page->images, '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)])

    <div class="c-body  u-max-width-800  u-margin-auto">
        @include('site.organisms.components')
    </div>

@endsection