@extends('layout.app')

@section('title')
    {{ $page->title }}
@endsection

@section('content')
<div class="wrapper" style="background-image: url(/front/dist/img/about-us-bg.png)">
    <main>
        @include('parts.header-panel')
        @include('parts.header')

        <div class="breadcrumbs">
            <div class="container">
                <div class="breadcrumbs__inner">
                    <ul class="breadcrumbs__list">
                        <li><a href="#">{!! Translation::trans('breadcrumbs.home', 'Home') !!}</a></li>
                        <li>
                            <span>{{ $page->title }}</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <section class="about-us">
            <div class="container">
                <div class="about-us__inner">
                    <div class="about-us__inner-title">
                        <h1>
                            {{ !empty($page->h1) ? $page->h1 : $page->title }}
                        </h1>
                    </div>
                    <div class="about-us__inner-col flex-direction">
                        {!! $page->description !!}
                    </div>
                </div>
            </div>
        </section>
    </main>
</div>
@endsection