<template>
  <div
    class="bg-bg-light dark:bg-bg-dark font-inter flex min-h-screen flex-col overflow-hidden"
  >
    <HeaderBlock />
    <div class="flex-1">
      <HeaderHero />
      <slot />
    </div>
    <!-- <footer-block /> -->
  </div>
</template>

<script setup lang="ts">
import HeaderHero from "~/components/sections/main-page/HeaderHero.vue";

useHead({
  link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.png" }],
});
</script>
