@extends('frontend::layouts.master')
@section('content')
<!-- Page Title -->
    @livewire('frontend::page-title', ['title' => $breadcrumb[0]['name'] ?? '', 'breadcrumbs' => $breadcrumb])
    
    <section class="sect-page-about" style="background: #fff url('{{ Module::asset('frontend:images/about/bg-about-1.jpg') }}'); background-size: 100%; background-position: center bottom; background-repeat: no-repeat;">
        <img class="img-about-float" src="{{ Module::asset('frontend:images/about/about-1.png') }}" height="100%">
        <div class="container">
            <div class="row">
                {!! $about['detail'] ?? '' !!}
            </div>
        </div>
    </section>

    <section class="sect-page-about-cta" style="background: url('{{ Module::asset('frontend:images/about/bg-cta.jpg') }}') no-repeat center center; background-size: cover; background-position: center 84%;">
        <div class="container">
            <div class="row">
                {!! $about['text'] ?? '' !!}
            </div>
        </div>
    </section>
@endsection