@extends('frontend.layouts.app')

@section('meta_title'){{ $page->meta_title  ? $page->meta_title :  $page->title_en }}@stop

@section('meta_description'){{ $page->meta_description }}@stop

@section('meta_keywords'){{ $page->meta_keywords }}@stop

@section('meta')
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $page->meta_title }}">
    <meta itemprop="description" content="{{ $page->meta_description }}">
    <meta itemprop="image" content="{{ $page->meta_img }}">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@publisher_handle">
    <meta name="twitter:title" content="{{ $page->meta_title }}">
    <meta name="twitter:description" content="{{ $page->meta_description }}">
    <meta name="twitter:creator" content="@author_handle">
    <meta name="twitter:image" content="{{ $page->meta_img }}">

    <!-- Open Graph data -->
    <meta property="og:title" content="{{ $page->meta_title }}" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="{{ route('page', $page->id) }}" />
    <meta property="og:image" content="{{ $page->meta_img }}" />
    <meta property="og:description" content="{{ $page->meta_description }}" />
    <meta property="og:site_name" content="{{ config('app.name') }}" />
@endsection

@section('content')
<div class="clearfix"></div>

<section class="headings">
    <div class="text-heading text-center">
        <div class="container">
            <h1>{{$page->title_en}}</h1>
            <h2><a href="{{route('home')}}">Home </a> &nbsp;/&nbsp; {{$page->title_en}}</h2>
        </div>
    </div>
</section>
<!-- END SECTION HEADINGS -->







<style>
    .shadow-box{
        background: #fff;
    -webkit-box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 40px 0 rgb(0 0 0 / 10%);
    height: 100%;
    position: relative;
    }
    .page-title{
        padding-top: 30px;
    }
    .page-title h2::after{
        display: none !important;
    }
    .page-title h2{
            color: #686D52 !important;
        }
    .pftext{
        width: calc(100% - 120px);
        margin: auto;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pftext p span{
        font-size: 17px !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
        display: block;
        color: #000 !important;
    }
    @media(max-width:767.98px){
        .overlappingDesc {
            width: calc(100% - 40px);
            padding: 15px 25px;
            margin-top: 20px;
        }
        .pftext{
            width: calc(100% - 40px);
        }
    }
</style>






<!-- START SECTION CONTACT US -->
<section class="about-us fh">
    <div class="container">
        <div class="shadow-box">
            <div class="page-title">
                <h2 class="text-center">{{$page->title_en}}</h2>
            </div>
            <div class="pftext">
                    <p class="">
                       {!! $page->desc_en !!}
                    </p>
            </div>
        </div>
    </div>
</section>
<!-- END SECTION CONTACT US -->

@endsection 

@section('script')
<script>
       
    </script>

@endsection