@extends('layouts.app')
@section('title', $page->name)
@section('content')
    <div class="container mx-auto my-5 p-4">
        <div class="grid grid-cols-1 md:grid-cols-12 gap-6">
            <!-- Main Content (9 Columns) -->
            <div class="md:col-span-9">
                {{ Breadcrumbs::render('page', $page) }}
                <h1 class="text-3xl font-bold text-gray-800 mb-4">{{ $page->name }}</h1>
                @if ($page->description)
                    <p class="text-gray-600 text-lg font-bold mb-4">{{ $page->description }}</p>
                @endif
                <div class="content text-gray-700">
                    {!! $page->content !!}
                </div>


            </div>
            <!-- Sidebar (3 Columns) -->
            <div class="md:col-span-3">
                @include('partials.sidebar')
            </div>

        </div>
    </div>

@endsection