@php /** @var \App\Pages\Models\Page $page */@endphp
@extends('master')

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


	<div class="u-temporary-notice  u-temporary-notice--home" data-kal="fade">
		<img src="/img/sintjozefhoeve-icon-small.png" alt="">
		<span>@lang('global.temporaryNoticeText')</span>
	</div>

	<div class="l-contain  l-block">
		@include('organisms.homeCards')
	</div>

	@include('organisms.components')

	<div class="l-contain  l-block">
		@include('organisms.partners', [
			'partnersHeading' => __('global.partners.heading'),
		])
	</div>

	<hr class="u-hr  l-block" data-kal="fade">

	<div class="l-contain  l-block">
		@include('organisms.testimonials', [
    		'testimonials' => $testimonialsForHome,
			'testimonialButtonText' => 'Lees meer reacties',
			'testimonialButtonLink' => $links->references->route,
		])
	</div>

	<section class="o-home-blocks">

		<div class="o-home-blocks__bg-red"></div>

		<div class="o-home-blocks__content">
			<div class="o-home-blocks__content-image" data-kal="slide-right">
				<img src="/img/familiebedrijf.jpg" alt="">
			</div>
			<div class="o-home-blocks__content-desc  s-text  s-text--on-dark" data-kal="slide-left" style="--kal-delay: 0.5s">
				<h2>Een authentiek en gezellig familiebedrijf</h2>
				<p>Luc en Marina combineren met Beat the Barn en de Sint-Jozefhoeve het beste van twee werelden, op één
					locatie. Terwijl ze er met Beat the Barn alles aan doen om van jouw team een dreamteam te maken, dragen
					ze met de Sint-Jozefhoeve bij aan een duurzame maatschappij én gelukkige koeien.
				</p>
				@include('components.textButton', [
					'modifiers' => ['icon','on-dark'],
					'textButtonText' => 'Contact',
					'textButtonLink' => $links->contact->route,
				])
			</div>
		</div>

		<div class="o-home-blocks__usp" data-kal="slide-up">
			@include('organisms.uspBlock')
		</div>

		<div class="o-home-block__ambience">
			<img class="o-home-block__ambience-bg" src="/img/boerderij-bg.jpg" alt="" data-kal="zoom-out-left">
		</div>

		<div class="o-home-blocks__cards">
			<div class="l-card-row">
				<div class="l-card-row__main">
					@foreach(__('about.cards_version_2') as $key => $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.2}}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>

	</section>

@endsection