@extends('front.layouts.app')

@section('title', $content->meta_title ?: $content->title)
@section('meta_description', $content->meta_description)
@section('meta_keywords', $content->meta_keyword)

@section('content')
<div class="cms-page">
    <div class="container">
        <div class="row">
            <div class="col-12">
                
                <!-- Page Header -->
                <div class="page-header text-center py-5">
                    <h1 class="page-title">{{ $content->title }}</h1>
                    @if($content->short_description)
                        <p class="page-subtitle lead">{{ $content->short_description }}</p>
                    @endif
                </div>

                <!-- Main Content -->
                <div class="page-content ">
                    <div class="content-body mb-5">
                        {!! $content->long_description !!}
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection