diff --git a/components/form/content/spit-convert-form.tsx b/components/form/content/spit-convert-form.tsx
index 081aaf2f..8845685d 100644
--- a/components/form/content/spit-convert-form.tsx
+++ b/components/form/content/spit-convert-form.tsx
@@ -193,7 +193,6 @@ export default function FormConvertSPIT() {
   const [showRewriteEditor, setShowRewriteEditor] = useState(false);
   const [isGeneratingRewrite, setIsGeneratingRewrite] = useState(false);
   const [isLoadingRewrite, setIsLoadingRewrite] = useState(false);
-
   // <-- changed: detailThumb is now FileType[] (objects from API) -->
   const [detailThumb, setDetailThumb] = useState<FileType[]>([]);
   const [thumbsSwiper, setThumbsSwiper] = useState<SwiperType | null>(null);
diff --git a/components/landing-page/new-content.tsx b/components/landing-page/new-content.tsx
index bbc0bbca..5cd40467 100644
--- a/components/landing-page/new-content.tsx
+++ b/components/landing-page/new-content.tsx
@@ -19,6 +19,8 @@ import { Skeleton } from "../ui/skeleton";
 import Image from "next/image";
 import { motion } from "framer-motion";
 import ImageBlurry from "../ui/image-blurry";
+import { formatDateToIndonesian } from "@/utils/globals";
+import { Icon } from "../ui/icon";
 
 const NewContent = (props: { group: string; type: string }) => {
   const [newContent, setNewContent] = useState<any>();
@@ -276,10 +278,24 @@ const NewContent = (props: { group: string; type: string }) => {
                             {/* Caption section */}
                             <div className="p-4 h-full flex flex-col justify-between">
                               <div className="flex flex-col gap-1 flex-grow">
-                                <p className="text-[10px] font-bold text-[#bb3523] uppercase">
-                                  {image?.categoryName?.toUpperCase() ??
-                                    "Giat Pimpinan"}
-                                </p>
+                                <div className="flex flex-row justify-between mb-2">
+                                  <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                                    {image?.categoryName?.toUpperCase() ??
+                                      "Giat Pimpinan"}
+                                  </p>
+                                  <p className="flex flex-row items-center text-[10px] gap-1 text-gray-600">
+                                    {formatDateToIndonesian(
+                                      new Date(image?.createdAt)
+                                    )}{" "}
+                                    {image?.timezone ?? "WIB"} |
+                                    <Icon
+                                      icon="formkit:eye"
+                                      width="15"
+                                      height="15"
+                                    />{" "}
+                                    {image.clickCount}
+                                  </p>
+                                </div>
                                 <Link
                                   href={
                                     prefixPath + `/image/detail/${image?.slug}`
@@ -366,12 +382,26 @@ const NewContent = (props: { group: string; type: string }) => {
 
                             {/* Caption */}
                             <div className="p-4">
-                              <p className="text-[12px] font-bold text-[#bb3523] uppercase mb-1">
-                                {audio?.categoryName?.toUpperCase() ??
-                                  "GIAT PIMPINAN"}
-                              </p>
+                              <div className="flex flex-row justify-between mb-2">
+                                <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                                  {audio?.categoryName?.toUpperCase() ??
+                                    "Giat Pimpinan"}
+                                </p>
+                                <p className="flex flex-row items-center text-[10px] gap-1 text-gray-600">
+                                  {formatDateToIndonesian(
+                                    new Date(audio?.createdAt)
+                                  )}{" "}
+                                  {audio?.timezone ?? "WIB"} |
+                                  <Icon
+                                    icon="formkit:eye"
+                                    width="15"
+                                    height="15"
+                                  />{" "}
+                                  {audio.clickCount}
+                                </p>
+                              </div>
 
-                              <p className="text-xl font-semibold text-black dark:text-white line-clamp-4">
+                              <p className="text-sm lg:text-base font-semibold text-black dark:text-white line-clamp-4">
                                 {audio?.title}
                               </p>
 
@@ -488,10 +518,25 @@ const NewContent = (props: { group: string; type: string }) => {
                             {/* Caption section */}
                             <div className="p-4 h-full flex flex-col justify-between">
                               <div className="flex flex-col gap-1 flex-grow">
-                                <p className="text-[10px] font-bold text-[#bb3523] uppercase">
-                                  {video?.categoryName?.toUpperCase() ??
-                                    "Giat Pimpinan"}
-                                </p>
+                                <div className="flex flex-row justify-between mb-2">
+                                  <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                                    {video?.categoryName?.toUpperCase() ??
+                                      "Giat Pimpinan"}
+                                  </p>
+                                  <p className="flex flex-row items-center text-[10px] gap-1 text-gray-600">
+                                    {formatDateToIndonesian(
+                                      new Date(video?.createdAt)
+                                    )}{" "}
+                                    {video?.timezone ?? "WIB"} |
+                                    <Icon
+                                      icon="formkit:eye"
+                                      width="15"
+                                      height="15"
+                                    />{" "}
+                                    {video.clickCount}
+                                  </p>
+                                </div>
+
                                 <Link
                                   href={
                                     prefixPath + `/video/detail/${video?.slug}`
@@ -581,8 +626,23 @@ const NewContent = (props: { group: string; type: string }) => {
                           {/* Konten bawah */}
                           <div className="p-4 flex flex-col gap-2">
                             {/* Kategori merah */}
-                            <div className="text-[12px] font-bold text-red-600 uppercase">
-                              {text?.categoryName?.toUpperCase() ?? "Text"}
+                            <div className="flex flex-row justify-between mb-2">
+                              <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                                {text?.categoryName?.toUpperCase() ??
+                                  "Giat Pimpinan"}
+                              </p>
+                              <p className="flex flex-row items-center text-[10px] gap-1 text-gray-600">
+                                {formatDateToIndonesian(
+                                  new Date(text?.createdAt)
+                                )}{" "}
+                                {text?.timezone ?? "WIB"} |
+                                <Icon
+                                  icon="formkit:eye"
+                                  width="15"
+                                  height="15"
+                                />{" "}
+                                {text.clickCount}
+                              </p>
                             </div>
 
                             {/* Judul */}
@@ -591,7 +651,7 @@ const NewContent = (props: { group: string; type: string }) => {
                                 prefixPath + `/document/detail/${text?.slug}`
                               }
                             >
-                              <p className="font-semibold text-gray-900 dark:text-white text-xl leading-snug line-clamp-4">
+                              <p className="font-semibold text-gray-900 dark:text-white text-sm lg:text-base leading-snug line-clamp-4">
                                 {text?.title}
                               </p>
                             </Link>