<template>
  <div class="flex flex-col min-h-screen">
    <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe 
        src="https://www.googletagmanager.com/ns.html?id=GTM-NHN59C23"
        height="0" 
        width="0" 
        style="display:none;visibility:hidden">
      </iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->
    
    <!-- 页面加载动画 -->
    <div v-if="pageLoading" class="page-loader">
      <div class="loader-spinner"></div>
    </div>
    
    <!-- 导航栏 -->
    <NavBar />
    
    <!-- 页面内容 -->
    <main class="flex-grow">
      <slot />
    </main>
    
    <!-- 页脚 -->
    <FooterSection />
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue';

const pageLoading = ref(true);

onMounted(() => {
  setTimeout(() => {
    pageLoading.value = false;
  }, 500);
});
</script> 