diff --git a/components/landing/BannerHumas.tsx b/components/landing/BannerHumas.tsx
index 6786c8d..80c4073 100644
--- a/components/landing/BannerHumas.tsx
+++ b/components/landing/BannerHumas.tsx
@@ -4,14 +4,14 @@ import React from "react";
 export default function BannerHumas() {
   const t = useTranslations("Banner");
   return (
-    <div className="bg-white relative text-white">
+    <div className="h-fit relative text-white mt-[-130px]">
       <img
         src="headerbanner1.png"
         alt="humasbanner"
-        className="w-full relative bottom-0 md:bottom-10"
+        className="w-full relative"
       />
       <div className="absolute  top-1/2 left-1/2  transform -translate-x-1/2 -translate-y-1/2 text-center w-full md:w-[75%]">
-        <p className="text-sm lg:text-4xl font-bold pb-1 md:pb-5">
+        <p className="text-sm lg:text-[42px] lg:leading-10 font-bold pb-1 md:pb-5">
           {t("jumbotron")}
         </p>
         <p className="text-xs md:text-medium">{`"${t("phrase")}"`}</p>
diff --git a/components/layout/navbar/NavbarHumas.tsx b/components/layout/navbar/NavbarHumas.tsx
index e296744..155f0c1 100644
--- a/components/layout/navbar/NavbarHumas.tsx
+++ b/components/layout/navbar/NavbarHumas.tsx
@@ -56,6 +56,7 @@ interface DropdownOpenState {
 
 export default function NavbarHumas() {
   const [dropdownOpen, setDropdownOpen] = useState<DropdownOpenState>({});
+  const [isOpen, setIsOpen] = useState(false);
   const router = useRouter();
   const t = useTranslations("Navbar");
   const token = Cookies.get("access_token");
@@ -86,13 +87,13 @@ export default function NavbarHumas() {
 
   const searchInput = (
     <Input
-      aria-label="Search"
+      aria-label="search"
       classNames={{
         inputWrapper: "bg-default-100",
         input: "text-sm",
       }}
       labelPlacement="outside"
-      placeholder="Search..."
+      placeholder={t("search")}
       startContent={
         <SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
       }
@@ -104,22 +105,12 @@ export default function NavbarHumas() {
       isBordered
       maxWidth="full"
       height="8rem"
-      className="dark:bg-[#1F1A17]"
+      className="backdrop-opacity-10"
+      classNames={{ wrapper: "px-0" }}
     >
       <div className="w-full h-full flex">
-        <div className="min-w-max md:w-1/12 flex items-center justify-center">
-          <Link href={"/"}>
-            <Image
-              height={100}
-              width={100}
-              src="/logohumas.png"
-              alt="logo"
-              className="min-w-max"
-            />
-          </Link>
-        </div>
-        <div className="w-auto md:w-11/12  hidden md:flex flex-col justify-cente pt-3 space-y-3">
-          <div className="flex items-center justify-end gap-1 md:gap-5">
+        <div className="w-full hidden md:flex flex-col pt-3">
+          <div className="flex items-center justify-end gap-1 md:gap-5 px-[50px]">
             <div className="flex gap-1 lg:gap-3 items-center">
               <Link
                 href="https://www.facebook.com/DivHumasPolri?_rdc=1&_rdr"
@@ -148,257 +139,6 @@ export default function NavbarHumas() {
               >
                 <TtIcon />
               </Link>
-            </div>
-            <a
-              className="cursor-pointer"
-              onClick={() =>
-                language === "id" ? setLanguage("en") : setLanguage("id")
-              }
-            >
-              {language === "id" ? <IdnIcon /> : <UKIcon />}
-            </a>
-          </div>
-          <div className="flex flex-wrap items-center justify-around ">
-            <Link href={"/"}>
-              <div>{t("beranda")}</div>
-            </Link>
-            <div>
-              <Dropdown className=" dark:bg-[#1F1A17]">
-                <NavbarItem>
-                  <DropdownTrigger>
-                    <Button
-                      disableRipple
-                      className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
-                      radius="sm"
-                      variant="light"
-                      endContent={<ChevronDownIcon className="pt-1" />}
-                    >
-                      {t("tentang")}
-                    </Button>
-                  </DropdownTrigger>
-                </NavbarItem>
-                <DropdownMenu
-                  // aria-label="tentang"
-                  title={t("tentang")}
-                  className="pt-4"
-                  classNames={{
-                    // base: "flex",
-                    // list: "border-2 gap-2 flex flex-row flex-wrap"
-                    list: "gap-2 flex flex-row flex-wrap",
-                  }}
-                  itemClasses={{
-                    // base: "border border-red-700 w-[350px]"
-                    base: "w-[350px]",
-                  }}
-                >
-                  <DropdownItem>
-                    <Link
-                      href="/static/humas-polri"
-                      className="flex  justify-between"
-                    >
-                      {t("tentang")} Humas POLRI
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="/static/profile-kapolri"
-                      className="flex  justify-between"
-                    >
-                      {t("profilPimpinan")}
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="/static/struktur-mabes"
-                      className="flex  justify-between"
-                    >
-                      {t("strukturOrganisasi")}
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="/static/visi-misi-polri"
-                      className="flex  justify-between"
-                    >
-                      {t("visi")} & {t("misi")}
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="/static/tugas-dan-fungsi-polri"
-                      className="flex  justify-between"
-                    >
-                      {t("tugas")} & {t("fungsi")}
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link href="/static/logo" className="flex  justify-between">
-                      Logo
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                </DropdownMenu>
-              </Dropdown>
-            </div>
-            <div>
-              {/* <Link href="http://103.82.242.92:5555/" target="_blank">
-                Portal PPID
-              </Link> */}
-              <Link href="http://siberpresisi.com/" target="_blank">
-                Portal PPID
-              </Link>
-            </div>
-            <div>
-              <Dropdown className="dark:bg-[#1F1A17]">
-                <NavbarItem>
-                  <DropdownTrigger>
-                    <Button
-                      disableRipple
-                      className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
-                      radius="sm"
-                      variant="light"
-                      endContent={<ChevronDownIcon className="pt-1" />}
-                    >
-                      {t("pelayananMasyarakat")}
-                    </Button>
-                  </DropdownTrigger>
-                </NavbarItem>
-                <DropdownMenu
-                  aria-label="pelayanan-masyarakat"
-                  title="pelayanan-masyarakat"
-                  className="pt-4"
-                  classNames={{
-                    list: "gap-2 flex flex-row flex-wrap",
-                  }}
-                  itemClasses={{
-                    base: "w-[350px]",
-                  }}
-                >
-                  <DropdownItem>
-                    <Link
-                      href={"/form-permohonan-informasi"}
-                      className="flex  justify-between"
-                    >
-                      Formulir Permohonan Informasi
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://www.digitalkorlantas.id/sim/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan SIM
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://erikkes.id/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan e-Rikkes SIM
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://eppsi.id/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan Test Psikologi SIM
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://e-avis.korlantas.polri.go.id/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan e-Arvis
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://samsatdigital.id/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan Samsat Digital
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan SKCK
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan Propam Presisi
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://dumaspresisi.polri.go.id/"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan Dumas Presisi
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://bos.polri.go.id/login"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Pelayanan Binmas
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                  <DropdownItem>
-                    <Link
-                      href="https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2"
-                      target="_blank"
-                      className="flex  justify-between"
-                    >
-                      Whistle Blower System
-                      <ChevronRightIcon />
-                    </Link>
-                  </DropdownItem>
-                </DropdownMenu>
-              </Dropdown>
-            </div>
-            <div>
-              <Link href={"/kontak-kami"}>{t("kontak")}</Link>
-            </div>
-            <div className="flex items-center gap-3">
-              <div className="hidden lg:block">{searchInput}</div>
-              <div>
-                <ThemeSwitch />
-              </div>
               {token ? (
                 // <Button className="bg-[#DD8306]" onPress={onLogout}>
                 //   Logout
@@ -428,11 +168,519 @@ export default function NavbarHumas() {
                 </Dropdown>
               ) : (
                 <Link href="/auth">
-                  <Button className="bg-[#DD8306] text-white">Login</Button>
+                  <Button
+                    variant="bordered"
+                    className="font-bold text-black border-black dark:border-white dark:text-white px-0 pl-2 rounded-md py-0"
+                    endContent={<ChevronRightIcon />}
+                  >
+                    {t("masuk")}
+                  </Button>
                 </Link>
               )}
             </div>
           </div>
+          <div
+            className={`flex flex-wrap items-center justify-between px-[50px] ${
+              isOpen ? "bg-white dark:bg-[#1F1A17]" : "bg-transparent"
+            }`}
+          >
+            <Link href={"/"}>
+              <img src="/logohumas.png" alt="logo" className="w-[75px]" />
+            </Link>
+
+            <Dropdown
+              className="bg-white dark:bg-[#1F1A17] "
+              radius="none"
+              classNames={{ base: "shadow-none" }}
+              onOpenChange={(state) => setIsOpen(state)}
+            >
+              <NavbarItem>
+                <DropdownTrigger>
+                  <Button
+                    disableRipple
+                    className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
+                    radius="sm"
+                    variant="light"
+                    endContent={<ChevronDownIcon className="pt-1" />}
+                  >
+                    {t("pelayananMasyarakat")}
+                  </Button>
+                </DropdownTrigger>
+              </NavbarItem>
+              <DropdownMenu
+                aria-label="pelayanan-masyarakat"
+                title="pelayanan-masyarakat"
+                className="pt-4"
+                classNames={{
+                  list: "gap-2 flex flex-row flex-wrap",
+                }}
+                itemClasses={{
+                  base: "w-[350px]",
+                }}
+              >
+                <DropdownItem>
+                  <Link
+                    href={"/form-permohonan-informasi"}
+                    className="flex  justify-between"
+                  >
+                    Formulir Permohonan Informasi
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://www.digitalkorlantas.id/sim/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan SIM
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://erikkes.id/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan e-Rikkes SIM
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://eppsi.id/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan Test Psikologi SIM
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://e-avis.korlantas.polri.go.id/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan e-Arvis
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://samsatdigital.id/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan Samsat Digital
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan SKCK
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan Propam Presisi
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://dumaspresisi.polri.go.id/"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan Dumas Presisi
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://bos.polri.go.id/login"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Pelayanan Binmas
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2"
+                    target="_blank"
+                    className="flex  justify-between"
+                  >
+                    Whistle Blower System
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+            <Dropdown
+              className=" dark:bg-[#1F1A17]"
+              onOpenChange={(state) => setIsOpen(state)}
+            >
+              <NavbarItem>
+                <DropdownTrigger>
+                  <Button
+                    disableRipple
+                    className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
+                    radius="sm"
+                    variant="light"
+                    endContent={<ChevronDownIcon className="pt-1" />}
+                  >
+                    {t("informasi_publik")}
+                  </Button>
+                </DropdownTrigger>
+              </NavbarItem>
+              <DropdownMenu
+                // aria-label="tentang"
+                title={t("tentang")}
+                className="pt-4"
+                classNames={{
+                  // base: "flex",
+                  // list: "border-2 gap-2 flex flex-row flex-wrap"
+                  list: "gap-2 flex flex-row flex-wrap",
+                }}
+                itemClasses={{
+                  // base: "border border-red-700 w-[350px]"
+                  base: "w-[350px]",
+                }}
+              >
+                <DropdownItem>
+                  <Link
+                    href="/static/humas-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tentang")} Humas POLRI
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/profile-kapolri"
+                    className="flex  justify-between"
+                  >
+                    {t("profilPimpinan")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/struktur-mabes"
+                    className="flex  justify-between"
+                  >
+                    {t("strukturOrganisasi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/visi-misi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("visi")} & {t("misi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/tugas-dan-fungsi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tugas")} & {t("fungsi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link href="/static/logo" className="flex  justify-between">
+                    Logo
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+            <Dropdown
+              className=" dark:bg-[#1F1A17]"
+              onOpenChange={(state) => setIsOpen(state)}
+            >
+              <NavbarItem>
+                <DropdownTrigger>
+                  <Button
+                    disableRipple
+                    className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
+                    radius="sm"
+                    variant="light"
+                    endContent={<ChevronDownIcon className="pt-1" />}
+                  >
+                    {t("publikasi")}
+                  </Button>
+                </DropdownTrigger>
+              </NavbarItem>
+              <DropdownMenu
+                // aria-label="tentang"
+                title={t("tentang")}
+                className="pt-4"
+                classNames={{
+                  // base: "flex",
+                  // list: "border-2 gap-2 flex flex-row flex-wrap"
+                  list: "gap-2 flex flex-row flex-wrap",
+                }}
+                itemClasses={{
+                  // base: "border border-red-700 w-[350px]"
+                  base: "w-[350px]",
+                }}
+              >
+                <DropdownItem>
+                  <Link
+                    href="/static/humas-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tentang")} Humas POLRI
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/profile-kapolri"
+                    className="flex  justify-between"
+                  >
+                    {t("profilPimpinan")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/struktur-mabes"
+                    className="flex  justify-between"
+                  >
+                    {t("strukturOrganisasi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/visi-misi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("visi")} & {t("misi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/tugas-dan-fungsi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tugas")} & {t("fungsi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link href="/static/logo" className="flex  justify-between">
+                    Logo
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+            <Dropdown
+              className=" dark:bg-[#1F1A17]"
+              onOpenChange={(state) => setIsOpen(state)}
+            >
+              <NavbarItem>
+                <DropdownTrigger>
+                  <Button
+                    disableRipple
+                    className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
+                    radius="sm"
+                    variant="light"
+                    endContent={<ChevronDownIcon className="pt-1" />}
+                  >
+                    {t("tentang")}
+                  </Button>
+                </DropdownTrigger>
+              </NavbarItem>
+              <DropdownMenu
+                // aria-label="tentang"
+                title={t("tentang")}
+                className="pt-4"
+                classNames={{
+                  // base: "flex",
+                  // list: "border-2 gap-2 flex flex-row flex-wrap"
+                  list: "gap-2 flex flex-row flex-wrap",
+                }}
+                itemClasses={{
+                  // base: "border border-red-700 w-[350px]"
+                  base: "w-[350px]",
+                }}
+              >
+                <DropdownItem>
+                  <Link
+                    href="/static/humas-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tentang")} Humas POLRI
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/profile-kapolri"
+                    className="flex  justify-between"
+                  >
+                    {t("profilPimpinan")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/struktur-mabes"
+                    className="flex  justify-between"
+                  >
+                    {t("strukturOrganisasi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/visi-misi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("visi")} & {t("misi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/tugas-dan-fungsi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tugas")} & {t("fungsi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link href="/static/logo" className="flex  justify-between">
+                    Logo
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+            <Dropdown
+              className=" dark:bg-[#1F1A17]"
+              onOpenChange={(state) => setIsOpen(state)}
+            >
+              <NavbarItem>
+                <DropdownTrigger>
+                  <Button
+                    disableRipple
+                    className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
+                    radius="sm"
+                    variant="light"
+                    endContent={<ChevronDownIcon className="pt-1" />}
+                  >
+                    {t("aplikasi_terkait")}
+                  </Button>
+                </DropdownTrigger>
+              </NavbarItem>
+              <DropdownMenu
+                // aria-label="tentang"
+                title={t("tentang")}
+                className="pt-4"
+                classNames={{
+                  // base: "flex",
+                  // list: "border-2 gap-2 flex flex-row flex-wrap"
+                  list: "gap-2 flex flex-row flex-wrap",
+                }}
+                itemClasses={{
+                  // base: "border border-red-700 w-[350px]"
+                  base: "w-[350px]",
+                }}
+              >
+                <DropdownItem>
+                  <Link
+                    href="/static/humas-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tentang")} Humas POLRI
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/profile-kapolri"
+                    className="flex  justify-between"
+                  >
+                    {t("profilPimpinan")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/struktur-mabes"
+                    className="flex  justify-between"
+                  >
+                    {t("strukturOrganisasi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/visi-misi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("visi")} & {t("misi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link
+                    href="/static/tugas-dan-fungsi-polri"
+                    className="flex  justify-between"
+                  >
+                    {t("tugas")} & {t("fungsi")}
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+                <DropdownItem>
+                  <Link href="/static/logo" className="flex  justify-between">
+                    Logo
+                    <ChevronRightIcon />
+                  </Link>
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+            <div className="flex items-center gap-3">
+              <div className="hidden lg:block">{searchInput}</div>
+
+              <a
+                className="cursor-pointer"
+                onClick={() =>
+                  language === "id" ? setLanguage("en") : setLanguage("id")
+                }
+              >
+                {language === "id" ? <IdnIcon /> : <UKIcon />}
+              </a>
+              <div>
+                <ThemeSwitch />
+              </div>
+            </div>
+          </div>
         </div>
         <NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
           <ThemeSwitch />
diff --git a/messages/en.json b/messages/en.json
index cb90480..22d4667 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -9,7 +9,12 @@
     "strukturOrganisasi": "Organizational Structure",
     "profilPimpinan": "Profile of The Police Leader",
     "tugas": "Duties",
-    "fungsi": "Functions"
+    "fungsi": "Functions",
+    "aplikasi_terkait": "Related Apps",
+    "publikasi": "Publication",
+    "informasi_publik": "Public Information",
+    "search": "Search...",
+    "masuk": "Login"
   },
   "Banner": {
     "jumbotron": "TRANSPARENCY, PARTICIPATION, AND THE BEST SERVICES FROM POLRI FOR INDONESIA",
diff --git a/messages/id.json b/messages/id.json
index 665f2cc..8f2174e 100644
--- a/messages/id.json
+++ b/messages/id.json
@@ -9,7 +9,12 @@
     "strukturOrganisasi": "Struktur Organisasi",
     "profilPimpinan": "Profil Pimpinan Polri",
     "tugas": "Tugas",
-    "fungsi": "Fungsi"
+    "fungsi": "Fungsi",
+    "aplikasi_terkait": "Aplikasi Terkait",
+    "publikasi": "Publikasi",
+    "informasi_publik": "Informasi Publik",
+    "search": "Pencarian...",
+    "masuk": "Masuk"
   },
   "Banner": {
     "jumbotron": "TRANSPARANSI, PATISIPASI, DAN LAYANAN TERBAIK DARI POLRI UNTUK INDONESIA",