<template>
    <body class="flex flex-col min-h-screen">
        <header>
            <TopNavBar1 class="mb-3" />
        </header>
        <main>
            <slot class="bg-gray-50 mt-5 sm:px-3 lg:px-5" />
            <!-- It is cushion -->
            <div class="flex-grow justify-center"></div>
            <BaseModal1 />
            <Footer1 class="mt-3" />
        </main>

        <footer class="sticky top-[100vh]"><StickyFooter /></footer>
    </body>
</template>

<script setup lang="ts">
import TopNavBar1 from '../components/TopNavBar1.vue';
</script>
