@extends('layouts.main-layout')
@section('header', true)
@section('footer', true)

@section('content')
    @yield('before_content')
    <div class="container mx-auto px-4 p-8 sm:p-20">
        <div class="container max-w-[524px] mx-auto">
            @yield('book-content')
        </div>
    </div>
    @yield('after_content')

    @if($__env->hasSection('useful-information-content'))
        <div class="bg-gray-100 p-4 sm:px-8 md:px-20 md:py-16">
            <h3 class="leading-tight text-3xl font-bold text-primary-900">Useful information</h3>
                <div class="flex flex-col lg:flex-row border-t border-t-gray-200 gap-x-8 pt-8 mt-8 gap-y-6">
                    @yield('useful-information-content')
                </div>
        </div>
    @endif
@endsection