diff --git a/app/[locale]/(public)/content-management/download/page.tsx b/app/[locale]/(public)/content-management/download/page.tsx
index f1ffbf31..ce95e055 100644
--- a/app/[locale]/(public)/content-management/download/page.tsx
+++ b/app/[locale]/(public)/content-management/download/page.tsx
@@ -17,6 +17,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking";
+import ImageBlurry from "@/components/ui/image-blurry";
 
 const Galery = (props: any) => {
   const [profile, setProfile] = useState<any>();
@@ -284,20 +285,6 @@ const Galery = (props: any) => {
             <div className="mx-auto w-full max-w-7xl justify-start flex flex-col lg:flex-row gap-5 mb-4">
               <Tabs value={selectedTab} onValueChange={setSelectedTab}>
                 <TabsList className="grid grid-cols-2 lg:flex lg:flex-row ">
-                  <TabsTrigger
-                    value="video"
-                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
-                  >
-                    Audio Visual
-                  </TabsTrigger>
-                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
-                  <TabsTrigger
-                    value="audio"
-                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
-                  >
-                    Audio
-                  </TabsTrigger>
-                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
                   <TabsTrigger
                     value="image"
                     className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
@@ -305,12 +292,26 @@ const Galery = (props: any) => {
                     Foto
                   </TabsTrigger>
                   <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
+                  <TabsTrigger
+                    value="video"
+                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
+                  >
+                    Audio Visual
+                  </TabsTrigger>
+                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
                   <TabsTrigger
                     value="text"
                     className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
                   >
                     Teks
                   </TabsTrigger>
+                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
+                  <TabsTrigger
+                    value="audio"
+                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
+                  >
+                    Audio
+                  </TabsTrigger>
                 </TabsList>
               </Tabs>
             </div>
@@ -323,9 +324,12 @@ const Galery = (props: any) => {
                         <CardContent className="flex flex-col bg-black dark:bg-white w-full rounded-lg p-0">
                           <div>
                             <Link href={`/video/detail/${video?.mediaUpload?.slug}`}>
-                              <img src={video?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg " />
-                              <div className="font-semibold p-4 text-white text-xs lg:text-sm dark:text-black truncate w-full">{video?.mediaUpload?.title}</div>
+                              {/* <img src={video?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg " /> */}
+                              <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                                <ImageBlurry src={video?.mediaUpload?.thumbnailLink} alt={video?.mediaUpload?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                              </div>
                             </Link>
+                            <div className="font-semibold p-4 text-white text-xs lg:text-sm dark:text-black truncate w-full">{video?.mediaUpload?.title}</div>
                             <Popover>
                               <PopoverTrigger className="flex justify-end gap-1 cursor-pointer" asChild>
                                 <a className="flex justify-end items-end place-items-end">
@@ -454,9 +458,12 @@ const Galery = (props: any) => {
                       <Card key={image?.id}>
                         <CardContent className="flex flex-col bg-black dark:bg-white w-full h-full rounded-lg p-0">
                           <Link href={`/image/detail/${image?.mediaUpload?.slug}`}>
-                            <img src={image?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" />
-                            <div className="font-semibold p-4 text-white text-xs lg:text-sm  dark:text-black truncate w-full">{image?.mediaUpload?.title}</div>
+                            {/* <img src={image?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" /> */}
+                            <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                              <ImageBlurry src={image?.mediaUpload?.thumbnailLink} alt={image?.mediaUpload?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                            </div>
                           </Link>
+                          <div className="font-semibold p-4 text-white text-xs lg:text-sm  dark:text-black truncate w-full">{image?.mediaUpload?.title}</div>
                           <Popover>
                             <PopoverTrigger className="flex justify-end gap-1 cursor-pointer" asChild>
                               <a className="flex justify-end items-end place-items-end">
diff --git a/app/[locale]/(public)/content-management/galery/page.tsx b/app/[locale]/(public)/content-management/galery/page.tsx
index 6bdaf09a..87da08f1 100644
--- a/app/[locale]/(public)/content-management/galery/page.tsx
+++ b/app/[locale]/(public)/content-management/galery/page.tsx
@@ -19,6 +19,7 @@ import { Icon } from "@iconify/react/dist/iconify.js";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking";
+import ImageBlurry from "@/components/ui/image-blurry";
 
 const Galery = (props: any) => {
   const [profile, setProfile] = useState<any>();
@@ -290,20 +291,6 @@ const Galery = (props: any) => {
             <div className="mx-auto w-full max-w-7xl justify-start flex flex-col lg:flex-row gap-5 mb-4">
               <Tabs value={selectedTab} onValueChange={setSelectedTab}>
                 <TabsList className="grid grid-cols-2 lg:flex lg:flex-row ">
-                  <TabsTrigger
-                    value="video"
-                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
-                  >
-                    Audio Visual
-                  </TabsTrigger>
-                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
-                  <TabsTrigger
-                    value="audio"
-                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
-                  >
-                    Audio
-                  </TabsTrigger>
-                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
                   <TabsTrigger
                     value="image"
                     className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
@@ -311,12 +298,26 @@ const Galery = (props: any) => {
                     Foto
                   </TabsTrigger>
                   <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
+                  <TabsTrigger
+                    value="video"
+                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
+                  >
+                    Audio Visual
+                  </TabsTrigger>
+                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
                   <TabsTrigger
                     value="text"
                     className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
                   >
                     Teks
                   </TabsTrigger>
+                  <div className="text-[#bb3523] text-lg hidden md:inline-block">|</div>
+                  <TabsTrigger
+                    value="audio"
+                    className="relative text-xs md:text-xl font-bold text-black dark:text-white dark:bg-transparent before:absolute before:top-full before:left-0 before:h-px before:w-full data-[state=active]:before:bg-primary"
+                  >
+                    Audio
+                  </TabsTrigger>
                 </TabsList>
               </Tabs>
             </div>
@@ -329,7 +330,10 @@ const Galery = (props: any) => {
                         <CardContent className="flex flex-col  bg-black dark:bg-white w-full rounded-lg p-0">
                           <div>
                             <Link href={`/video/detail/${video?.mediaUpload?.slug}`}>
-                              <img src={video?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" />
+                              {/* <img src={video?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" /> */}
+                              <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                                <ImageBlurry src={video?.mediaUpload?.thumbnailLink} alt={video?.mediaUpload?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                              </div>
                             </Link>
                             <div className="font-semibold p-4 text-white text-xs lg:text-sm  dark:text-black truncate w-full">{video?.mediaUpload?.title}</div>
                             <Popover>
@@ -458,9 +462,12 @@ const Galery = (props: any) => {
                       <Card key={image?.id}>
                         <CardContent className="flex flex-col  bg-black dark:bg-white w-full rounded-lg p-0">
                           <Link href={`/image/detail/${image?.mediaUpload?.slug}`}>
-                            <img src={image?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" />
-                            <div className="font-semibold p-4 text-white text-xs lg:text-sm dark:text-black truncate w-full">{image?.mediaUpload?.title}</div>
+                            {/* <img src={image?.mediaUpload?.thumbnailLink} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" /> */}
+                            <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                              <ImageBlurry src={image?.mediaUpload?.thumbnailLink} alt={image?.mediaUpload?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                            </div>
                           </Link>
+                          <div className="font-semibold p-4 text-white text-xs lg:text-sm dark:text-black truncate w-full">{image?.mediaUpload?.title}</div>
                           <Popover>
                             <PopoverTrigger className="flex justify-end gap-1 cursor-pointer" asChild>
                               <a className="flex justify-end items-end place-items-end">
diff --git a/app/[locale]/(public)/content-management/rewrite/page.tsx b/app/[locale]/(public)/content-management/rewrite/page.tsx
index f9d1cf4a..8f05243e 100644
--- a/app/[locale]/(public)/content-management/rewrite/page.tsx
+++ b/app/[locale]/(public)/content-management/rewrite/page.tsx
@@ -16,6 +16,7 @@ import { Icon } from "@iconify/react/dist/iconify.js";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking";
+import ImageBlurry from "@/components/ui/image-blurry";
 
 const page = () => {
   const [, setProfile] = useState();
@@ -210,7 +211,10 @@ const page = () => {
                     <CardContent className="flex flex-col  bg-black dark:bg-white w-full rounded-lg p-0">
                       <div className="">
                         <Link href={`/content-management/rewrite/detail/${image.id}`}>
-                          <img src={image?.thumbnailUrl} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" />
+                          {/* <img src={image?.thumbnailUrl} className="h-40 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" /> */}
+                          <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                            <ImageBlurry src={image?.thumbnailUrl}  alt={image?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                          </div>
                         </Link>
                         <div className="font-semibold p-4 text-white text-xs lg:text-sm dark:text-black truncate w-full">{image?.title}</div>
                         <Popover>
diff --git a/app/[locale]/(public)/image/filter/page.tsx b/app/[locale]/(public)/image/filter/page.tsx
index bf4ee07e..8ef407d3 100644
--- a/app/[locale]/(public)/image/filter/page.tsx
+++ b/app/[locale]/(public)/image/filter/page.tsx
@@ -156,7 +156,7 @@ const FilterPage = () => {
           endDateString,
           monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[0]?.replace("", "") : "",
           monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[1] : "",
-          locale == "en" ? true : false,
+          locale == "en" ? true : false
         );
         close();
         // setGetTotalPage(response?.data?.data?.totalPages);
@@ -189,7 +189,7 @@ const FilterPage = () => {
         endDateString,
         monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[0]?.replace("", "") : "",
         monthYearFilter ? getOnlyMonthAndYear(monthYearFilter)?.split("/")[1] : "",
-        locale == "en" ? true : false,
+        locale == "en" ? true : false
       );
       close();
       // setGetTotalPage(response?.data?.data?.totalPages);
@@ -491,14 +491,8 @@ const FilterPage = () => {
                       <CardContent className="flex flex-col text-xs lg:text-sm w-full p-0">
                         <Link href={`/image/detail/${image?.slug}`}>
                           {/* <img src={image?.thumbnailLink} className="h-60 object-cover items-center justify-center cursor-pointer rounded-lg" /> */}
-                          <div
-                            className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg"
-                          >
-                            <ImageBlurry
-                              src={image?.thumbnailLink}
-                              alt={image?.title}
-                              style={{ objectFit: "contain", width: "100%", height: "100%" }}
-                            />
+                          <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                            <ImageBlurry src={image?.thumbnailLink} alt={image?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
                           </div>
                           <div className="flex flex-row items-center gap-2 text-[10px] mx-2 mt-2">
                             {formatDateToIndonesian(new Date(image?.createdAt))} {image?.timezone ? image?.timezone : "WIB"}| <Icon icon="formkit:eye" width="15" height="15" />
diff --git a/app/[locale]/(public)/schedule/page.tsx b/app/[locale]/(public)/schedule/page.tsx
index 578b19b3..5a5f5743 100644
--- a/app/[locale]/(public)/schedule/page.tsx
+++ b/app/[locale]/(public)/schedule/page.tsx
@@ -14,6 +14,7 @@ import { useRouter } from "@/i18n/routing";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { close, loading } from "@/config/swal";
+import { useTranslations } from "next-intl";
 
 const timeList = [
   {
@@ -118,16 +119,15 @@ const Schedule = (props: any) => {
   const router = useRouter();
   const [startDate, setStartDate] = useState<Date | undefined>(new Date());
   const [dateAWeek, setDateAWeek] = useState<string[]>([]);
-  const [scheduleSearch, setScheduleSearch] = useState();
   const [todayList, setTodayList] = useState([]);
   const [prevdayList, setPrevdayList] = useState([]);
   const [nextdayList, setNextdayList] = useState([]);
-  const [isOpen, setIsOpen] = React.useState(false);
   const [schedules, setSchedules] = useState([]);
   const [openDialog, setOpenDialog] = useState(false);
   const [detail, setDetail] = useState<any>();
   const [content, setContent] = useState();
   const { id } = props;
+  const t = useTranslations("LandingPage");
 
   useEffect(() => {
     async function getDataSchedule() {
@@ -511,10 +511,10 @@ const Schedule = (props: any) => {
             </div>
           </div>
 
-          {/* Component Kanan */}
+          {/* komponen Kanan */}
           <div className="w-1/4 flex flex-col gap-6">
             <div className="relative text-gray-600 dark:text-white">
-              <input type="text" placeholder="Masukkan Judul Jadwal" className="pl-8 pr-4 py-1 w-full border rounded-full text-sm  focus:outline-none" />
+              <input type="text" placeholder={t("")} className="pl-8 pr-4 py-1 w-full border rounded-full text-sm  focus:outline-none" />
               <span className="absolute left-2 top-1/2 transform -translate-y-1/2">
                 <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                   <g fill="none" fill-rule="evenodd">
diff --git a/app/[locale]/(public)/video/filter/page.tsx b/app/[locale]/(public)/video/filter/page.tsx
index 915d1c46..e0e1514b 100644
--- a/app/[locale]/(public)/video/filter/page.tsx
+++ b/app/[locale]/(public)/video/filter/page.tsx
@@ -15,6 +15,7 @@ import ReactDatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import { close, loading } from "@/config/swal";
 import { useTranslations } from "next-intl";
+import ImageBlurry from "@/components/ui/image-blurry";
 
 const columns: ColumnDef<any>[] = [
   {
@@ -518,7 +519,10 @@ const FilterPage = () => {
                   <Card key={video?.id} className="hover:scale-110 transition-transform duration-300">
                     <CardContent className="flex flex-col text-xs lg:text-sm w-full p-0">
                       <Link href={`/video/detail/${video?.slug}`}>
-                        <img src={video?.thumbnailLink} className="h-60 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" />
+                        {/* <img src={video?.thumbnailLink} className="h-60 object-cover items-center justify-center cursor-pointer rounded-lg place-self-center" /> */}
+                        <div className="img-container h-60 bg-[#e9e9e9] cursor-pointer rounded-lg">
+                          <ImageBlurry src={video?.thumbnailLink} alt={video?.title} style={{ objectFit: "contain", width: "100%", height: "100%" }} />
+                        </div>
                         <div className="flex flex-row items-center gap-2 text-[10px] mx-2">
                           {formatDateToIndonesian(new Date(video?.createdAt))} {video?.timezone ? video?.timezone : "WIB"}| <Icon icon="formkit:eye" width="15" height="15" />
                           {video?.clickCount}{" "}
diff --git a/messages/en.json b/messages/en.json
index bd982b40..a9539a6b 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -343,7 +343,8 @@
     "profile": "Profile",
     "contentManagement": "Content Management",
     "live": "Live",
-    "notFound": "Not Found"
+    "notFound": "Not Found",
+    "titleSchedule": "Enter schedule title"
   },
   "FilterPage": {
     "image": "Image",