@php /** @var \App\Pages\Models\Page $page */@endphp
@extends('site.master', [ 'headerIsLight' => true ])

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="o-block  o-intro  o-intro--mobile-break-out  is-intro-alt">
        <div class="o-intro__body">
            <div class="o-intro__main">
                @include('site.components.hero')
            </div>
        </div>
    </div>

    <div class="l-contain  o-block" id="vacancies">
        <div class="u-spacing-mh@l  s-text">
            <h2>@lang('site/vacancies.heading')</h2>

            @include('site.organisms.vacancyList')

            @include('site.components.button', [
                'modifiers' => ['icon'],
                'buttonText' => 'Bekijk alle vacatures',
                'buttonLink' => $links->vacancies->route,
            ])
        </div>

    </div>

    @include('site.organisms.components')

    {{-- Discover row fixed on this page --}}
    @if(isset($discover_page_codenames) && count($discover_page_codenames) > 0)
        <div class="l-contain  o-block">
            @include('site.organisms.cardGrid', [
                'title' => trans('site/global.discover_header'),
                'cardItems' => $discover_page_codenames,
                'modelThroughLinks' => true
            ])
        </div>
    @endif

    @include('site.organisms.calloutBar', [
        'connect'=> true,
    ])

@endsection