@extends('master', ['pullUpFooter'=> 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')

	@include('organisms.hero')
	@includeWhen(isset($subMenu), 'organisms.subNav')
	@include('organisms.components')

	<div class="u-tilted-bg  u-spacing-mb12" data-align="bottom-left">
		<div class="l-contain">

			<div class="u-spacing-mt10">
				<div class="l-card-grid">
					<div class="l-card-grid__main">
						@foreach($subMenu as $subMenuItem)
							@continue(!isset($links->{$subMenuItem->code_name}))
							<div class="l-card-grid__item" data-kal="fade" style="--kal-delay: {{($loop->index % 4)*0.1}}s">
								@include('components.actionCard', [
									'modifiers'	=> ['is-light'],
									'actionCardLink' => $links->{$subMenuItem->code_name}->route,
									'actionCardImage' => $subMenuItem->images->first()->small_image_url ?? '/img/placeholder-card.svg',
									'actionCardTitle' => $subMenuItem->translation->name,
									'actionCardDescription' => !empty($subMenuItem->translation->teaser) ? $subMenuItem->translation->teaser : null,
								])
							</div>
						@endforeach
					</div>
				</div>
			</div>

			<div class="u-spacing-mt10">
				@include('organisms.partners', [
					'modifiers' => 'boxed',
					'partnersHeading' => __('global.partners.heading'),
				])
			</div>
		</div>
	</div>

	<div class="l-contain  l-block">
		@include('organisms.testimonials', [
			'testimonials' => $testimonialsForEducation,
		])
	</div>

	<div class="l-contain  u-spacing-mt12" data-kal="slide-left">
		@include('components.servicePoint', [
			'servicePoint' => config('site.servicePoints.marina_geuens'),
    		'servicePointHeading' => 'Vragen?',
    		'servicePointDesc' => 'Bel me op <a href="tel:'.config('site.servicePoints.marina_geuens.phone.call').'">'.config('site.servicePoints.marina_geuens.phone.display').'</a> <br> of bekijk de <a href="'. $links->faq->route .'">veelgestelde vragen</a>',
			'servicePointButtonText' => 'Offerte aanvragen',
			'servicePointButtonLink' => $links->quotation->route ?? '',
		])
	</div>


@endsection