<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

    <!---- Header Section ------>
    <x-head :metaTitle="$metaTitle" :metaDescription="$metaDescription" />

    <!----- Body Section ------->
    <body class="bg-white font-family-karla bg-gray-100">

        <!-- Text Header -->
        <x-header />

        <!-- Topic Nav ---->           

        <div class="container mx-auto flex flex-wrap py-4">

            <!-- Data Section -->
            {{ $slot }}

        </div>

        <x-footer />

    </body>

</html>