<script setup>
import JetBanner from "@/Jetstream/Banner.vue";
import BaseLayout from "@/Layouts/BaseLayout";
import MainNavbar from "@/components/Navbars/MainNavbar";
import SuperNav from "@/components/Navbars/SuperNav";
import HomeNavbar from "@/components/Navbars/HomeNavbar";
import HomeFooter from "@/components/Footers/HomeFooter";

defineProps({
    title: String,
});
</script>
<style></style>
<template>
    <BaseLayout :title="title">
        <JetBanner />
        <div class="flex flex-col w-full min-h-screen bg-blue-100">
            <SuperNav />
            <MainNavbar />
            <main
                id="main"
                ref="main"
                class="flex flex-col flex-1 overflow-y-auto"
            >
                <slot />
            </main>
        </div>
        <HomeFooter />
    </BaseLayout>
</template>

<style>
body {
    overflow: auto !important;
}
</style>
