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

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

@section('content')

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

            <h1 class="o-contact__heading">{{ $page->translation->name }}</h1>

            <div class="o-contact__information">
                <p>Voorbeeld tekst over contact leggen</p>
            </div>

            <div class="o-contact__business">
                <h5>{{ config('site.company.fullName') }}</h5>
                <dl class="o-contact__commercial">
                    <dt>@lang('company.chamber_of_commerce'):</dt><dd>{{ config('site.company.kvk') }}</dd>
                    <dt>@lang('company.vat_number'):</dt><dd>{{ config('site.company.vat') }}</dd>
                    <dt>@lang('company.bank_number'):</dt><dd>{{ config('site.company.bank') }}</dd>
                </dl>
            </div>

            <div class="o-contact__form  u-spacing-mt-60  u-max-width-720">
                @include('organisms.forms.contact')
            </div>

            <div class="o-contact__map">
                @include('components.googleMaps')
            </div>

        </div>

    </div>

@endsection