<div class="about-us">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 order-lg-1 order-2">
                <!-- About Us Image Start -->
                <div class="about-us-image">
                    <figure class="image-anime reveal">
                        <img src="{{ asset('images/about-company/' . $aboutCompany->image) }}" alt="">
                    </figure>
                </div>
                <!-- About Us Image End -->
            </div>

            <div class="col-lg-6  order-lg-2 order-1">
                <!-- About Us Content Start -->
                <div class="about-us-content">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">About us</h3>
                        <h2 class="text-anime-style-2" data-cursor="-opaque">{{ $aboutCompany->title }}</span></h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">{!! $aboutCompany->details !!}</p>
                    </div>
                    <!-- Section Title End -->

                    <!-- About Counter Box Start -->
                    <div class="about-counter-box">
                        <!-- About Counter Item Start -->
                        <div class="about-counter-item">
                            <h2><span class="counter">{{ $commonWebData['count_one'] }}</span>%</h2>
                            <p>Our customer satisfaction rate stands at impressive</p>
                        </div>
                        <!-- About Counter Item End -->

                        <!-- About Counter Item Start -->
                        <div class="about-counter-item">
                            <h2><span class="counter">{{ $commonWebData['count_two'] }}</span>+</h2>
                            <p>Helping families and businesses to their new destinations</p>
                        </div>
                        <!-- About Counter Item End -->
                    </div>
                    <!-- About Counter Box End -->

                    <!-- About Us Button Start -->
                    <div class="about-us-btn wow fadeInUp" data-wow-delay="0.4s">
                        <a href="{{ route('about-us') }}" class="btn-default">more about us</a>
                    </div>
                    <!-- About Us Button End -->
                </div>
                <!-- About Us Content End -->
            </div>

            <div class="col-lg-12 order-3">
                <!-- About Owner Box Start -->
                <div class="about-owner-box">
                    <!-- About Owner Info Start -->
                    <div class="about-owner-info">
                        <div class="about-owner-content wow fadeInUp">
                            <p>{!! $commonWebData['owner_message'] !!}</p>
                        </div>
                        <div class="about-owner-info-body wow fadeInUp" data-wow-delay="0.2s">
                            {{-- <div class="about-owner-signature"> --}}
                                {{-- <div class="about-owner-signature">
                                        <img src="{{ asset('images/web-properties/' . $commonWebData['owner_signature_image']) }}" alt="">
                                    </div>
                                    </div> --}}
                                <div class="about-owner-info-content">
                                    <h3>{{ $commonWebData['owner_name'] }}</h3>
                                    
                                    {{-- <h3>{{  $commonWebData['owner_name']  }}</h3> --}}
                                    <p>A Message from the {{ $commonWebData['owner_designation'] }}</p>
                                </div>
                            </div>
                        </div>
                        <!-- About Owner Info End -->

                        <!-- About Owner Image Start -->
                        <div class="about-owner-image">
                            <figure class="image-anime reveal">
                                <img src="{{ asset('../website/images/about-owner-image.jpg') }}" alt="">
                            </figure>
                        </div>
                        <!-- About Owner Image End -->
                    </div>
                    <!-- About Owner Box End -->
                </div>
            </div>
        </div>
    </div>
