@extends('site.master')

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

@section('content')
    <div class="o-body">

        @if($components->has('heading'))
            @php
                // Make a quick accessor
                $aboutHeading = $components->get('heading');
            @endphp

            <div class="o-block  l-contain">

                <div class="l-double">
                    <div class="l-double__start">
                        <div class="c-heading">
                            <h1 class="c-heading__title">{{ $page->translation->name }}</h1>
                            <p class="c-heading__subtitle">@lang('site/about.subheading')</p>
                        </div>
                        <div class="s-text">
                            {!! $aboutHeading->text !!}
                        </div>

                        <div class="u-spacing-mt6">
                            @includeWhen((!empty($aboutHeading->button_label) && !empty($aboutHeading->button_link)),'site.components.button', [
                                'modifiers' => ['icon'],
                                'buttonText' => $aboutHeading->button_label,
                                'buttonLink' => $aboutHeading->button_link
                            ])
                        </div>
                    </div>
                    <div class="l-double__end">
                        @include('site.components.image', ['images' => $aboutHeading->image, 'imageId' => 'heading-slider' ])
                    </div>
                </div>
            </div>

        @else
            {{ debug('Make a named area for: heading') }}
        @endif

        @include('site.organisms.components')

        <section class="o-block  l-contain">
            @include('site.organisms.servicepoint', [
                'servicePointDescription' => __('site/about.servicepoint.description'),

            ])
        </section>
    </div>
@endsection