<script setup lang="ts">
const $q = useQuasar()

// บังคับให้หน้า Landing Page เคลียร์ Dark Mode ของระบบทิ้ง
useHead({
  htmlAttrs: {
    class: 'light',
    style: 'background-color: #ffffff'
  },
  bodyAttrs: {
    class: 'light',
    style: 'background-color: #ffffff'
  }
})

onMounted(() => {
  $q.dark.set(false)
})
</script>


<template>
  <q-layout view="lHh LpR lFf" class="bg-white text-slate-900">

    
    <!-- ส่วนหัวของเพจ (แบบโปร่งใส และซ้อนทับให้โชว์เนื้อหาพื้นหลังได้) -->
    <q-header class="bg-transparent" style="height: auto;">
      <LandingHeader />
    </q-header>

    <!-- ส่วนเนื้อหาหลัก -->
    <!-- แทรก style padding-top: 0 บังคับให้เนื้อหาใต้ Header ชนชิดด้านบนสุด (ทำเป็น Hero section สวยๆ) -->
    <q-page-container style="padding-top: 0 !important;">
      <q-page>
        <slot />
      </q-page>
    </q-page-container>

    <!-- ส่วนท้ายของเพจ -->
    <LandingFooter />


  </q-layout>
</template>
