@extends('layouts.default')

@section('meta')
<title>{{\App\Helpers::mataTitle()}}</title>
<meta name="description" content="{{\App\Helpers::mataDescription()}}" />
<meta name="keywords" content="{{\App\Helpers::mataKeywords()}}" />
@endsection

@section('head')
@endsection

@section('content')
<section class="sec-4">
    <div class="contact-sec" style="background: url({{asset( \App\Helpers::pageData('section_1', 'section_1_header_banner'))}}) no-repeat center;background-size: cover;">
        <div class="container">
            <h1></h1>
            <div class="co-col">
                {!! \App\Helpers::pageData('section_1', 'section_1_header_contact_us') !!}
            </div>
            <div class="co-col">
                {!! \App\Helpers::pageData('section_1', 'section_1_header_help_center') !!}
            </div>
            <div class="co-col">
                {!! \App\Helpers::pageData('section_1', 'section_1_header_emergency') !!}
            </div>
      </div>
      <div class="chat-btn"> <a href="{{ route('contact_us') }}">Let’s kōrero... </a> </div>
    </div>
</section>
<section id="location" class="location">
    <div class="container">
        <div class="lo-left">
            <div class="add-list">
              {!! \App\Helpers::pageData('section_2', 'section_2_address1') !!}
            </div>
            <div class="add-list">
              {!! \App\Helpers::pageData('section_2', 'section_2_address2') !!}
            </div>
            <div class="add-list">
              {!! \App\Helpers::pageData('section_2', 'section_2_address3') !!}
            </div>
            <div class="add-list">
              {!! \App\Helpers::pageData('section_2', 'section_2_address4') !!}
            </div>
            <div class="add-list">
              {!! \App\Helpers::pageData('section_2', 'section_2_address5') !!}
            </div>
        </div>
        <div class="lo-right"><img src="{{asset(\App\Helpers::pageData('section_2', 'section_2_address_map'))}}" usemap="#Map">
        <map name="Map">
        <area shape="rect" coords="127,283,155,319" class="loca loca1">
        <area shape="rect" coords="272,350,302,387" class="loca loca2">
        <area shape="rect" coords="160,630,186,674" class="loca loca3">
        <area shape="rect" coords="179,655,205,705"  class="loca loca6">
        <area shape="rect" coords="252,844,280,889" class="loca loca4">
        <area shape="rect" coords="285,1005,312,1048" class="loca loca5">
      </map></div>
    </div>
</section>
<section>
  <img src="{{asset(\App\Helpers::pageData('section_3', 'section_3_bottom_banner'))}}">
</section>
@endsection

@section('script')
@endsection