@extends('master', ['activeMenuItemCodeName' => $page->parent->code_name])

@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')

	@include('organisms.hero', ['heroTitle' => $page->parent->translation->name])
	@includeWhen(isset($subMenu), 'organisms.subNav')
    @include('organisms.components')

	@yield('extra')

	<div class="l-contain  u-spacing-mt10">
		<div class="l-card-row">
			<div class="l-card-row__main">
				@foreach(__('about.cards_version_2') as $card)
					@continue(!isset($card['codename']) || !isset($links->{$card['codename']}->route))
					<div class="l-card-row__item" data-kal="slide-up" style="--kal-delay: {{$loop->index * 0.1}}s" >

						@include('components.actionCard', [
							'modifiers' => ['is-centered'],
							'actionCardLink' => $links->{$card['codename']}->route,
							'actionCardIcon' => $card["icon"],
							'actionCardTitle' => $card["title"],
							'actionCardDescription' => $card["description"],
						])

					</div>
				@endforeach
			</div>
		</div>
	</div>

@endsection