@extends('layouts.frontend')
@section('content')
<div class="section pattern-bg inner-section wf-section">
    <div class="container w-container" data-ix="fade-from-bottom">
        <div class="ttitle">{{ $page->title }}</div>
        <div class="grey-text">{{ $page->sub_title }}</div>
    </div>
    @if($image = $page->getMedia('top_image'))
    <div class="content-b" data-ix="fade-from-bottom">
        <img src="{{ $image->path }}" alt="" class="image">
    </div>
    @endif
    <div class="container w-container" data-ix="fade-from-bottom">
        <div class="about-content-b">
            <div class="pink-text"><strong>{{ $page->top_heading }}</strong></div>
        </div>
        <div class="about-content-b">
            @editor($page->top_description)
        </div>
        <div class="content-b">
            <div class="about-content-row">
                @if($image = $page->getMedia('bottom_image'))
                <div class="about-content-col-l">
                    <img src="{{ $image->getResizedImage(970) }}" alt="">
                </div>
                @endif
                <div class="about-content-col-r">
                    <div class="pink-text"><strong>{{ $page->bottom_heading }}</strong></div>
                    <div class="about-content-b">
                        @editor($page->bottom_description)
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection