@extends('layouts.frontend')
@section('headerMeta')
<title>{{ $metaTitle }}</title>

<meta name="title" content="{{ $metaTitle }}">
<meta name="description" content="{{ $metaDescription }}">
<meta name="keywords" content="{{ $metaKeywords }}">

<meta name='og:title' content="{{ $metaTitle }}">
<meta name='og:image' content="{{ asset( $metaImage) }}">
<meta name='og:site_name' content="{{ $metaTitle }}">
<meta name='og:description' content="{{ $metaDescription }}">
@endsection

@section('content')
@if ($info->status == 'publish')
<!-- Page Title -->
@include('layouts.frontend-partial.breadcrumb')
<!-- History Section -->
<div class="container">
    {{-- @if (!empty($info->featured_image))
    <div class="aspect-[370/251] block rounded-[20px] overflow-hidden">
        <img class="w-full h-full object-cover" src="{{ asset($info->featured_image) }}" width="370" height="251"
            alt="feature image">
    </div>
    @endif --}}
    <div
        class="py-10 prose prose-headings:mt-[.8em] prose-headings:md:mt-[1.2em] prose-headings:mb-[.2em] prose-headings:text-darkblue prose-headings:md:mb-[.5em] prose-p:my-[.5em] prose-p:md:my-[.8em] prose-ul:my-[.5em] prose-ul:md:my-[.8em]">
        {!! $info->description !!}
    </div>
</div>
@else
<h4>This page is under construction.</h4>
@endif
@endsection