@extends('frontend::layouts.master')

@section('content')
    <livewire:frontend::section.breadcrumb id_menu="4" />

    @if (!empty($about['detail']))
        <section class="sect-about-page" style="background: url('{{ Module::asset('frontend:images/bg-04.jpg') }}') no-repeat center center; background-size: cover;">
            <div class="container">
                {!! $about['detail'] ?? '' !!}
            </div>
        </section>
    @endif
    @if (!empty($about['core_value']))
        <section class="sect-core-value text-light">
            <div class="container">
                {!! $about['core_value'] ?? '' !!}
            </div>
        </section>
    @endif
    @if (!empty($about['timeline']))
        <section>
            <div class="container">
                {!! $about['timeline'] ?? '' !!}
            </div>
        </section>
    @endif
    @if (!empty($about['our_clients']))
        <section class="sect-about-clients">
            <div class="container">
                {!! $about['our_clients'] ?? '' !!}
            </div>
        </section>
    @endif
    @if (!empty($about['gallery'][0]))
        <section class="sect-about-clients">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                        <h2 class="text-center m-b-40 animated fadeInUp visible" data-animate="fadeInUp" data-animate-delay="200">
                            {{ __('frontend::lang.about.our_clients') }}
                        </h2>
                        <ul class="list list-group-logo">
                            @foreach ($about['gallery'] as $g)
                                <li class="animated fadeInUp visible" data-animate="fadeInUp" data-animate-delay="800">
                                    <img class="group-logo" src="{{ asset($g['image'] ?? '') }}" alt="{{ $g['name'] ?? '' }}">
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection