<template>
    <div class="flex flex-col min-h-screen">
        <TopNavBar1 class="mb-3" />
        <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" />
        <div class="mt-3 bg-yellow-50"></div>
        <StickyFooter />
    </div>
</template>

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