// src/views/LandingLayout.vue
<template>
  <div class="landing-layout">
    <main>
      <router-view></router-view>
    </main>

  </div>
</template>

<script setup>
// ถ้ามี Background Image หรือ Logic อื่นๆ ที่เป็นของ Layout เท่านั้น ค่อยเพิ่มเข้ามา
</script>

<style scoped>
/* สไตล์สำหรับ Landing Layout โดยรวม เช่น background */
.landing-layout {
  min-height: 100vh; /* ทำให้ Layout สูงเต็มหน้าจอ */
  display: flex;
  flex-direction: column;
  justify-content: center; /* จัดเนื้อหาตรงกลางแนวตั้ง */
  align-items: center;   /* จัดเนื้อหาตรงกลางแนวนอน */
  /* ถ้าต้องการ Background Image สำหรับ Layout ทั้งหมด */
  background-image: url('/images/moroccan-flower.png');
  /* background-size: cover; */
  /* background-position: center; */
}

main {
  flex-grow: 1; /* ทำให้ main ขยายเต็มพื้นที่ที่เหลือ */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
</style>