diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx
index f80029d..bf0a483 100644
--- a/components/details/details-content.tsx
+++ b/components/details/details-content.tsx
@@ -21,7 +21,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
@@ -206,9 +206,9 @@ export default function DetailContent() {
           </div>
 
           <div className="w-full h-auto mb-6">
-            {articleDetail?.files?.[0]?.file_url ? (
+            {articleDetail?.files?.[0]?.fileUrl ? (
               <Image
-                src={articleDetail.files[0].file_url}
+                src={articleDetail.files[0].fileUrl}
                 alt="Berita"
                 width={800}
                 height={400}
diff --git a/components/form/article/edit-article-form.tsx b/components/form/article/edit-article-form.tsx
index e897d99..6b2813e 100644
--- a/components/form/article/edit-article-form.tsx
+++ b/components/form/article/edit-article-form.tsx
@@ -614,9 +614,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                   alt="main"
                   width={720}
                   height={480}
-                  src={
-                    detailfiles[mainImage]?.file_url || "/default-avatar.png"
-                  }
+                  src={detailfiles[mainImage]?.fileUrl || "/default-avatar.png"}
                   className="w-[75%] mx-auto"
                 />
               </div>
@@ -631,7 +629,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file.file_url || "/default-avatar.png"}
+                      src={file.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </a>
@@ -654,7 +652,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file?.file_url || "/default-avatar.png"}
+                      src={file?.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </div>
diff --git a/components/form/login.tsx b/components/form/login.tsx
index 2d5ba59..c55d7ed 100644
--- a/components/form/login.tsx
+++ b/components/form/login.tsx
@@ -196,16 +196,14 @@ export default function Login() {
             <Link href={"/"}>
               <div className="pl-16  bg-white rounded-md">
                 <img
-                  src="/kebaikan-indonesia.png"
+                  src="/harapan.png"
                   alt="Mikul News Logo"
                   className="w-[400px] h-auto "
                 />
               </div>
             </Link>
             <div className="mt-8 text-white/90">
-              <h2 className="text-2xl font-bold mb-2">
-                Portal Kebaikan Indonesia
-              </h2>
+              <h2 className="text-2xl font-bold mb-2">Portal Kabar Harapan</h2>
               <p className="text-sm opacity-80">
                 Platform berita terpercaya untuk informasi terkini
               </p>
@@ -428,7 +426,7 @@ export default function Login() {
                   Selamat Datang
                 </h2>
                 <p className="text-gray-600">
-                  Portal Kebaikan Indonesia- Platform berita terpercaya
+                  Portal Kabar Harapan- Platform berita terpercaya
                 </p>
               </div>
 
diff --git a/components/landing-page/banner-news.tsx b/components/landing-page/banner-news.tsx
index 65fb4f2..7ac0e8b 100644
--- a/components/landing-page/banner-news.tsx
+++ b/components/landing-page/banner-news.tsx
@@ -11,7 +11,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function BannerNews() {
@@ -51,7 +51,7 @@ export default function BannerNews() {
       {/* Artikel utama */}
       <div className="lg:col-span-2 relative">
         <img
-          src={mainArticle.thumbnailUrl || mainArticle.files?.[0]?.file_url}
+          src={mainArticle.thumbnailUrl || mainArticle.files?.[0]?.fileUrl}
           alt={mainArticle.files?.[0]?.file_alt || mainArticle.title}
           className="w-full h-[400px] object-cover rounded-lg"
         />
@@ -70,7 +70,7 @@ export default function BannerNews() {
         {sideArticles.map((article) => (
           <div key={article.id} className="relative">
             <img
-              src={article.thumbnailUrl || article.files?.[0]?.file_url}
+              src={article.thumbnailUrl || article.files?.[0]?.fileUrl}
               alt={article.files?.[0]?.file_alt || article.title}
               className="w-full h-[125px] object-cover rounded-lg"
             />
diff --git a/components/landing-page/breaking-news.tsx b/components/landing-page/breaking-news.tsx
index ca12a9e..8477bfc 100644
--- a/components/landing-page/breaking-news.tsx
+++ b/components/landing-page/breaking-news.tsx
@@ -15,7 +15,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 type PaginationMeta = {
@@ -82,7 +82,7 @@ export default function BreakingNews() {
               <Image
                 src={
                   article.thumbnailUrl ||
-                  article.files?.[0]?.file_url ||
+                  article.files?.[0]?.fileUrl ||
                   "/placeholder.jpg"
                 }
                 alt={article.files?.[0]?.file_alt || article.title}
diff --git a/components/landing-page/headers-latest.tsx b/components/landing-page/headers-latest.tsx
index f9f8b28..b9ab8ff 100644
--- a/components/landing-page/headers-latest.tsx
+++ b/components/landing-page/headers-latest.tsx
@@ -16,7 +16,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
@@ -149,7 +149,7 @@ export default function News() {
             {/* Item pertama tampil besar */}
             <div className="relative">
               <Image
-                src={popular[0]?.files?.[0]?.file_url || "/dummy.jpg"}
+                src={popular[0]?.files?.[0]?.fileUrl || "/dummy.jpg"}
                 alt={
                   popular[0]?.files?.[0]?.file_alt ||
                   popular[0]?.title ||
diff --git a/components/landing-page/headers-popular.tsx b/components/landing-page/headers-popular.tsx
index c72335c..42dca93 100644
--- a/components/landing-page/headers-popular.tsx
+++ b/components/landing-page/headers-popular.tsx
@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderPopular() {
diff --git a/components/landing-page/headers.tsx b/components/landing-page/headers.tsx
index 39d0d74..206da9d 100644
--- a/components/landing-page/headers.tsx
+++ b/components/landing-page/headers.tsx
@@ -15,7 +15,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function Header() {
diff --git a/components/landing-page/latest-news.tsx b/components/landing-page/latest-news.tsx
index 0826660..4c9e51e 100644
--- a/components/landing-page/latest-news.tsx
+++ b/components/landing-page/latest-news.tsx
@@ -12,7 +12,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function LatestNews() {
diff --git a/components/landing-page/news.tsx b/components/landing-page/news.tsx
index 87f5b0f..1de0789 100644
--- a/components/landing-page/news.tsx
+++ b/components/landing-page/news.tsx
@@ -13,7 +13,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function News() {
@@ -134,7 +134,7 @@ function PostItem({ post }: { post: Article }) {
       <div className="relative w-40 h-28 flex-shrink-0">
         <Image
           src={
-            post.thumbnailUrl || post.files?.[0]?.file_url || "/placeholder.jpg"
+            post.thumbnailUrl || post.files?.[0]?.fileUrl || "/placeholder.jpg"
           }
           alt={post.files?.[0]?.file_alt || post.title}
           fill
diff --git a/components/landing-page/retracting-sidedar.tsx b/components/landing-page/retracting-sidedar.tsx
index be90191..ff51db7 100644
--- a/components/landing-page/retracting-sidedar.tsx
+++ b/components/landing-page/retracting-sidedar.tsx
@@ -211,7 +211,7 @@ const SidebarContent = ({
             <Link href="/" className="flex items-center space-x-3">
               <div className="relative">
                 <img
-                  src="/kebaikan-indonesia.png"
+                  src="/harapan.png"
                   className="w-10 h-10 rounded-lg shadow-sm"
                 />
                 <div className="absolute -inset-1 bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg opacity-20 blur-sm"></div>
@@ -224,7 +224,7 @@ const SidebarContent = ({
                   className="flex flex-col"
                 >
                   <span className="text-sm font-bold bg-gradient-to-r from-slate-800 to-slate-600 bg-clip-text text-transparent">
-                    Kebaikan Indonesia
+                    Kabar Harapan
                   </span>
                   <span className="text-xs text-slate-500">Admin Panel</span>
                 </motion.div>
diff --git a/service/http-config/axios-base-instance.ts b/service/http-config/axios-base-instance.ts
index de3efbe..4b3e309 100644
--- a/service/http-config/axios-base-instance.ts
+++ b/service/http-config/axios-base-instance.ts
@@ -6,7 +6,7 @@ const axiosBaseInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "f5a4ef1b-53ba-48df-9520-4c105dbec533",
   },
 });
 
diff --git a/service/http-config/axios-interceptor-instance.ts b/service/http-config/axios-interceptor-instance.ts
index 422a192..f414c73 100644
--- a/service/http-config/axios-interceptor-instance.ts
+++ b/service/http-config/axios-interceptor-instance.ts
@@ -10,7 +10,7 @@ const axiosInterceptorInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "f5a4ef1b-53ba-48df-9520-4c105dbec533",
   },
   withCredentials: true,
 });
diff --git a/service/http-config/http-base-services.ts b/service/http-config/http-base-services.ts
index 755d158..af73f4c 100644
--- a/service/http-config/http-base-services.ts
+++ b/service/http-config/http-base-services.ts
@@ -2,11 +2,11 @@ import axiosBaseInstance from "./axios-base-instance";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "f5a4ef1b-53ba-48df-9520-4c105dbec533",
 };
 
-export async function httpGet(pathUrl: any, headers?: any) {  
-  console.log("X-HEADERS : ", defaultHeaders)
+export async function httpGet(pathUrl: any, headers?: any) {
+  console.log("X-HEADERS : ", defaultHeaders);
   const mergedHeaders = {
     ...defaultHeaders,
     ...headers,
diff --git a/service/http-config/http-interceptor-services.ts b/service/http-config/http-interceptor-services.ts
index 4d33d96..a707b38 100644
--- a/service/http-config/http-interceptor-services.ts
+++ b/service/http-config/http-interceptor-services.ts
@@ -5,11 +5,11 @@ import { getCsrfToken } from "../master-user";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "f5a4ef1b-53ba-48df-9520-4c105dbec533",
 };
 
 export async function httpGetInterceptor(pathUrl: any) {
-  console.log("X-HEADERS : ", defaultHeaders)
+  console.log("X-HEADERS : ", defaultHeaders);
   const response = await axiosInterceptorInstance
     .get(pathUrl, { headers: defaultHeaders })
     .catch((error) => error.response);
@@ -35,7 +35,11 @@ export async function httpGetInterceptor(pathUrl: any) {
   }
 }
 
-export async function httpPostInterceptor(pathUrl: any, data: any, headers?: any) {
+export async function httpPostInterceptor(
+  pathUrl: any,
+  data: any,
+  headers?: any
+) {
   const resCsrf = await getCsrfToken();
   const csrfToken = resCsrf?.data?.csrf_token;
 
@@ -67,7 +71,11 @@ export async function httpPostInterceptor(pathUrl: any, data: any, headers?: any
   }
 }
 
-export async function httpPutInterceptor(pathUrl: any, data: any, headers?: any) {
+export async function httpPutInterceptor(
+  pathUrl: any,
+  data: any,
+  headers?: any
+) {
   const resCsrf = await getCsrfToken();
   const csrfToken = resCsrf?.data?.csrf_token;
 
@@ -99,7 +107,7 @@ export async function httpPutInterceptor(pathUrl: any, data: any, headers?: any)
 }
 
 export async function httpDeleteInterceptor(pathUrl: any, headers?: any) {
-   const resCsrf = await getCsrfToken();
+  const resCsrf = await getCsrfToken();
   const csrfToken = resCsrf?.data?.csrf_token;
 
   const mergedHeaders = {