feat : update

app/page.tsx

@@ -3,6 +3,7 @@ import { Suspense } from "react";
 
 import { LiveRefresh } from "@/components/live-refresh";
 import { GoogleAdsense } from "@/components/public/google-adsense";
+import { DirectorySkeleton } from "@/components/public/directory-skeleton";
 import { SiteFooter } from "@/components/public/site-footer";
 import { StructuredDirectory } from "@/components/public/structured-directory";
 import { SiteHeader } from "@/components/public/site-header";
@@ -23,13 +24,13 @@ export default function HomePage() {
       <main className="mx-auto flex w-full max-w-7xl flex-col gap-8 px-4 pt-4 pb-10 sm:px-6 sm:pt-6 sm:pb-14">
         <header className="max-w-3xl">
           <h1 className="font-heading text-4xl font-semibold">
-            เลือกตัวละครแล้วส่องดูได้เลย
+            เลือกตัวละครแล้วส่องดู
           </h1>
           <p className="mt-3 text-lg leading-8 text-muted-foreground">
             ไกด์ตัวละคร อาวุธ อาร์ติแฟกต์ กลุ่มดาว ดาเมทแต่ละทีม และ ส่วนเสริมเล็กๆน้อยๆ
           </p>
         </header>
-        <Suspense fallback={<div className="min-h-svh" aria-hidden="true" />}>
+        <Suspense fallback={<DirectorySkeleton />}>
           <DirectoryContent />
         </Suspense>
       </main>