diff --git a/app/[locale]/(public)/content/video/detail/[id]/page.tsx b/app/[locale]/(public)/content/video/detail/[id]/page.tsx
index a1ad7fd..0b0f090 100644
--- a/app/[locale]/(public)/content/video/detail/[id]/page.tsx
+++ b/app/[locale]/(public)/content/video/detail/[id]/page.tsx
@@ -5,7 +5,15 @@ import DetailVideo from "@/components/main/content/video-detail";
 
 export default function DetailVideoInfo() {
   const params = useParams();
-  const id = params?.id as string;
+  // const id = params?.id as string;
+  const idParam = params?.id;
+
+  const id =
+    typeof idParam === "string"
+      ? Number(idParam)
+      : Array.isArray(idParam)
+      ? Number(idParam[0])
+      : 0;
 
   return <DetailVideo id={id} />;
 }
diff --git a/app/[locale]/(public)/for-you/archives/page.tsx b/app/[locale]/(public)/for-you/archives/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/[locale]/(public)/tenant/[slug]/content/audio/detail/[id]/page.tsx b/app/[locale]/(public)/tenant/[slug]/content/audio/detail/[id]/page.tsx
index 542f952..f87fb88 100644
--- a/app/[locale]/(public)/tenant/[slug]/content/audio/detail/[id]/page.tsx
+++ b/app/[locale]/(public)/tenant/[slug]/content/audio/detail/[id]/page.tsx
@@ -5,7 +5,16 @@ import AudioDetail from "@/components/main/content/audio-detail";
 
 export default function DetailAudioInfo() {
   const params = useParams();
-  const id = params?.id as string;
+  // const id = params?.id as string;
+  const idParam = params?.id;
+
+  const id =
+    typeof idParam === "string"
+      ? Number(idParam)
+      : Array.isArray(idParam)
+      ? Number(idParam[0])
+      : 0;
+
 
   return <AudioDetail id={id} />;
 }
diff --git a/app/[locale]/(public)/tenant/[slug]/content/text/detail/[id]/page.tsx b/app/[locale]/(public)/tenant/[slug]/content/text/detail/[id]/page.tsx
index a1ff3af..bef875a 100644
--- a/app/[locale]/(public)/tenant/[slug]/content/text/detail/[id]/page.tsx
+++ b/app/[locale]/(public)/tenant/[slug]/content/text/detail/[id]/page.tsx
@@ -5,7 +5,16 @@ import DocumentDetail from "@/components/main/content/document-detail";
 
 export default function DetailDocumentInfo() {
   const params = useParams();
-  const id = params?.id as string;
+  // const id = params?.id as string;
+  const idParam = params?.id;
+
+  const id =
+    typeof idParam === "string"
+      ? Number(idParam)
+      : Array.isArray(idParam)
+      ? Number(idParam[0])
+      : 0;
+
 
   return <DocumentDetail id={id} />;
 }
diff --git a/app/[locale]/(public)/tenant/[slug]/content/video/detail/[id]/page.tsx b/app/[locale]/(public)/tenant/[slug]/content/video/detail/[id]/page.tsx
index a1ad7fd..0b0f090 100644
--- a/app/[locale]/(public)/tenant/[slug]/content/video/detail/[id]/page.tsx
+++ b/app/[locale]/(public)/tenant/[slug]/content/video/detail/[id]/page.tsx
@@ -5,7 +5,15 @@ import DetailVideo from "@/components/main/content/video-detail";
 
 export default function DetailVideoInfo() {
   const params = useParams();
-  const id = params?.id as string;
+  // const id = params?.id as string;
+  const idParam = params?.id;
+
+  const id =
+    typeof idParam === "string"
+      ? Number(idParam)
+      : Array.isArray(idParam)
+      ? Number(idParam[0])
+      : 0;
 
   return <DetailVideo id={id} />;
 }
diff --git a/components/main/content/video-detail.tsx b/components/main/content/video-detail.tsx
index 9795a7f..19ead0c 100644
--- a/components/main/content/video-detail.tsx
+++ b/components/main/content/video-detail.tsx
@@ -18,7 +18,7 @@ import {
 import { getDetail, getArticleDetail } from "@/service/landing/landing";
 import VideoPlayer from "@/utils/video-player";
 
-export default function VideoDetail({ id }: { id: string }) {
+export default function VideoDetail({ id }: { id: number }) {
   const [copied, setCopied] = useState(false);
   const [showShareMenu, setShowShareMenu] = useState(false);
   const [data, setData] = useState<any>(null);