@extends('master')
@section('title')
    {{$title}}
@endsection

@section('content')
<style>
 table {
        border-collapse: collapse; /* Ensures borders don't overlap */
        width: 100%; /* Optional, for full width */
        border: 2px solid black; /* Black border for the table */
    }

    th, td {
        border: 2px solid black; /* Black border for cells */
        padding: 8px; /* Optional, for spacing */
        text-align: left; /* Optional, adjust text alignment */
    }

    tr {
        border: 2px solid black; /* Black border for rows */
    }
</style>
<div class="p-6 bg-gray-100 min-h-screen flex items-center justify-center">
    <div class="w-full max-w-2xl mx-auto bg-white shadow-lg rounded-lg p-8">
        <h2 class="text-2xl font-bold  mb-6 text-center text-blue-400">Menu Post Details</h2>
        <hr class="border-2 border-black">

        <h3 class="text-xl font-semibold text-gray-700 mb-4">{{ $data->heading }}</h3>

        <div class="container text-gray-600 leading-relaxed space-y-4">
            {!! $data->description !!}
        </div>
    </div> 
</div>


@endsection