@extends('front.layouts.master')

@section('content')

<main>
    <div class="mb-4 pb-4"></div>
    <section class="about-us container">
        <div class="mw-930">
            <h2 class="page-title">{{  $page->getTranslatedAttribute('title') }}</h2>
        </div>
        <div class="about-us__content pb-5 mb-5">
            @if($page->hasCover())
            <p class="mb-5">
                <img loading="lazy" class="w-100 h-auto d-block" src="{{  asset('storage/' . $page->cover) }}" width="1410" height="550" alt="{{  $page->getTranslatedAttribute('title') }}" />
            </p>
            @endif
            <div class="mw-930">
                {!! $page->getTranslatedAttribute('body') !!}
            </div>
        </div>
    </section>
    <!-- /.products-carousel container -->
</main>

@endsection