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

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

@section('content')

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

        @include('site.organisms.componentables.textImage', [
         'component' => (object)[
             'reversed' => true,
             'gradient' => true,
             'corners' => false,
             'text' => '<h1>'.$page->translation->header_title.'</h1>'.$page->translation->header_description,
             'image' => $page->images,
             'button_link' => '#more',
             'button_label' => $page->translation->header_button_label,
         ],
         'loop' => (object)[
             'iteration' => -1,
         ]])

        <div id="more"></div>
        <div class="l-contain o-block o-block-bg o-block-grey o-advice-content">
            <div class="c-advice-content l-bisection">
                <div class="l-bisection__item o-advice__form">
                    @include('site.organisms.forms.advice')
                </div>
                <div class="l-bisection__item o-advice-content">
                    @include('site.organisms.components')
                </div>
            </div>

        </div>

        <div class="o-block o-block-bg o-block-white">
            @include('site.components.ctaText')
        </div>

    </div>

@endsection