feat: Scaffold new Nuxt.js application with initial pages, layouts, composables, and middleware.

Frontend-Learner/pages/index.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
+/**
+ * @file index.vue
+ * @description หน้า Landing Page (หน้าแรกของเว็บสำหรับ Guest)
+ * ใช้ Layout: 'landing' (ไม่มี Sidebar / Navbar แบบ Dashboard)
+ */
 definePageMeta({
   layout: 'landing',
-  middleware: 'auth'
+  middleware: 'auth' // ใช้ auth middleware เพื่อเช็ค: ถ้า Login แล้วให้ดีดไป Dashboard
 })
 
 useHead({
@@ -18,7 +23,7 @@ useHead({
       <div class="absolute bottom-[-20%] left-[-10%] w-[60%] h-[60%] rounded-full bg-indigo-600/10 blur-[140px] animate-pulse-slow" style="animation-delay: 3s;"/>
     </div>
 
-    <!-- Hero Section -->
+    <!-- Hero Section: ส่วนหัวของหน้าเว็บ แสดงข้อความต้อนรับและปุ่ม CTA -->
     <section class="hero-section min-h-[95vh] flex items-center relative overflow-hidden pt-32 pb-20">
       <div class="container relative z-10 w-full">
         <div class="grid-hero items-center">
@@ -135,7 +140,7 @@ useHead({
       </div>
     </section>
 
-    <!-- Platform Info Section -->
+    <!-- Platform Info Section: ส่วนแสดงจุดเด่นของแพลตฟอร์ม (Features) -->
     <section class="info-section py-40 bg-slate-900 relative transition-colors">
       <!-- Background detail -->
       <div class="absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent"/>