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

@section('style')
    
@endsection

@section('content')

    <main>

        @if (!empty($data['about']['url']) && CheckFileInServer($data['about']['url']))
            <div class="default-bg-cover relative" style="background-image:url({{ $data['about']['url'] }})">
                <div class="asp-lg-12b5"></div>
                <div
                    class="container lg:absolute lg:left-1/2 lg:-translate-x-1/2 lg:top-0 lg:bottom-0 flex flex-col items-center justify-center py-12">
                    <div class="text-center">
                        <div class="text-whiten text-base-5xl font-semibold text-shadow leading-10 mb-3">
                            {!! !empty($data['about']['name']) ? $data['about']['name'] : '' !!}
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (!empty($data['about']['desc']))
            <div class="text-editor" style="background: #F4F3EE">
                {!! !empty($data['about']['desc']) ? $data['about']['desc'] : '' !!}
            </div>
        @endif
        @if (!empty($data['about']['detail']))
            <div class="container py-6 lg:py-12">
                <div class="text-editor">
                    {!! !empty($data['about']['detail']) ? $data['about']['detail'] : '' !!}
                </div>
            </div>
        @endif
        @if (!empty($data['about']['image']) && CheckFileInServer($data['about']['image']))
            <div class="default-bg-cover relative" style="background-image:url({{ $data['about']['image'] }})">
                <div class="asp-lg-12b5"></div>
                <div
                    class="container lg:absolute lg:left-1/2 lg:-translate-x-1/2 lg:top-0 lg:bottom-0 flex flex-col items-center justify-center py-12">
                    <div class="text-center">
                        <div class="text-whiten text-base-5xl font-semibold text-shadow leading-10 mb-3">
                            {!! !empty($data['about']['footer']) ? $data['about']['footer'] : '' !!}
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </main>
@endsection

@section('script')


@endsection