From 5477eca3d031746adc5526aa7ab4ebe0fb18a0e9 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Wed, 11 Jun 2025 13:10:40 +0700
Subject: [PATCH] fix: language

---
 .../area-coverage-and-work-units.tsx          |  57 ++++--
 components/landing-page/event-calender.tsx    |  49 ++---
 components/landing-page/new-content.tsx       |   8 +-
 .../landing-page/search-section-new.tsx       |   4 +-
 components/landing-page/survey-box.tsx        | 170 ++++++++++++++----
 messages/en.json                              |  33 +++-
 messages/in.json                              |  47 ++++-
 7 files changed, 298 insertions(+), 70 deletions(-)

diff --git a/components/landing-page/area-coverage-and-work-units.tsx b/components/landing-page/area-coverage-and-work-units.tsx
index 788d9e41..7f1650cf 100644
--- a/components/landing-page/area-coverage-and-work-units.tsx
+++ b/components/landing-page/area-coverage-and-work-units.tsx
@@ -1,14 +1,24 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
 import Image from "next/image";
 import Coverage from "./coverage";
 import Division from "./division";
+import { useTranslations } from "next-intl";
 
 const AreaCoverageWorkUnits = () => {
   const [openPolda, setOpenPolda] = useState(false);
   const [openSatker, setOpenSatker] = useState(false);
+  const t = useTranslations("LandingPage");
 
   useEffect(() => {
     if (openPolda || openSatker) {
@@ -24,21 +34,34 @@ const AreaCoverageWorkUnits = () => {
   return (
     <div className="mx-auto px-4 lg:px-0 py-6">
       <h2 className="text-start text-lg md:text-xl font-bold text-[#bb3523] border-b-2 border-[#bb3523] mb-4 uppercase">
-        Liputan <span className="text-[#bb3523]">Wilayah</span> & <span className="text-[#bb3523]">Satker</span>
+        {t("areaCoverage")}
       </h2>
       <div className="flex flex-col justify-center lg:flex-row gap-8 ">
         {/* POLDA */}
         <Dialog open={openPolda} onOpenChange={setOpenPolda}>
           <DialogTrigger asChild>
-            <button onClick={() => setOpenPolda(true)} className="flex flex-col gap-2 justify-center items-center shadow-lg group rounded-xl py-5 w-full border-2 border-transparent hover:border-[#bb3523] transition-all duration-300">
-              <Image width={1920} height={1080} alt="indo" src="/assets/indo.png" className="h-32 w-32 group-hover:scale-110 group-hover:border-[#bb3523] " />
-              <p className="text-base font-bold">Polda Jajaran</p>
+            <button
+              onClick={() => setOpenPolda(true)}
+              className="flex flex-col gap-2 justify-center items-center shadow-lg group rounded-xl py-5 w-full border-2 border-transparent hover:border-[#bb3523] transition-all duration-300"
+            >
+              <Image
+                width={1920}
+                height={1080}
+                alt="indo"
+                src="/assets/indo.png"
+                className="h-32 w-32 group-hover:scale-110 group-hover:border-[#bb3523] "
+              />
+              <p className="text-base font-bold">{t("regionalPolice")}</p>
             </button>
           </DialogTrigger>
-          <DialogContent size="md" className="max-h-[90vh] overflow-hidden flex flex-col" data-lenis-prevent>
+          <DialogContent
+            size="md"
+            className="max-h-[90vh] overflow-hidden flex flex-col"
+            data-lenis-prevent
+          >
             <DialogHeader className="flex flex-col justify-center">
               <DialogTitle>
-                <p className="text-center">Polda Jajaran</p>
+                <p className="text-center">{t("regionalPolice")}</p>
               </DialogTitle>
               <DialogTitle>
                 <div className="h-1 w-[150px] bg-[#bb3523] mx-auto mb-6 rounded"></div>
@@ -49,7 +72,9 @@ const AreaCoverageWorkUnits = () => {
             </div>
             <div className="text-right mt-4">
               <DialogClose asChild>
-                <button className="text-[#bb3523] font-bold">Tutup</button>
+                <button className="text-[#bb3523] font-bold">
+                  {t("close")}
+                </button>
               </DialogClose>
             </div>
           </DialogContent>
@@ -59,14 +84,20 @@ const AreaCoverageWorkUnits = () => {
         <Dialog open={openSatker} onOpenChange={setOpenSatker}>
           <DialogTrigger asChild>
             <button className="flex flex-col gap-2 justify-center items-center shadow-lg group rounded-xl py-5 w-full border-2 border-transparent hover:border-[#bb3523] transition-all duration-300">
-              <Image width={1920} height={1080} alt="polri" src="/assets/logo-polri.png" className="h-32 w-32 group-hover:scale-110 group-hover:border-[#bb3523] transition-transform duration-300" />
-              <p className="text-base font-bold">Satuan Kerja Polri</p>
+              <Image
+                width={1920}
+                height={1080}
+                alt="polri"
+                src="/assets/logo-polri.png"
+                className="h-32 w-32 group-hover:scale-110 group-hover:border-[#bb3523] transition-transform duration-300"
+              />
+              <p className="text-base font-bold">{t("policeDivision")}</p>
             </button>
           </DialogTrigger>
           <DialogContent size="md" data-lenis-prevent>
             <DialogHeader className="flex flex-col justify-center">
               <DialogTitle>
-                <p className="text-center">Satuan Kerja Polri</p>
+                <p className="text-center">{t("policeDivision")}</p>
               </DialogTitle>
               <DialogTitle>
                 <div className="h-1 w-[150px] bg-[#bb3523] mx-auto mb-6 rounded"></div>
@@ -75,7 +106,9 @@ const AreaCoverageWorkUnits = () => {
             <Division />
             <div className="text-right mt-4">
               <DialogClose asChild>
-                <button className="text-[#bb3523] font-bold">Tutup</button>
+                <button className="text-[#bb3523] font-bold">
+                  {t("close")}
+                </button>
               </DialogClose>
             </div>
           </DialogContent>
diff --git a/components/landing-page/event-calender.tsx b/components/landing-page/event-calender.tsx
index e6fcdeeb..6e8db2c4 100644
--- a/components/landing-page/event-calender.tsx
+++ b/components/landing-page/event-calender.tsx
@@ -1,5 +1,6 @@
 import { getCalendarPagination } from "@/service/schedule/schedule";
 import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useTranslations } from "next-intl";
 import React, { useEffect, useState } from "react";
 
 interface CalendarItem {
@@ -28,20 +29,21 @@ const EventCalender = () => {
   const [selectedEvent, setSelectedEvent] = useState<CalendarItem | null>(null);
   const [month, setMonth] = useState(currentMonth);
   const [year, setYear] = useState(currentYear);
+  const t = useTranslations("LandingPage");
 
   const monthNames = [
-    "Januari",
-    "Februari",
-    "Maret",
+    t("january"),
+    t("february"),
+    t("march"),
     "April",
-    "Mei",
-    "Juni",
-    "Juli",
-    "Agustus",
+    t("may"),
+    t("june"),
+    t("july"),
+    t("august"),
     "September",
-    "Oktober",
+    t("october"),
     "November",
-    "Desember",
+    t("december"),
   ];
 
   const fetchData = async () => {
@@ -66,7 +68,8 @@ const EventCalender = () => {
   const lastDayOfMonth = new Date(year, month + 1, 0);
   const daysInMonth = lastDayOfMonth.getDate();
   const startingDayOfWeek = firstDayOfMonth.getDay();
-  const adjustedStartingDay = startingDayOfWeek === 0 ? 6 : startingDayOfWeek - 1;
+  const adjustedStartingDay =
+    startingDayOfWeek === 0 ? 6 : startingDayOfWeek - 1;
 
   const generateCalendarDays = () => {
     const days = [];
@@ -163,7 +166,7 @@ const EventCalender = () => {
   return (
     <div className="mt-8 rounded-lg bg-white dark:bg-zinc-900 p-4 shadow">
       <h2 className="text-lg font-bold text-red-600 border-b border-red-600 mb-4 pb-2">
-        KALENDER ACARA
+        {t("calendar")}
       </h2>
       <div className="flex flex-col lg:flex-row gap-6">
         <div className="w-full lg:w-1/2">
@@ -211,13 +214,16 @@ const EventCalender = () => {
             </div>
           </div>
 
-          <div className="space-y-3 max-h-[230px] overflow-y-auto pr-5" data-lenis-prevent>
+          <div
+            className="space-y-3 max-h-[230px] overflow-y-auto pr-5"
+            data-lenis-prevent
+          >
             <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-3">
-              Daftar Acara
+              {t("eventList")}
             </h3>
             {events?.length === 0 ? (
               <div className="text-center text-gray-500 dark:text-gray-400 py-8">
-                Tidak ada acara yang tersedia
+                {t("noEvent")}
               </div>
             ) : (
               events.map((event) => (
@@ -263,13 +269,15 @@ const EventCalender = () => {
         <div className="w-full lg:w-1/2">
           <div className="bg-gray-100 dark:bg-zinc-800 rounded-lg p-4 sticky top-4">
             <h3 className="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">
-              Detail Acara
+              {t("eventDetails")}
             </h3>
 
             {selectedEvent ? (
               <div className="space-y-4">
                 <img
-                  src={selectedEvent.thumbnailUrl || "/images/default-event.png"}
+                  src={
+                    selectedEvent.thumbnailUrl || "/images/default-event.png"
+                  }
                   alt={selectedEvent.title}
                   className="w-full h-48 object-cover rounded-lg"
                   onError={(e) => {
@@ -286,7 +294,7 @@ const EventCalender = () => {
                   <div className="grid grid-cols-1 gap-3 mb-4">
                     <div className="flex items-start text-sm text-gray-600 dark:text-gray-400">
                       <span className="w-20 font-semibold flex-shrink-0">
-                        Tanggal:
+                        {t("date")}
                       </span>
                       <span>
                         {formatDateRange(
@@ -297,21 +305,22 @@ const EventCalender = () => {
                     </div>
                     <div className="mb-4">
                       <p className="text-sm text-gray-600 dark:text-gray-400 leading-relaxed">
-                        {selectedEvent.description || "Tidak ada deskripsi tersedia."}
+                        {selectedEvent.description ||
+                          "Tidak ada deskripsi tersedia."}
                       </p>
                     </div>
                   </div>
 
                   <div className="flex gap-2">
                     <button className="px-4 py-2 bg-gray-300 dark:bg-zinc-700 text-gray-700 dark:text-gray-300 text-sm font-medium rounded-lg hover:bg-gray-400 dark:hover:bg-zinc-600 transition-colors">
-                      Bagikan
+                      {t("share")}
                     </button>
                   </div>
                 </div>
               </div>
             ) : (
               <div className="text-center text-gray-500 dark:text-gray-400 py-8">
-                Pilih acara untuk melihat detail 
+                {t("selectEvent")}
               </div>
             )}
           </div>
diff --git a/components/landing-page/new-content.tsx b/components/landing-page/new-content.tsx
index b9658e9d..7d873d8e 100644
--- a/components/landing-page/new-content.tsx
+++ b/components/landing-page/new-content.tsx
@@ -113,10 +113,10 @@ const NewContent = (props: { group: string; type: string }) => {
             <Tabs value={selectedTab} onValueChange={setSelectedTab}>
               <TabsList className="flex gap-2 bg-transparent p-0">
                 {[
-                  { label: "Foto", value: "image" },
-                  { label: "Audio Visual", value: "video" },
-                  { label: "Teks", value: "text" },
-                  { label: "Audio", value: "audio" },
+                  { label: t("image"), value: "image" },
+                  { label: t("video"), value: "video" },
+                  { label: t("text"), value: "text" },
+                  { label: t("audio"), value: "audio" },
                 ].map((tab) => (
                   <TabsTrigger
                     key={tab.value}
diff --git a/components/landing-page/search-section-new.tsx b/components/landing-page/search-section-new.tsx
index b0244922..3e71c58a 100644
--- a/components/landing-page/search-section-new.tsx
+++ b/components/landing-page/search-section-new.tsx
@@ -113,7 +113,7 @@ const ScrollableContent = () => {
       <div className="flex flex-col md:flex-row gap-6 py-8">
         {/* Berita Polda */}
         <div className="w-full md:w-1/2 px-4">
-          <h2 className="text-lg md:text-xl font-bold text-[#bb3523] mb-2 uppercase">Berita Polda</h2>
+          <h2 className="text-lg md:text-xl font-bold text-[#bb3523] mb-2 uppercase">{t("regionNews")}</h2>
           <div className="w-[10%] h-1 bg-[#bb3523]"></div>
           <div className="w-full h-1 bg-[#bb3523] mx-auto mb-4"></div>
           <div className="grid gap-4">
@@ -188,7 +188,7 @@ const ScrollableContent = () => {
 
         {/* Berita SATKER */}
         <div className="w-full md:w-1/2 px-4">
-          <h2 className="text-lg md:text-xl font-bold mb-2 text-[#bb3523] uppercase">Berita Satker</h2>
+          <h2 className="text-lg md:text-xl font-bold mb-2 text-[#bb3523] uppercase">{t("divisionNews")}</h2>
           <div className="w-[10%] h-1 bg-[#bb3523]"></div>
           <div className="w-full h-1 bg-[#bb3523] mx-auto mb-4"></div>
           <div className="grid gap-4">
diff --git a/components/landing-page/survey-box.tsx b/components/landing-page/survey-box.tsx
index c6693c9d..5125490a 100644
--- a/components/landing-page/survey-box.tsx
+++ b/components/landing-page/survey-box.tsx
@@ -1,5 +1,13 @@
 import React, { useEffect, useState } from "react";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../ui/dialog";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "../ui/dialog";
 import FormSurvey from "./survey";
 import { Controller, useForm } from "react-hook-form";
 import { Textarea } from "../ui/textarea";
@@ -8,6 +16,7 @@ import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Checkbox } from "../ui/checkbox";
 import { createSurveyData } from "@/service/survey/survey";
+import { useTranslations } from "next-intl";
 
 const surveySchema = z.object({
   accessFrequency: z.string(),
@@ -26,6 +35,8 @@ const UserSurveyBox = () => {
   const [openPolda, setOpenPolda] = useState<any>();
   const [showSurvey, setShowSurvey] = useState(true);
   const [isLoading, setIsLoading] = useState(false);
+  const t = useTranslations("LandingPage");
+
   const {
     control,
     handleSubmit,
@@ -46,16 +57,49 @@ const UserSurveyBox = () => {
   });
 
   const options = {
-    accessFrequency: ["Setiap hari", "Beberapa kali seminggu", "Beberapa kali dalam sebulan", "Baru pertama kali"],
+    accessFrequency: [
+      "Setiap hari",
+      "Beberapa kali seminggu",
+      "Beberapa kali dalam sebulan",
+      "Baru pertama kali",
+    ],
     uiExperienceDesign: ["Sangat baik", "Baik", "Cukup", "Kurang", "Buruk"],
-    uiExperienceNavigation: ["Sangat mudah", "Mudah", "Cukup", "Sulit", "Sangat sulit"],
-    uiExperienceSpeed: ["Sangat cepat", "Cepat", "Cukup", "Lambat", "Sangat lambat"],
+    uiExperienceNavigation: [
+      "Sangat mudah",
+      "Mudah",
+      "Cukup",
+      "Sulit",
+      "Sangat sulit",
+    ],
+    uiExperienceSpeed: [
+      "Sangat cepat",
+      "Cepat",
+      "Cukup",
+      "Lambat",
+      "Sangat lambat",
+    ],
     infoAccuracy: ["Sangat puas", "Puas", "Cukup", "Kurang puas", "Tidak puas"],
-    infoCompleteness: ["Sangat lengkap", "Lengkap", "Cukup", "Kurang lengkap", "Tidak lengkap"],
-    usefulness: ["Sangat membantu", "Membantu", "Cukup membantu", "Kurang membantu", "Tidak membantu"],
+    infoCompleteness: [
+      "Sangat lengkap",
+      "Lengkap",
+      "Cukup",
+      "Kurang lengkap",
+      "Tidak lengkap",
+    ],
+    usefulness: [
+      "Sangat membantu",
+      "Membantu",
+      "Cukup membantu",
+      "Kurang membantu",
+      "Tidak membantu",
+    ],
   };
 
-  const renderControllerGroup = (name: keyof SurveySchema, question: string, choices: string[]) => (
+  const renderControllerGroup = (
+    name: keyof SurveySchema,
+    question: string,
+    choices: string[]
+  ) => (
     <div className="space-y-2">
       <p className="font-medium">{question}</p>
       <div className="grid grid-cols-2 gap-2">
@@ -66,14 +110,21 @@ const UserSurveyBox = () => {
             control={control}
             render={({ field }) => (
               <label className="flex items-center space-x-2">
-                <Checkbox checked={field.value === choice} onCheckedChange={() => field.onChange(choice)} />
+                <Checkbox
+                  checked={field.value === choice}
+                  onCheckedChange={() => field.onChange(choice)}
+                />
                 <span>{choice}</span>
               </label>
             )}
           />
         ))}
       </div>
-      {errors[name] && <p className="text-red-500 text-sm">{errors[name]?.message as string}</p>}
+      {errors[name] && (
+        <p className="text-red-500 text-sm">
+          {errors[name]?.message as string}
+        </p>
+      )}
     </div>
   );
 
@@ -107,50 +158,105 @@ const UserSurveyBox = () => {
       <div className="relative z-10 grid grid-cols-1 md:grid-cols-2 gap-4 items-center">
         {/* Kiri: Teks dan tombol */}
         <div>
-          <h2 className="text-2xl font-bold mb-2">SURVEI KEPUASAN PENGGUNA MEDIAHUB POLRI</h2>
-          <p className="text-sm text-gray-700 dark:text-gray-300 mb-6">Kami menghargai pendapat Anda! Survei ini bertujuan untuk meningkatkan kualitas layanan MediaHub Polri. Mohon luangkan waktu beberapa menit untuk mengisi survei ini.</p>
+          <h2 className="text-2xl font-bold mb-2">{t("survey1")}</h2>
+          <p className="text-sm text-gray-700 dark:text-gray-300 mb-6">
+            {t("survey2")}
+          </p>
           <Dialog open={openPolda} onOpenChange={setOpenPolda}>
             <DialogTrigger asChild>
-              <Button size="md" onClick={() => setOpenPolda(true)} className="bg-[#bb3523] hover:bg-[#9e2e1e] text-white font-bold px-6 py-3 rounded shadow-md transition-all duration-300">
-                SURVEY SEKARANG
+              <Button
+                size="md"
+                onClick={() => setOpenPolda(true)}
+                className="bg-[#bb3523] hover:bg-[#9e2e1e] text-white font-bold px-6 py-3 rounded shadow-md transition-all duration-300"
+              >
+                {t("survey3")}
               </Button>
             </DialogTrigger>
-            <DialogContent size="md" className="max-h-[90vh] overflow-auto flex flex-col" data-lenis-prevent>
+            <DialogContent
+              size="md"
+              className="max-h-[90vh] overflow-auto flex flex-col"
+              data-lenis-prevent
+            >
               <DialogHeader>
-                <DialogTitle className="text-lg font-bold">SURVEI KEPUASAN PENGGUNA MEDIAHUB POLRI</DialogTitle>
-                <DialogDescription className="text-sm">Kami menghargai pendapat Anda! Survei ini bertujuan untuk meningkatkan kualitas layanan MediaHub Polri.</DialogDescription>
+                <DialogTitle className="text-lg font-bold">
+                  {t("survey4")}
+                </DialogTitle>
+                <DialogDescription className="text-sm">
+                  {t("survey5")}
+                </DialogDescription>
               </DialogHeader>
 
-              <form onSubmit={handleSubmit(onSubmit)} className="space-y-6 mt-4">
-                {renderControllerGroup("accessFrequency", "1. Seberapa sering Anda mengakses MediaHub Polri?", options.accessFrequency)}
+              <form
+                onSubmit={handleSubmit(onSubmit)}
+                className="space-y-6 mt-4"
+              >
+                {renderControllerGroup(
+                  "accessFrequency",
+                  t("survey6"),
+                  options.accessFrequency
+                )}
 
                 <div>
-                  <p className="font-medium">2. Bagaimana pengalaman Anda dalam mengakses website ini?</p>
+                  <p className="font-medium">{t("survey7")}</p>
                   <div className="space-y-3 mt-2">
-                    {renderControllerGroup("uiExperienceDesign", "a) Tampilan dan desain website", options.uiExperienceDesign)}
-                    {renderControllerGroup("uiExperienceNavigation", "b) Kemudahan navigasi", options.uiExperienceNavigation)}
-                    {renderControllerGroup("uiExperienceSpeed", "c) Kecepatan akses website", options.uiExperienceSpeed)}
+                    {renderControllerGroup(
+                      "uiExperienceDesign",
+                      "a) Tampilan dan desain website",
+                      options.uiExperienceDesign
+                    )}
+                    {renderControllerGroup(
+                      "uiExperienceNavigation",
+                      "b) Kemudahan navigasi",
+                      options.uiExperienceNavigation
+                    )}
+                    {renderControllerGroup(
+                      "uiExperienceSpeed",
+                      "c) Kecepatan akses website",
+                      options.uiExperienceSpeed
+                    )}
                   </div>
                 </div>
 
                 <div>
-                  <p className="font-medium">3. Seberapa puas Anda dengan informasi yang tersedia di MediaHub Polri?</p>
+                  <p className="font-medium">{t("survey8")}</p>
                   <div className="space-y-3 mt-2">
-                    {renderControllerGroup("infoAccuracy", "a) Akurat dan terpercaya", options.infoAccuracy)}
-                    {renderControllerGroup("infoCompleteness", "b) Kelengkapan berita dan informasi", options.infoCompleteness)}
+                    {renderControllerGroup(
+                      "infoAccuracy",
+                      "a) Akurat dan terpercaya",
+                      options.infoAccuracy
+                    )}
+                    {renderControllerGroup(
+                      "infoCompleteness",
+                      "b) Kelengkapan berita dan informasi",
+                      options.infoCompleteness
+                    )}
                   </div>
                 </div>
 
-                {renderControllerGroup("usefulness", "4. Apakah Anda merasa website ini membantu dalam mendapatkan informasi terkait Polri?", options.usefulness)}
+                {renderControllerGroup(
+                  "usefulness",
+                  t("survey9"),
+                  options.usefulness
+                )}
 
                 <div>
-                  <p className="font-medium">5. Apa saran atau masukan Anda?</p>
-                  <Controller name="suggestion" control={control} render={({ field }) => <Textarea placeholder="Tulis pesan Anda..." value={field.value} onChange={field.onChange} />} />
+                  <p className="font-medium">{t("survey10")}</p>
+                  <Controller
+                    name="suggestion"
+                    control={control}
+                    render={({ field }) => (
+                      <Textarea
+                        placeholder="Tulis pesan Anda..."
+                        value={field.value}
+                        onChange={field.onChange}
+                      />
+                    )}
+                  />
                 </div>
 
                 <div className="flex justify-end gap-2">
                   <Button variant="outline" onClick={() => setOpenPolda(false)}>
-                    Batal
+                    {t("cancel")}
                   </Button>
                   <Button type="submit" disabled={isLoading}>
                     {isLoading ? "Mengirim..." : "Kirim"}
@@ -163,7 +269,11 @@ const UserSurveyBox = () => {
 
         {/* Kanan: Gambar survey */}
         <div className="hidden lg:flex justify-center md:justify-end">
-          <img src="/assets/survey.png" alt="Survey Illustration" className="w-48 h-auto" />
+          <img
+            src="/assets/survey.png"
+            alt="Survey Illustration"
+            className="w-48 h-auto"
+          />
         </div>
       </div>
     </div>
diff --git a/messages/en.json b/messages/en.json
index 61d7fd78..88c4ba53 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -565,7 +565,38 @@
     "welcome": "Welcome To",
     "polda": "Official coverage sourced from Polri activities at Polda",
     "satker": "Official coverage sourced from Polri activities at Satker",
-    "resending": "Resending"
+    "resending": "Resending",
+    "regionNews": "Region Police News",
+    "divisionNews": "Division Police News",
+    "areaCoverage": "Area Coverage & Divison",
+    "calendar": "EVENTS CALENDAR",
+    "january": "January",
+    "february": "February",
+    "march": "March",
+    "may": "May",
+    "june": "June",
+    "july": "July",
+    "august": "August",
+    "october": "October",
+    "december": "December",
+    "eventList": "Event List",
+    "noEvent": "No events available",
+    "eventDetails": "Event Details",
+    "date": "Date:",
+    "selectEvent": "Select an event to view details",
+    "regionalPolice": "Regional Police List",
+    "policeDivision": "Police Division",
+    "close": "Close",
+    "survey1": "MEDIAHUB POLRI USER SATISFACTION SURVEY",
+    "survey2": "We value your opinion! This survey aims to improve the quality of Polri MediaHub services. Please take a few minutes to complete this survey.",
+    "survey3": "SURVEY NOW",
+    "survey4": "MEDIAHUB POLRI USER SATISFACTION SURVEY",
+    "survey5": "We value your opinion! This survey aims to improve the quality of Polri MediaHub services.",
+    "survey6": "1. How often do you access the Polri MediaHub?",
+    "survey7": "2. How was your experience in accessing this website?",
+    "survey8": "3. How satisfied are you with the information available on the Polri MediaHub?",
+    "survey9": "4. Do you feel this website is helpful in getting information related to the Police?",
+    "survey10": "5. What are your suggestions or input?"
   },
   "FilterPage": {
     "image": "Image",
diff --git a/messages/in.json b/messages/in.json
index be59ddc2..4aba77fa 100644
--- a/messages/in.json
+++ b/messages/in.json
@@ -566,7 +566,52 @@
     "welcome": "Selamat Datang di",
     "polda": "Liputan resmi yang bersumber dari kegiatan Polri di Polda",
     "satker": "Liputan resmi yang bersumber dari kegiatan Polri di Satker",
-    "resending": "Kirim Ulang"
+    "resending": "Kirim Ulang",
+    "regionNews": "Berita Polda",
+    "divisionNews": "Berita Satker",
+    "areaCoverage": "Liputan Wilayah & Satker",
+    "calendar": "KALENDER ACARA",
+        "january": "Januari",
+            "february": "February",
+                "march": "March",
+                    "may": "May",
+                        "june": "Juni",
+        "july": "Juli",
+        "august": "Agustus",
+            "october": "Oktober",
+            "december": "Desember",
+        "eventList": "Daftar Acara",
+        "noEvent": "Tidak ada acara yang tersedia",
+        "eventDetails": "Detail Acara",
+        "date": "Tanggal:",
+            "selectEvent": "Pilih acara untuk melihat detail",
+        "regionalPolice": "Polda Jajaran",
+            "policeDivision": "Satuan Kerja Polri",
+        "close": "Tutup",
+            "survey1": "SURVEI KEPUASAN PENGGUNA MEDIAHUB POLRI",
+        "survey2": "Kami menghargai pendapat Anda! Survei ini bertujuan untuk meningkatkan kualitas layanan MediaHub Polri. Mohon luangkan waktu beberapa menit untuk mengisi survei ini.",
+            "survey3": "SURVEY SEKARANG",   
+             "survey4": "SURVEI KEPUASAN PENGGUNA MEDIAHUB POLRI",
+                 "survey5": "Kami menghargai pendapat Anda! Survei ini bertujuan untuk meningkatkan kualitas layanan MediaHub Polri.",
+                     "survey6": "1. Seberapa sering Anda mengakses MediaHub Polri?",
+                         "survey7": "2. Bagaimana pengalaman Anda dalam mengakses website ini?",
+        "survey8": "3. Seberapa puas Anda dengan informasi yang tersedia di MediaHub Polri?",
+            "survey9": "4. Apakah Anda merasa website ini membantu dalam mendapatkan informasi terkait Polri?",
+                "survey10": "5. Apa saran atau masukan Anda?"
+
+
+
+
+
+
+
+
+
+
+
+
+
+
   },
   "FilterPage": {
     "image": "Foto",