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

@section('style')

@endsection

@section('content')

    <main>
        <div class="relative mb-10">
            <div class="the-container pt-6 relative z-10">
                <div class="text-center -mb-7 text-xs text-1st uppercase">{{ __('frontend.about_us') }}</div>
                <div class="bluehd">{{ !empty($about['name']) ? $about['name'] : '' }}</div>
            </div>
            <div class="bg-cover" style="background-image:url({{ URL::asset($about['image']) }})">
                <div class="flex text-content-1">
                    <div class="the-container flex items-center">
                        <div class="text-editor md:w-8/12 lg:w-6/12">
                            {!! !empty($about['description']) ? $about['description'] : '' !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-contain bgbgbgbgbg"
                style="background-image:url({{ Module::asset('frontend:img/project/frame.png') }})">
                <div class="bgcontt">
                    <div class="the-container text-content-2">
                        <div class="text-editor" style="display: block;text-align: -webkit-center;">
                            {!! !empty($about['description_2']) ? $about['description_2'] : '' !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-contain bg-top bg-no-repeat">
                <div class="the-container text-content-3">
                    <div class="text-editor"> <br />
                        {!! !empty($about['description_3']) ? $about['description_3'] : '' !!}
                        {{-- <div class="grid md:grid-cols-2 gap-8">
                            <div class="space-y-4">
                                <img class="ww" src="{{ Module::asset('frontend:img/project/ii1.svg') }}"
                                    alt="Alternate Text" />
                                <img class="dd mx-auto" src="{{ Module::asset('frontend:img/project/gg1.svg') }}"
                                    alt="Alternate Text" />
                                <p class="ww">there are branches representatives in every country in the world,
                                    so customers can be confident that when you use our services.</p>
                            </div>
                            <div class="space-y-4">
                                <img class="ww" src="{{ Module::asset('frontend:img/project/ii2.svg') }}"
                                    alt="Alternate Text" />
                                <img class="dd mx-auto" src="{{ Module::asset('frontend:img/project/gg2.svg') }}"
                                    alt="Alternate Text" />
                                <p class="ww">there are branches representatives in every country in the world,
                                    so customers can be confident that when you use our services.</p>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
            <div class="decr abt">
                <img src="{{ Module::asset('frontend:img/project/bbrr.svg') }}" alt="Alternate Text" />
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection