diff --git a/components/landing-page/filter-all/audio-filter-card.tsx b/components/landing-page/filter-all/audio-filter-card.tsx
index b1140454..10711b42 100644
--- a/components/landing-page/filter-all/audio-filter-card.tsx
+++ b/components/landing-page/filter-all/audio-filter-card.tsx
@@ -77,11 +77,16 @@ export default function FilterAudioComponent(props: {
     let startDateFilter = startDateString ? startDateString : "";
     let endDateFilter = endDateString ? endDateString : "";
     let monthFilter = monthYearFilter ? monthYearFilter : "";
+    const search = title == undefined ? "" : title;
 
+    const filter =
+      categoryFilter?.length > 0
+        ? categoryFilter?.sort().join(",")
+        : categorie || "";
     const response = await listDataRegional(
       "4",
-      "",
-      "",
+      search,
+      filter,
       "",
       "",
       startDateFilter,
@@ -95,7 +100,8 @@ export default function FilterAudioComponent(props: {
     const contentData = data?.content;
     setNewContent(contentData);
     setTotalData(data?.totalElements);
-    // setLoading(false);
+    setTotalPage(data?.totalPages);
+    setTotalContent(data?.totalElements);
   }
 
   useEffect(() => {
diff --git a/components/landing-page/filter-all/document-filter-card.tsx b/components/landing-page/filter-all/document-filter-card.tsx
index 550a125f..82b74550 100644
--- a/components/landing-page/filter-all/document-filter-card.tsx
+++ b/components/landing-page/filter-all/document-filter-card.tsx
@@ -79,10 +79,16 @@ export default function FilterDocumentComponent(props: {
     let endDateFilter = endDateString ? endDateString : "";
     let monthFilter = monthYearFilter ? monthYearFilter : "";
 
+    const search = title == undefined ? "" : title;
+    const filter =
+      categoryFilter?.length > 0
+        ? categoryFilter?.sort().join(",")
+        : categorie || "";
+        
     const response = await listDataRegional(
       "3",
-      "",
-      "",
+      search,
+      filter,
       "",
       "",
       startDateFilter,
@@ -96,7 +102,8 @@ export default function FilterDocumentComponent(props: {
     const contentData = data?.content;
     setNewContent(contentData);
     setTotalData(data?.totalElements);
-    // setLoading(false);
+    setTotalPage(data?.totalPages);
+    setTotalContent(data?.totalElements);
   }
 
   async function getDataAll() {
diff --git a/components/landing-page/filter-all/image-filter-card.tsx b/components/landing-page/filter-all/image-filter-card.tsx
index adb9f7a2..248b06d8 100644
--- a/components/landing-page/filter-all/image-filter-card.tsx
+++ b/components/landing-page/filter-all/image-filter-card.tsx
@@ -117,10 +117,16 @@ export default function FilterImageComponent(props: {
     let endDateFilter = endDateString ? endDateString : "";
     let monthFilter = monthYearFilter ? monthYearFilter : "";
 
+    const search = title == undefined ? "" : title;
+    const filter =
+      categoryFilter?.length > 0
+        ? categoryFilter?.sort().join(",")
+        : categorie || "";
+
     const response = await listDataRegional(
       "1",
-      "",
-      "",
+      search,
+      filter,
       "",
       "",
       startDateFilter,
@@ -134,7 +140,8 @@ export default function FilterImageComponent(props: {
     const contentData = data?.content;
     setNewContent(contentData);
     setTotalData(data?.totalElements);
-    // setLoading(false);
+    setTotalPage(data?.totalPages);
+    setTotalContent(data?.totalElements);
   }
 
   const basePath = asPath.includes("/polda/")
@@ -205,17 +212,19 @@ export default function FilterImageComponent(props: {
                   // whileHover={{ scale: 0.95 }}
                   // transition={{ duration: 0.3 }}
                 >
-                  <Image
-                    priority={true}
-                    // placeholder={`data:image/svg+xml;base64,${toBase64(
-                    //   shimmer(700, 475)
-                    // )}`}
-                    width={2560}
-                    height={1440}
-                    alt="image"
-                    src={image?.smallThumbnailLink}
-                    className="w-full h-full object-cover"
-                  />
+                  {image?.thumbnailLink &&
+                    <Image
+                      priority={true}
+                      // placeholder={`data:image/svg+xml;base64,${toBase64(
+                      //   shimmer(700, 475)
+                      // )}`}
+                      width={2560}
+                      height={1440}
+                      alt="image"
+                      src={image?.thumbnailLink}
+                      className="w-full h-full object-cover"
+                    />
+                  }
                 </div>
 
                 {/* Badge category */}
diff --git a/components/landing-page/filter-all/indeks-filter-card.tsx b/components/landing-page/filter-all/indeks-filter-card.tsx
index 76592bf9..c32f159d 100644
--- a/components/landing-page/filter-all/indeks-filter-card.tsx
+++ b/components/landing-page/filter-all/indeks-filter-card.tsx
@@ -171,14 +171,16 @@ export default function IndeksCarouselComponent(props: {
                 className="cursor-pointer relative group overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300"
               >
                 <div className="w-full h-48 lg:h-60">
-                  <Image
-                    priority
-                    width={2560}
-                    height={1440}
-                    alt="image"
-                    src={image?.thumbnailLink}
-                    className="w-full h-full object-cover"
-                  />
+                  {image?.thumbnailLink && 
+                    <Image
+                      priority
+                      width={2560}
+                      height={1440}
+                      alt="image"
+                      src={image?.thumbnailLink}
+                      className="w-full h-full object-cover"
+                    />
+                  }
                 </div>
 
                 <div className="p-4 h-full flex flex-col justify-between">
diff --git a/components/landing-page/filter-all/video-filter-card.tsx b/components/landing-page/filter-all/video-filter-card.tsx
index 5e5d415a..100ff296 100644
--- a/components/landing-page/filter-all/video-filter-card.tsx
+++ b/components/landing-page/filter-all/video-filter-card.tsx
@@ -79,10 +79,16 @@ export default function FilterVideoComponent(props: {
     let endDateFilter = endDateString ? endDateString : "";
     let monthFilter = monthYearFilter ? monthYearFilter : "";
 
+    const search = title == undefined ? "" : title;
+    const filter =
+      categoryFilter?.length > 0
+        ? categoryFilter?.sort().join(",")
+        : categorie || "";
+
     const response = await listDataRegional(
       "2",
-      "",
-      "",
+      search,
+      filter,
       "",
       "",
       startDateFilter,
@@ -96,7 +102,8 @@ export default function FilterVideoComponent(props: {
     const contentData = data?.content;
     setNewContent(contentData);
     setTotalData(data?.totalElements);
-    // setLoading(false);
+    setTotalPage(data?.totalPages);
+    setTotalContent(data?.totalElements);
   }
 
   async function getDataAll() {
@@ -165,17 +172,19 @@ export default function FilterVideoComponent(props: {
                   // whileHover={{ scale: 0.95 }}
                   // transition={{ duration: 0.3 }}
                 >
-                  <Image
-                    priority={true}
-                    // placeholder={`data:image/svg+xml;base64,${toBase64(
-                    //   shimmer(700, 475)
-                    // )}`}
-                    alt="video"
-                    width={2560}
-                    height={1440}
-                    src={video?.smallThumbnailLink}
-                    className="w-full h-full object-cover"
-                  />
+                  {video?.thumbnailLink && 
+                    <Image
+                      priority={true}
+                      // placeholder={`data:image/svg+xml;base64,${toBase64(
+                      //   shimmer(700, 475)
+                      // )}`}
+                      alt="video"
+                      width={2560}
+                      height={1440}
+                      src={video?.thumbnailLink}
+                      className="w-full h-full object-cover"
+                    />
+                  }
                 </div>
 
                 {/* Badge category */}