@if(!empty($homeAbout))
        <!-- about us area start -->
        <section class="about-us section-padding">
            <div class="container">
                <div class="row align-items-center">
                    @php
                        $aboutTitle = ___($homeAbout, 'title');
                        $aboutKicker = ___($homeAbout, 'meta_keywords');
                        $aboutSubtitle = ___($homeAbout, 'meta_description');
                        $aboutBody = ___($homeAbout, 'description');
                        $aboutImage = $homeAbout->image
                            ? (str_starts_with($homeAbout->image, 'http') || str_starts_with($homeAbout->image, '/')
                                ? $homeAbout->image
                                : '/storage/' . ltrim($homeAbout->image, '/'))
                            : '';
                    @endphp
                    @if($aboutImage)
                    <div class="col-lg-5">
                        <div class="about-thumb">
                            <img src="{{ $aboutImage }}" alt="{{ $aboutTitle ?: __('alts.about_hero') }}">
                        </div>
                    </div>
                    @endif
                    <div class="{{ $aboutImage ? 'col-lg-7' : 'col-12' }}">
                        <div class="about-content">
                            @if($aboutKicker)
                                <p class="section-kicker">{{ $aboutKicker }}</p>
                            @endif
                            @if($aboutTitle)
                                <h2 class="about-title">{{ $aboutTitle }}</h2>
                            @endif
                            @if($aboutSubtitle)
                                <h5 class="about-sub-title">{{ $aboutSubtitle }}</h5>
                            @endif
                            {!! rich_html($aboutBody) !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about us area end -->
        @endif