@extends('frontend.layouts.app')
@section('content')

<!-- page-title -->
<div class="prt-titlebar-wrapper prt-bg about-img">
    <div class="prt-titlebar-wrapper-bg-layer prt-bg-layer"></div>
    <div class="prt-titlebar-wrapper-inner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12 text-center">
                    <div class="prt-page-title-row-heading">
                        <div class="page-title-heading">
                            <h2 class="title">About Us</h2>
                        </div>
                        <div class="breadcrumb-wrapper">
                            <i class="flaticon-home"></i>
                            <span>
                                <a title="Homepage" href="/">Home</a>
                            </span>
                            <div class="prt-sep"> - </div>
                            <span>About {{env('APP_NAME')}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- page-title end -->

<!--Start About Section-->
<section class="prt-row about01-about-section clearfix">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="prt_single_image-wrapper">
                    @if($about && $about->about_image)
                    <img class="img-fluid" src="{{asset('../backend/images/about/'.$about->about_image )}}" alt="" onerror="this.src='{{asset('frontend/images/single-img-7.png')}}'; this.onerror='';">
                    @endif
                </div>
            </div>
            <div class="col-lg-7 align-self-center">
                    <!-- section title -->
                    <div class="section-title mb-15">
                        <div class="title-header">
                            <div class="sub-head">
                                <div class="dotted">
                                    <span class="dot-1"></span>
                                    <span class="dot-2"></span>
                                    <span class="dot-3"></span>
                                </div>
                                <h3>ABout Us</h3>
                                <div class="dotted">
                                    <span class="dot-1"></span>
                                    <span class="dot-2"></span>
                                    <span class="dot-3"></span>
                                </div>
                            </div>
                            <h2 class="title">About <span style="font-style:inherit">{{ env('APP_NAME') }}</span></h2>
                        </div>
                        @isset($about->about_text)
                        <div class="title-desc">
                            {!!$about->about_text!!}
                        </div>
                        @endisset
                    </div><!-- section title end -->

                    {{-- <div class="row pt-20">
                        <div class="col-lg-12 col-md-8 col-sm-12 align-self-center">
                            <ul class="prt-list style1 res-767-ml-0 res-767-mt-20">
                                <li>
                                    <i class="fa fa-check"></i>
                                    <span class="prt-list-li-content">The desire blur boundaries fulfil</span>
                                </li>
                            </ul>
                        </div>
                    </div> --}}
            </div>
        </div>
    </div>
</section>
<!--End About Section-->

<!-- why-us-section -->
<section class="prt-row about01-why-us-section prt-bg prt-bgimage-yes bg-img2 bg-base-dark clearfix">
<div class="prt-row-wrapper-bg-layer prt-bg-layer"></div>
<div class="container">
    <div class="row res-575-mt_25">
        <div class="col-lg-12">
            <div class="featured-icon-box style6">
                <div class="featured-icon-wrapper">
                    <div class="featured-icon">
                        <div class="prt-icon prt-icon_element-onlytxt prt-icon_element-size-lg prt-icon_element-color-skincolor">
                            @isset ($about->mission_image)
                            <img class="img-fluid" src="{{asset('../backend/images/about/'.$about->mission_image)}}" alt="">
                            @endisset
                        </div>
                    </div>
                </div>
                <div class="featured-content">
                    @isset($about->mission)
                    <div class="featured-desc">
                        <h3>Our Mission</h3>
                        {!!$about->mission!!}
                    </div>
                    @endisset
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="featured-icon-box style6">
                <div class="featured-icon-wrapper">
                    <div class="featured-icon">
                        <div class="prt-icon prt-icon_element-onlytxt prt-icon_element-size-lg prt-icon_element-color-skincolor">
                            @isset ($about->vision_image)
                                <img class="img-fluid" src="{{asset('../backend/images/about/'.$about->vision_image)}}" alt="">
                            @endisset
                        </div>
                    </div>
                </div>
                <div class="featured-content">
                    @isset($about->vision)
                    <div class="featured-desc">
                        <h3>Our Vision</h3>
                        {!!$about->vision!!}
                    </div>
                    @endisset
                </div>
            </div>
        </div>
        <div class="col-lg-12">
            <div class="featured-icon-box style6">
                <div class="featured-icon-wrapper">
                    <div class="featured-icon">
                        <div class="prt-icon prt-icon_element-onlytxt prt-icon_element-size-lg prt-icon_element-color-skincolor">
                            @isset ($about->value_image)
                                <img class="img-fluid" src="{{asset('../backend/images/about/'.$about->value_image)}}" alt="">
                            @endisset
                        </div>
                    </div>
                </div>
                <div class="featured-content">
                    @isset($about->value)
                    <div class="featured-desc">
                        <h3>Value</h3>
                        {!!$about->value!!}
                    </div>
                    @endisset
                </div>
            </div>
        </div>
    </div>
</div>
</section>
<!-- why-us-section -->

<!--Start About Section-->
{{-- <section class="prt-row about01-about-section clearfix">
    <div class="container">
        <div class="row">
            <div class="col-lg-6" data-aos="fade-left">
                <!--section-title -->
                <div class="section-title">
                    <div class="title-header">
                        <h3>WHY CHOOSE US </h3>
                        <h2 class="title">Why <span style="font-style:inherit">{{ env('APP_NAME') }}</span></h2>
                        <h5>Make Your Business More Powerful With us ...</h5>
                    </div>
                    <div class="title-desc">
                        <h5 class="mb-0">Affordable Professional Services</h5>
                        <p class="about-text">Proven legal and financial solutions with senior experts.</p>
                        <h5 class="mb-0">Diverse Expert Network</h5>
                        <p class="about-text">Talk to lawyers, chartered accountants (CAs), and company secretaries
                            (CSs) to meet your legal and financial needs.</p>
                        <h5 class="mb-0">Easy-to-use dashboard</h5>
                        <p class="about-text">Streamlined navigation for service requests and tracking.</p>
                        <h5 class="mb-0">Quick Customer Support</h5>
                        <p class="about-text">Queries are responded within 24 hours*.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 d-xl-block d-lg-block d-none" data-aos="fade-right">
                <div class="position-relative text-center text-sm-start">
                    <div class="prt_single_image-wrapper">
                        <img class="img-fluid banner-image" style="width: 480px" src="{{ asset('frontend/images/why-choose.jpg') }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> --}}
<!--End About Section-->

@endsection