diff --git a/frontend/hospital-portal/public/image/en-US.json b/frontend/hospital-portal/public/image/en-US.json
new file mode 100644
index 00000000..baef7538
--- /dev/null
+++ b/frontend/hospital-portal/public/image/en-US.json
@@ -0,0 +1,15 @@
+{
+  "greeting": "Hello",
+  "buttonText": "Click Me",
+  "infoLogin": "Enter the registered account",
+  "txtLogin1" : "Sign in to Hospital Portal",
+  "txtLogin2" : "Enter your details below",
+  "txtCardSearchMember1" : "Guarantee Submission",
+  "txtCardSearchMember2" : "Find Member",
+  "txtCardSearchMember3" : "Date Birth",
+  "txtCardSearchMember4" : "Member ID",
+  "txtCardSearchMember5" : "Member",
+  "txtDialogMember1" : "Benefit Summary",
+  "txtDialogMember2" : "Request LOG",
+  "txtDialogMember3" : "Member Detail"
+}
diff --git a/frontend/hospital-portal/public/image/ic_flag_en.svg b/frontend/hospital-portal/public/image/ic_flag_en.svg
new file mode 100644
index 00000000..55e243b2
--- /dev/null
+++ b/frontend/hospital-portal/public/image/ic_flag_en.svg
@@ -0,0 +1,18 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs><rect id="a" height="20" rx="3" width="28"/>
+		<mask id="b" fill="#fff">
+			<use fill="#fff" fill-rule="evenodd" xlink:href="#a"/>
+		</mask>
+	</defs>
+	<g fill="none" fill-rule="evenodd">
+		<use fill="#0a17a7" xlink:href="#a"/>
+		<path d="m29.2824692-1.91644623 1.4911811 2.21076686-9.4483006 6.37223314 6.6746503.0001129v6.66666663l-6.6746503-.0007795 9.4483006 6.3731256-1.4911811 2.2107668-11.9501195-8.0608924.0009836 7.4777795h-6.6666666l-.000317-7.4777795-11.9488189 8.0608924-1.49118107-2.2107668 9.448-6.3731256-6.67434973.0007795v-6.66666663l6.67434973-.0001129-9.448-6.37223314 1.49118107-2.21076686 11.9488189 8.06.000317-7.4768871h6.6666666l-.0009836 7.4768871z" fill="#fff" mask="url(#b)"/>
+		<g stroke="#db1f35" stroke-linecap="round" stroke-width=".667">
+			<path d="m18.668 6.332 12.665-8.332" mask="url(#b)"/>
+			<path d="m20.013 21.35 11.354-7.652" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.048)"/>
+			<path d="m8.006 6.31-11.843-7.981" mask="url(#b)"/>
+			<path d="m9.29 22.31-13.127-8.705" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.915)"/>
+		</g>
+		<path d="m0 12h12v8h4v-8h12v-4h-12v-8h-4v8h-12z" fill="#e6273e" mask="url(#b)"/>
+	</g>
+</svg>
\ No newline at end of file
diff --git a/frontend/hospital-portal/public/image/ic_flag_id.svg b/frontend/hospital-portal/public/image/ic_flag_id.svg
new file mode 100644
index 00000000..1d4e5d5b
--- /dev/null
+++ b/frontend/hospital-portal/public/image/ic_flag_id.svg
@@ -0,0 +1,9 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <rect id="a" height="10" rx="0" width="28"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <use fill="#D82028" xlink:href="#a"/>
+    <use fill="#FFF" xlink:href="#a" y="10"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/hospital-portal/public/image/id-ID.json b/frontend/hospital-portal/public/image/id-ID.json
new file mode 100644
index 00000000..41db3e54
--- /dev/null
+++ b/frontend/hospital-portal/public/image/id-ID.json
@@ -0,0 +1,15 @@
+{
+  "greeting": "Halo",
+  "buttonText": "Klik Saya",
+  "infoLogin": "Masukan akun yang telah terdaftar",
+  "txtLogin1" : "Masuk ke Hospital Portal",
+  "txtLogin2" : "Masukkan detail Anda di bawah ini",
+  "txtCardSearchMember1" : "Pengajuan Jaminan",
+  "txtCardSearchMember2" : "Cari Anggota",
+  "txtCardSearchMember3" : "Tanggal Lahir",
+  "txtCardSearchMember4" : "Member ID",
+  "txtCardSearchMember5" : "Member",
+  "txtDialogMember1" : "Ringkasan Manfaat",
+  "txtDialogMember2" : "Request LOG",
+  "txtDialogMember3" : "Detail Member"
+}
diff --git a/frontend/hospital-portal/src/LocalizationUtil.ts b/frontend/hospital-portal/src/LocalizationUtil.ts
index c7fa3520..0ab70238 100644
--- a/frontend/hospital-portal/src/LocalizationUtil.ts
+++ b/frontend/hospital-portal/src/LocalizationUtil.ts
@@ -1,5 +1,5 @@
 const getLocalizedData = async (locale) => {
-  const response = await fetch(`../public/lang/${locale}.json`); // Mengambil file lokal berdasarkan bahasa yang dipilih
+  const response = await fetch(`../public/image/${locale}.json`); // Mengambil file lokal berdasarkan bahasa yang dipilih
   const data = await response.json();
   return data;
 };
diff --git a/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx b/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
index 51f7d0a5..f5bc67e3 100644
--- a/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
+++ b/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
@@ -13,12 +13,12 @@ const LANGS = [
   {
     label: 'Bahasa Indonesia',
     value: 'id-ID',
-    icon: '/image/overlay.png',
+    icon: '/image/ic_flag_id.svg',
   },
   {
     label: 'English',
     value: 'en-US',
-    icon: '/icons/ic_flag_en.svg',
+    icon: '/image/ic_flag_en.svg',
   },
 ];