diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx
index df1fa41..f1e81b1 100644
--- a/components/details/details-content.tsx
+++ b/components/details/details-content.tsx
@@ -82,7 +82,7 @@ export default function DetailContent() {
   const [diseId, setDiseId] = useState(0);
   const [thumbnailImg, setThumbnailImg] = useState<File[]>([]);
   const [selectedMainImage, setSelectedMainImage] = useState<number | null>(
-    null
+    null,
   );
   const [selectedIndex, setSelectedIndex] = useState(0);
 
@@ -332,16 +332,22 @@ export default function DetailContent() {
               </span>
               <span>-</span>
               <span>
-                <span>
-                  {new Date(
-                    articleDetail?.publishedAt ?? articleDetail?.createdAt
-                  ).toLocaleDateString("id-ID", {
+                {new Date(
+                  articleDetail?.publishedAt ?? articleDetail?.createdAt,
+                )
+                  .toLocaleString("id-ID", {
                     day: "numeric",
                     month: "long",
                     year: "numeric",
-                  })}
-                </span>
+                    hour: "2-digit",
+                    minute: "2-digit",
+                    hour12: false,
+                    timeZone: "Asia/Jakarta",
+                  })
+                  .replace("pukul ", "")}{" "}
+                WIB
               </span>
+
               <span className="text-gray-500">in</span>
               <span>{articleDetail?.categories?.[0]?.title}</span>
             </div>
@@ -509,7 +515,7 @@ export default function DetailContent() {
                 <div
                   dangerouslySetInnerHTML={{
                     __html: decodeHtmlString(
-                      articleDetail?.htmlDescription || ""
+                      articleDetail?.htmlDescription || "",
                     ),
                   }}
                 />
@@ -765,7 +771,7 @@ export default function DetailContent() {
                                 day: "2-digit",
                                 month: "long",
                                 year: "numeric",
-                              }
+                              },
                             )}
                           </span>
                           <span>💬 0</span>
diff --git a/components/landing-page/footer.tsx b/components/landing-page/footer.tsx
index fecaef6..ae2fddd 100644
--- a/components/landing-page/footer.tsx
+++ b/components/landing-page/footer.tsx
@@ -8,11 +8,14 @@ export default function Footer() {
     <footer className="bg-[#ECEFF5] pt-20 pb-10 w-full">
       <div className="max-w-screen-xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 ">
         {/* Logo */}
-        <div className="flex items-center justify-end">
-          <Link href="/" className="text-2xl font-bold">
-            <span className="text-gray-900">travel</span>
-            <span className="text-teal-400">news</span>
-          </Link>
+        <div className="flex justify-center md:justify-end">
+          <Image
+            src="/milenial-logo.png"
+            alt="Logo"
+            width={230}
+            height={230}
+            className="object-contain"
+          />
         </div>
 
         {/* Subscribe Box */}
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 2a3f9cc..b872daa 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -11,10 +11,12 @@ export default function Navbar() {
         {/* Left: Logo */}
         <div className="flex flex-row justify-between mb-3">
           <div className="flex items-center">
-            <Link href="/" className="text-2xl font-bold">
-              <span className="text-gray-900">travel</span>
-              <span className="text-teal-400">news</span>
-            </Link>
+            <Image
+              src="/milenial-logo.png"
+              alt="Kritik Tajam Logo"
+              width={140}
+              height={100}
+            />
           </div>
           <div className="flex items-center gap-6">
             {/* Social Icons */}
diff --git a/public/milenial-logo.png b/public/milenial-logo.png
new file mode 100644
index 0000000..0ba125c
Binary files /dev/null and b/public/milenial-logo.png differ
diff --git a/tsconfig.json b/tsconfig.json
index d8b9323..e7ff3a2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }