@extends('master', ['footerHasRequestBrochure' => true])

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

@section('content')

    @include('organisms.hero', [
        'modifiers' => ['has-ornament'],
        'heroImage' => "/img/header-field.jpg"
    ])

    <div class="o-contact">
        <div class="o-contact__main">
            <div class="o-contact__form">
                @include('organisms.forms.plan_demo')
            </div>

            <div class="o-contact__content">
                <h1 class="o-contact__heading">{{__('site/plan_demo.title')}}</h1>
                <h2 class="o-contact__subheading">{{__('site/plan_demo.subTitle')}}</h2>

                <ol class="c-usp  c-usp--small  c-usp--alt  c-usp--vertical  u-spacing-mt3">
                    @foreach(__('site/plan_demo.bulletPoints') as $bulletPointText)
                        <li class="c-usp__item">
                            {{$bulletPointText}}
                        </li>
                    @endforeach
                </ol>

                <p class="o-contact__intro">{{__('site/plan_demo.description')}}</p>

            </div>
        </div>
    </div>


    <div class="l-contain  u-spacing-pt5  u-spacing-pb3  u-border-top">
        <ul class="c-usp  c-usp--alt">
            @foreach(__('site/plan_demo.usp') as $uspText)
                <li class="c-usp__item">
                    {{$uspText}}
                </li>
            @endforeach
        </ul>
    </div>

    @include('organisms.components')

@endsection