@props(["title" => app_name(), "sub_title" => ""])

<section class="bg-gray-100 py-20 text-gray-600 dark:bg-gray-800 dark:text-gray-400">
    <div class="container mx-auto flex flex-col items-center justify-center px-5">
        <div class="w-full text-center lg:w-2/3">
            {!! $sub_title !!}

            <h1 class="mb-4 text-3xl font-medium text-gray-800 dark:text-gray-200 sm:text-4xl">
                {!! $title !!}
            </h1>

            {!! $slot !!}

            @include("frontend.includes.messages")
        </div>
    </div>
</section>