<x-app-layout :metaTitle="$page->meta_title ??  'The Blogs' " :metaDescription="$page->meta_description ?? ' ' ">

        <!-- Post Section -->
        <section class="w-full md:w-2/3 flex flex-col items-center px-3">

            <article class="flex flex-col my-4">
                <!-- Article Image -->
                <a href="#" class="hover:opacity-75">
                    <img src="/storage/{{$page->image}}">
                </a>
                <div class="flex flex-col justify-start p-6">
            
        
                    <h1 class="text-3xl font-bold hover:text-gray-700 pb-4">{{$page->title}}</h1>
                    
                    <div>{!! $page->body !!}</div>

                    
                </div>
            </article>
</x-app-layout>