@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="work-sec" style="background: url({{asset(\App\Helpers::pageData('section_1', 'section_1_header_banner'))}}) no-repeat center;">
      <div class="container">
        {!! \App\Helpers::pageData('section_1', 'section_1_header_text') !!}
        <div class="content-p">
          <div class="con-col f1">
            {!! \App\Helpers::pageData('section_1', 'section_1_header_content') !!}
          </div>
        </div>
      </div>
      <div class="chat-btn"> <a href="{{ route('contact_us') }}">Let’s kōrero... </a> </div>
    </div>
  </section>
  <section class="work-w-us">
    <div class="container">
        <div class="work-text">
            {!! \App\Helpers::pageData('section_2', 'section_2_content') !!}
        </div>
        <div class="filter-list">
            <ul>
                @if (!empty(\App\Helpers::pageData('section_3', 'section_3_image_1'))) 
                  @foreach(\App\Helpers::pageData('section_3', 'section_3_image_1') as $image)
                      <li><img src="{{asset($image)}}"></li>
                  @endforeach
                @endif
            </ul>
        </div>
    </div>
  </section>
  <section>
  <img src="{{asset(\App\Helpers::pageData('section_4', 'section_4_bottom_banner'))}}">
</section>
@endsection

@section('script')
@endsection