fix: tbnews + mediahub

app/[locale]/(public)/(polda)/tbnews-mediahub/[polda_name]/page.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import ContactUsKaltara from "@/components/landing-page/landing-polda-kaltara/contact-us-kaltara";
+import ContentCategoryKaltara from "@/components/landing-page/landing-polda-kaltara/content-category-kaltara";
+import HeaderBannerKaltara from "@/components/landing-page/landing-polda-kaltara/header-banner-kaltara";
+import LatestContentKaltara from "@/components/landing-page/landing-polda-kaltara/latest-content-kaltara";
+import NavbarKaltara from "@/components/landing-page/landing-polda-kaltara/navbar-polda-kaltara";
+import WelcomePolda from "@/components/landing-page/welcome-polda";
+import React from "react";
+import NewsTickerKaltara from "../../tbnews/[polda_name]/components/news-tickers-kaltara";
+import { useParams } from "next/navigation";
+
+const PoldaKaltara2 = () => {
+  const params = useParams();
+  const poldaName: string | undefined = params?.polda_name as string;
+
+  if (poldaName !== "kaltara") {
+    return null;
+  }
+
+  return (
+    <div>
+      <NavbarKaltara />
+      <HeaderBannerKaltara />
+      {/* <SearchSectionKaltara /> */}
+      <div className="px-4 lg:px-[100px]">
+        <WelcomePolda />
+      </div>
+      <LatestContentKaltara group="polda" type="latest" />
+      <LatestContentKaltara group="polda" type="popular" />
+      <ContentCategoryKaltara type="" group="polda" />
+      <ContactUsKaltara />
+      <NewsTickerKaltara />
+    </div>
+  );
+};
+
+export default PoldaKaltara2;

app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/navbar-kaltara.tsx

@@ -47,7 +47,7 @@ const categoryLinks: any = {
   MediaHub: "https://new.netidhub.com/in/polda/kaltara",
 };
 
-const NavbarKaltara = () => {
+const NavbarKaltaraTbnews = () => {
   const [menuOpen, setMenuOpen] = useState(false);
 
   return (
@@ -111,4 +111,4 @@ const NavbarKaltara = () => {
   );
 };
 
-export default NavbarKaltara;
+export default NavbarKaltaraTbnews;

app/[locale]/(public)/(polda)/tbnews/[polda_name]/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import React from "react";
-import NavbarKaltara from "./components/navbar-kaltara";
 import HeroKaltara from "./components/hero-kaltara";
 import LatestNews from "./components/latest-news";
 import PopularNews from "./components/popular-news";
@@ -15,33 +14,34 @@ import ContactUsKaltara from "@/components/landing-page/landing-polda-kaltara/co
 import WelcomePolda from "@/components/landing-page/welcome-polda";
 import LatestContentKaltara from "@/components/landing-page/landing-polda-kaltara/latest-content-kaltara";
 import ContentCategoryKaltara from "@/components/landing-page/landing-polda-kaltara/content-category-kaltara";
+import NavbarKaltaraTbnews from "./components/navbar-kaltara";
 
 const PoldaKaltara = () => {
   return (
-    // <div>
-    //   <NavbarKaltara />
-    //   <HeroKaltara />
-    //   <PpsSection />
-    //   <LatestNews type="latest" />
-    //   <LatestNews type="popular" />
-    //   {/* <PopularNews /> */}
-    //   <SocialMedia />
-    //   <NationalNews />
-    //   <RegionalNews />
-    //   {/* <ContactUs /> */}
-    //   <ContactUsKaltara />
-    //   <NewsTickerKaltara />
-    // </div>
     <div>
-      <NavbarKaltara />
+      <NavbarKaltaraTbnews />
-      {/* <SearchSectionKaltara /> */}
+      <HeroKaltara />
-      <WelcomePolda />
+      <PpsSection />
-      <LatestContentKaltara group="polda" type="latest" />
+      <LatestNews type="latest" />
-      <LatestContentKaltara group="polda" type="popular" />
+      <LatestNews type="popular" />
-      <ContentCategoryKaltara type="" group="polda" />
+      {/* <PopularNews /> */}
+      <SocialMedia />
+      <NationalNews />
+      <RegionalNews />
+      {/* <ContactUs /> */}
       <ContactUsKaltara />
       <NewsTickerKaltara />
     </div>
+    // <div>
+    //   <NavbarKaltara />
+    //   {/* <SearchSectionKaltara /> */}
+    //   <WelcomePolda />
+    //   <LatestContentKaltara group="polda" type="latest" />
+    //   <LatestContentKaltara group="polda" type="popular" />
+    //   <ContentCategoryKaltara type="" group="polda" />
+    //   <ContactUsKaltara />
+    //   <NewsTickerKaltara />
+    // </div>
   );
 };
 

components/landing-page/landing-polda-kaltara/contact-us-kaltara.tsx

@@ -45,7 +45,7 @@ const channels: Channel[] = [
 
 const ContactUsKaltara = () => {
   return (
-    <div className="min-h-[300px] lg:min-h-[300px] text-black px-4 lg:px-20 pb-20">
+    <div className="min-h-[300px] lg:min-h-[300px] text-black px-4 lg:px-[115px] pb-20">
       <div className="w-full px-4 py-4 bg-white">
         <h2 className="text-center text-xl md:text-2xl font-semibold mb-6">Channel Divisi Humas Polri</h2>
 

components/landing-page/landing-polda-kaltara/content-category-kaltara.tsx

@@ -73,7 +73,7 @@ const ContentCategoryKaltara = (props: { group?: string; type: string }) => {
       : window.btoa(str);
 
   return (
-    <div className="px-4 lg:px-24 py-10">
+    <div className="px-4 lg:px-[115px] py-10">
       <Reveal>
         <h2 className="text-center text-xl lg:text-3xl font-bold text-[#bb3523] mb-4">
           {pathname?.split("/")[1] == "in" ? (

components/landing-page/landing-polda-kaltara/latest-content-kaltara.tsx

@@ -74,7 +74,7 @@ const LatestContentKaltara = (props: { group: string; type: string }) => {
   return (
     <>
       <Reveal>
-        <div className="px-4 lg:px-24 my-10">
+        <div className="px-4 lg:px-[115px] my-10">
           {/* <div className="bg-[#c03724] rounded-md p-3 w-fit text-white">Berita {props.type == "popular" ? "Terpopuler" : props.type == "latest" ? t("new") : "Serupa"}</div> */}
           <div className="w-full justify-start flex flex-col lg:flex-row gap-20 mb-4">
             <h2 className="flex items-center text-xl lg:text-2xl w-fit font-bold bg-[#bb3523] px-4 py-1 rounded-lg text-white">