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

    <div class="o-hero__placeholder"></div>
    <div class="o-hero__bottom-shape  u-spacing-mb6">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 114.954"><path d="M0,82.135l1,.047c536.287,25.689,719.319,44.831,1320.093,23.75Q1671.387,93.64,1920,18.6V0H0Z" fill="currentColor"/></svg>
    </div>

    <div class="o-advice-content">
        <div class="l-grid">
            <div class="l-grid-content">
                <div class="left">
                    <div class="svgHolder">
                        @include('components.clippedImage', ['imageUrl' => '/img/cta_person.jpg', 'pathId' => 4])
                    </div>
                    <div class="phone-holder">
                        <h4>
                            Bel ons:<br/>
                            <a href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a>
                        </h4>
                    </div>
                </div>
                <div class="right">
                    <div class="s-text">
                        {!! $page->translation->description !!}
                    </div>
                    @include('organisms.forms.advice')
                </div>
            </div>
        </div>
    </div>

@endsection