@extends('front.layouts.app')

@section('content')

@include('front.common.breadcrumb')

<section class="about-us-us hello-flower-section commen-space">

    <div class="container">

        <div class="row">
            @if(!empty($aboutUs) || !is_null($aboutUs))

            <div class="col-12">
                <div class="for-md-screen">
                    <div class="for-padd-uss float-md-left mr-md-4 mb-2 mb-md-0">
                        <a class="card-link thumbnail" href="#" data-toggle="modal"
                            data-image="{!! asset($aboutUs->image) !!}" data-target="#image-gallery" data-image-id="">
                            <div
                                class="hellow-flower-img d-flex justify-content-center align-items-center position-relative mx-auto">
                                <img src="{{ imageUrl(url($aboutUs->image),555,555,95,2) }}" class="img-fluid"
                                    alt="img">
                            </div>
                        </a>
                    </div>
                    <div class="for-padd-us">
                        <div class="inner-services-us">
                            <h2 class="our-sercices-us-tittle">{!! $aboutUs->translation->title !!}</h2>
                        </div>

                        <div class="about-content-us services-text-setting">
                            {!! $aboutUs->translation->content !!}
                        </div>
                    </div>
                </div>
            </div>

                @else
                <div class="alert alert-info card-padd-hah">
                    {!! __('No record found.') !!}
                </div>
            @endif

        </div>
    </div>
</section>
@endsection