@extends('site.master', ['headerIsLight' => true])

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

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

@endsection

@section('content')

    @include('site.components.hero', [ 'heroImages' => $page->images, 'modifiers' => 'light-bg' ])

    <div class="c-body  o-blocks">

        <div class="t-about__components">
            @include('site.organisms.components')
        </div>

        <div class="l-grid  o-block">
            <div>

                @include('site.organisms.colleagues')

            </div>
        </div>

        <div class="l-grid  o-block-bg">
            @include('site.components.cta.cta', [
                'headingTitle' => __('site/about.cta.title'),
                'headingSubTitle' => __('site/about.cta.subtitle'),
                'ctaButtonText' => __('site/about.cta.buttonText'),
                'ctaButtonLink' => '/' . ( isset($links->jobs) ? $links->jobs->route : ''),
            ])
        </div>

    </div>

@endsection