@extends("front.layout")

@section("content")

<div class="container-fluid breadcum-header py-3">
    <div class="container py-3">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <h4 class="display-4 mb-3 animated slideInDown">About Us</h4>
                <nav aria-label="breadcrumb animated slideInDown">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{url("/")}}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">About Us</li>
                    </ol>
                </nav>
            </div>
            <div class="col-lg-6 animated fadeIn">
                &nbsp;
            </div>
        </div>
    </div>
</div><!-- Header End -->

<div class="container-xxl py-5">
    <div class="container">
        <div class="row g-5 align-items-center">
            @if(!empty($page->image_url))
            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                <img class="img-fluid" src="{{$page->image_url}}" alt="">
            </div>
            @endif
            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="h-100">
                    <h4 class="display-4">{{$page->title ?? ''}}</h4>
                    <div>
                        {!! $page->content !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- About End -->

@endsection