﻿<template>

  <div class="flex flex-col min-h-screen max-w-[1100px] mx-auto">
    <div v-if="brandingStore.loading">
      <v-progress-linear indeterminate></v-progress-linear>
    </div>
    <div v-else>
      <banner></banner>
    </div>
    <div class="py-8 flex-grow">
      <router-view></router-view>
    </div>

    <div>
      <Footer></Footer>
    </div>

  </div>

</template>

<script async setup>
import Banner from "@/views/creators/Banner.vue";
import Footer from "@/views/main/Footer.vue";
import {useBrandingStore} from "@/stores/brandingStore.js";
const brandingStore = useBrandingStore()
</script>
