@extends('site::layouts.master')

@section('title', $pageTitle ?? 'About Us')

@section('content')

    <x-frontend.breadcrumbs title="{{ $pageTitle ?? 'About Us' }}" active="{{ $pageTitle ?? 'About Us' }}" />

    @if ($post)
        <!-- About Section -->
        <section class="container mt-5">
            <div class="row">
                <div class="content-column col-lg-7 col-md-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                    <div class="inner-column">
                        <div class="sec-title">
                            <span class="sub-title">About Our Company</span> <br>
                            {!! $post->content ?? '-' !!}
                        </div>
                    </div>
                </div>
                <!-- Image Column -->
                <div class="image-column col-lg-5 col-md-12">
                    <div class="inner-column wow fadeInLeft">
                        @if ($post && $post->feature_image)
                            <figure class="image overlay-anim wow fadeInUp">
                                <img src="{{ asset('uploads/posts/' . $post->feature_image) }}" alt="">
                            </figure>
                        @else
                            <figure class="image overlay-anim wow fadeInUp">
                                <img src="https://via.placeholder.com/712x492" alt="About Us">
                            </figure>
                        @endif
                    </div>
                </div>
            </div>
        </section>
        <!--Emd About Section -->
        <hr>
    @endif
    <!-- Team Section -->

    <x-frontend.our-team-slider />

    <x-frontend.home-institutes />

@endsection