<script setup>
import TopNavbar from "../components/TopNavbar.vue";
import AppFooter from "../components/AppFooter.vue";
</script>

<template>
  <div class="min-h-screen flex flex-col bg-slate-50 relative overflow-hidden">
    <!-- Background Decor Blobs -->
    <div
      class="fixed top-[-10%] right-[-10%] w-[40%] h-[40%] bg-blue-100/40 rounded-full blur-[120px] -z-0"
    ></div>
    <div
      class="fixed bottom-[-10%] left-[-10%] w-[30%] h-[40%] bg-purple-50/50 rounded-full blur-[100px] -z-0"
    ></div>

    <TopNavbar class="relative z-10" />
    <main class="flex-grow pt-16 relative z-10">
      <router-view />
    </main>
    <AppFooter class="relative z-10" />
  </div>
</template>
