<x-app-layout>
    @include('home.partials.branding')

    @include('admin.home.alert')

    <!-- Recently Released -->
    <div class="mx-auto pt-2 sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[85%] z-10">
        @include('home.partials.tabs-top')
    </div>
    <br><br>

    <!-- Recently Uploaded -->
    <div class="mx-auto sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[85%]">
        @include('home.partials.tabs-middle')
    </div>

    <!-- Categories  -->
    <div class="mx-auto pt-6 sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[85%]">
        @include('home.partials.categories')
    </div>

    <!-- Random  -->
    <div class="mx-auto pt-6 sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[85%]">
        @include('home.partials.random')
    </div>

    <!-- Comments  -->
    <div class="mx-auto pt-6 sm:px-6 lg:px-8 space-y-6 max-w-[100%] xl:max-w-[95%] 2xl:max-w-[85%] pb-2">
        @include('home.partials.comments')
    </div>

    @vite(['resources/js/responsive.js'])
</x-app-layout>