@extends(get_view('index'))
@section('title')
    {{ __('About Us') }} -
@endsection
@section('menu-active-about-us')
    current-menu-item
@endsection
@section('header')
@endsection
@section('content')

    <div id="site-main" class="site-main">
        <div id="main-content" class="main-content">
            <div id="primary" class="content-area">

                @include(get_view('components.pages.page-title'), ['title' => __('About Us')])

                <div id="content" class="site-content" role="main">
                    <div class="section-container p-l-r">

                        @if (Site::about_us() != null)
                            @if (Site::about_us()->content != null)
                                <div class="row justify-content-center p-5">
                                    <div class="col-sm-9 col-12">
                                        {!! Site::about_us()->content ?? '' !!}
                                    </div>
                                </div><!-- row -->
                            @endif
                        @else
                            @include(get_view('components.errors.post-not-found'))
                        @endif

                        <!-- Block Banners -->
                        <div class="block block-banners banners-effect">
                            <div class="block-widget-wrap">
                                <div class="block-content">
                                    <div class="block-widget-banner layout-16 no-space">
                                        <div class="banners">
                                            <div class="row">
                                                <div class="col-md-6 banner-infor background-2">
                                                    <div class="banner-wrapper-infor">
                                                        <div class="info">
                                                            <div class="content">
                                                                <div class="banner-icon">
                                                                    <svg xmlns="http://www.w3.org/2000/svg"
                                                                        xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                        x="0" y="0" viewBox="0 0 256 256"
                                                                        style="enable-background:new 0 0 512 512"
                                                                        xml:space="preserve">
                                                                        <g>
                                                                            <g xmlns="http://www.w3.org/2000/svg">
                                                                                <g>
                                                                                    <path
                                                                                        d="m128 149.2c-4.2 0-8.3-.6-12.3-1.9-5.2-1.7-9.9-4.3-14-7.8-3.9-3.4-7.1-7.5-9.6-12.1-2.4-4.7-3.8-9.6-4.3-14.8-.5-5.4.1-10.7 1.8-15.9s4.3-9.9 7.8-14c3.4-3.9 7.5-7.1 12.1-9.6 4.7-2.4 9.6-3.8 14.8-4.3 5.4-.5 10.7.1 15.9 1.8 1.8.6 2.9 2.6 2.3 4.4s-2.6 2.9-4.4 2.3c-4.3-1.4-8.7-1.9-13.1-1.5-4.3.4-8.4 1.6-12.3 3.6s-7.2 4.7-10 7.9c-2.9 3.4-5.1 7.3-6.4 11.5-1.4 4.3-1.9 8.7-1.5 13.1.4 4.3 1.6 8.4 3.6 12.3s4.6 7.2 7.9 10c3.4 2.9 7.3 5.1 11.5 6.4 4.3 1.4 8.7 1.9 13.1 1.5 4.3-.4 8.4-1.6 12.3-3.6s7.2-4.7 10-7.9c2.9-3.4 5.1-7.3 6.4-11.5 1.4-4.3 1.9-8.7 1.5-13.1-.2-1.9 1.2-3.6 3.2-3.8 1.9-.2 3.6 1.2 3.8 3.2.5 5.4-.1 10.7-1.8 15.9s-4.3 9.9-7.8 14c-3.4 3.9-7.5 7.2-12.1 9.6-4.7 2.4-9.7 3.8-14.8 4.3-1.2-.1-2.4 0-3.6 0z"
                                                                                        fill="" data-original=""
                                                                                        style=""></path>
                                                                                </g>
                                                                                <g>
                                                                                    <path
                                                                                        d="m128 193.4c-7.3 0-13-5.8-17.9-10.9-3.2-3.3-6.3-6.5-9.3-7.7-3.2-1.3-8-1.3-12.6-1.3-7.3.1-14.9.1-19.9-4.8-5-5-4.9-12.5-4.8-19.9 0-4.6.1-9.4-1.3-12.6-1.2-3-4.4-6.1-7.7-9.3-5.1-5-10.9-10.6-10.9-18 0-7.3 5.8-13 10.9-17.9 3.3-3.2 6.5-6.3 7.7-9.3 1.3-3.2 1.3-8 1.3-12.6-.1-7.3-.1-14.9 4.8-19.9 5-5 12.5-4.9 19.9-4.8 4.6 0 9.4.1 12.6-1.3 3-1.2 6.1-4.4 9.3-7.7 5-5.1 10.6-10.9 18-10.9 7.3 0 13 5.8 17.9 10.9 3.2 3.3 6.3 6.5 9.3 7.7 3.2 1.3 8 1.3 12.6 1.3 7.3-.1 14.9-.1 19.9 4.8 5 5 4.9 12.5 4.8 19.9 0 4.6-.1 9.4 1.3 12.6 1.2 3 4.4 6.1 7.7 9.3 5.1 5 10.9 10.6 10.9 18 0 7.3-5.8 13-10.9 17.9-3.3 3.2-6.5 6.3-7.7 9.3-1.3 3.2-1.3 8-1.3 12.6.1 7.3.1 14.9-4.8 19.9-5 5-12.5 4.9-19.9 4.8-4.6 0-9.4-.1-12.6 1.3-3 1.2-6.1 4.4-9.3 7.7-5 5-10.7 10.9-18 10.9zm-37.4-27c4.5 0 9 .2 12.8 1.8 4.3 1.8 8.1 5.6 11.6 9.3 4.2 4.3 8.6 8.8 12.9 8.8 4.4 0 8.7-4.5 12.9-8.8 3.6-3.7 7.3-7.5 11.6-9.3 4.5-1.9 10-1.8 15.3-1.8 6.2.1 12 .1 14.9-2.8s2.8-8.7 2.8-14.9c0-5.3-.1-10.8 1.8-15.3 1.8-4.3 5.6-8.1 9.3-11.6 4.3-4.2 8.8-8.6 8.8-12.9 0-4.4-4.5-8.7-8.8-12.9-3.7-3.6-7.5-7.3-9.3-11.6-1.9-4.5-1.8-10-1.8-15.3.1-6.2.1-12-2.8-14.9s-8.7-2.8-14.9-2.8c-5.3 0-10.8.1-15.3-1.8-4.3-1.8-8.1-5.6-11.6-9.3-4.2-4.3-8.5-8.8-12.9-8.8s-8.7 4.5-12.9 8.8c-3.6 3.7-7.3 7.5-11.6 9.3-4.5 1.9-10 1.8-15.3 1.8-6.2-.1-12-.1-14.9 2.8s-2.8 8.7-2.8 14.9c0 5.3.1 10.8-1.8 15.3-1.8 4.3-5.6 8.1-9.3 11.6-4.3 4.2-8.8 8.5-8.8 12.9s4.5 8.7 8.8 12.9c3.7 3.6 7.5 7.3 9.3 11.6 1.9 4.5 1.8 10 1.8 15.3-.1 6.2-.1 12 2.8 14.9s8.7 2.8 14.9 2.8z"
                                                                                        fill="" data-original=""
                                                                                        style=""></path>
                                                                                </g>
                                                                                <g>
                                                                                    <path
                                                                                        d="m165 231.5c-.7 0-1.5-.2-2.1-.5l-34.4-18.2-34.4 18.2c-1.4.7-3.1.7-4.4-.1-1.4-.8-2.2-2.3-2.2-3.9v-38.8c0-1.9 1.6-3.5 3.5-3.5s3.5 1.6 3.5 3.5v34.6l34-18 34 18v-34.6c0-1.9 1.6-3.5 3.5-3.5s3.5 1.6 3.5 3.5v38.8c0 1.6-.8 3-2.2 3.9-.7.4-1.5.6-2.3.6z"
                                                                                        fill="" data-original=""
                                                                                        style=""></path>
                                                                                </g>
                                                                                <g>
                                                                                    <path
                                                                                        d="m127.3 122.8-21-21c-1.4-1.4-1.4-3.6 0-4.9 1.4-1.4 3.6-1.4 4.9 0l16 16 38-37.9c1.4-1.4 3.6-1.4 5 0s1.4 3.6 0 4.9z"
                                                                                        fill="" data-original=""
                                                                                        style=""></path>
                                                                                </g>
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                </div>
                                                                <a class="link-title" href="blog-grid-right.html">
                                                                    <h3 class="title-banner">
                                                                        {{ __('Quality At Every Step') }}</h3>
                                                                </a>
                                                                <div class="banner-image-description">
                                                                    {{ __('Rest easy. From choice materials and expert hands, to precision tools and tests, we ensure your product is made of hardy stuff') }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="banner-image">
                                                        <a href="#">
                                                            <img src="{{ get_asset('images/about-us/1.jpg') }}"
                                                                alt="Banner Image">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection
@section('footer')
@endsection