From 2cb5b799581f9e334d1d4abb79583130faa2b82d Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Mon, 2 Feb 2026 11:51:18 +0800
Subject: [PATCH] update landingpage

---
 app/page.tsx                                  |  21 +-
 components/details/details-content.tsx        |  39 +--
 components/landing-page/development.tsx       | 136 +++++++++
 components/landing-page/footer.tsx            | 146 ++++------
 components/landing-page/header.tsx            | 232 +++++++++++++++
 components/landing-page/health.tsx            | 186 ++++++++++++
 components/landing-page/latest-news.tsx       | 126 +++++++++
 components/landing-page/navbar.tsx            | 264 +++++++++++-------
 components/landing-page/opinion-news.tsx      | 126 +++++++++
 components/landing-page/youtube-selection.tsx | 151 ++++++++++
 public/kebaikanindonesia-logo.png             | Bin 0 -> 31890 bytes
 public/yt-logo.png                            | Bin 0 -> 19227 bytes
 tsconfig.json                                 |  24 +-
 13 files changed, 1231 insertions(+), 220 deletions(-)
 create mode 100644 components/landing-page/development.tsx
 create mode 100644 components/landing-page/header.tsx
 create mode 100644 components/landing-page/health.tsx
 create mode 100644 components/landing-page/latest-news.tsx
 create mode 100644 components/landing-page/opinion-news.tsx
 create mode 100644 components/landing-page/youtube-selection.tsx
 create mode 100644 public/kebaikanindonesia-logo.png
 create mode 100644 public/yt-logo.png

diff --git a/app/page.tsx b/app/page.tsx
index 3bf970c..05b05a6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,18 +1,25 @@
+import Development from "@/components/landing-page/development";
 import Footer from "@/components/landing-page/footer";
-import Beranda from "@/components/landing-page/headers";
-import Lifestyle from "@/components/landing-page/lifestyle";
+import Header from "@/components/landing-page/header";
+import NewsTerkini from "@/components/landing-page/health";
+import News from "@/components/landing-page/latest-news";
 import Navbar from "@/components/landing-page/navbar";
-import OnTheSpot from "@/components/landing-page/on-the-spot";
+import OpinionNews from "@/components/landing-page/opinion-news";
+import YouTubeSection from "@/components/landing-page/youtube-selection";
 
 export default function Home() {
   return (
-    <div className="flex min-h-screen flex-col font-[family-name:var(--font-geist-sans)] bg-white">
+    <div className="relative min-h-screen font-[family-name:var(--font-geist-sans)]">
+      {/* Background fixed tidak ikut scroll */}
       <Navbar />
       <div className="flex-1">
-        <Beranda />
+        <Header />
       </div>
-      <OnTheSpot />
-      <Lifestyle />
+      <News />
+      <Development />
+      <OpinionNews />
+      <NewsTerkini />
+      <YouTubeSection />
       <Footer />
     </div>
   );
diff --git a/components/details/details-content.tsx b/components/details/details-content.tsx
index 44efe17..aa107f3 100644
--- a/components/details/details-content.tsx
+++ b/components/details/details-content.tsx
@@ -70,7 +70,7 @@ export default function DetailContent() {
   const [diseId, setDiseId] = useState(0);
   const [thumbnailImg, setThumbnailImg] = useState<File[]>([]);
   const [selectedMainImage, setSelectedMainImage] = useState<number | null>(
-    null
+    null,
   );
 
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -241,7 +241,7 @@ export default function DetailContent() {
           </h1>
           <div className="flex flex-row justify-between  items-center space-x-2 text-sm text-black mb-4">
             <div className="flex flex-row gap-3">
-              <div className="text-[#31942E]">
+              <div className="text-yellow-400">
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="24"
@@ -261,21 +261,26 @@ export default function DetailContent() {
                 </svg>
               </div>
 
-              <span className="text-[#31942E] font-medium">
+              <span className="text-yellow-400 font-medium">
                 {articleDetail?.customCreatorName ||
                   articleDetail?.createdByName}
               </span>
               <span>-</span>
               <span>
-                <span>
-                  {new Date(
-                    articleDetail?.publishedAt ?? articleDetail?.createdAt
-                  ).toLocaleDateString("id-ID", {
+                {new Date(
+                  articleDetail?.publishedAt ?? articleDetail?.createdAt,
+                )
+                  .toLocaleString("id-ID", {
                     day: "numeric",
                     month: "long",
                     year: "numeric",
-                  })}
-                </span>
+                    hour: "2-digit",
+                    minute: "2-digit",
+                    hour12: false,
+                    timeZone: "Asia/Jakarta",
+                  })
+                  .replace("pukul ", "")}{" "}
+                WIB
               </span>
               <span className="text-gray-500">in</span>
               <span>{articleDetail?.categories?.[0]?.title}</span>
@@ -363,7 +368,7 @@ export default function DetailContent() {
               <Link
                 href="#"
                 aria-label="WhatsApp"
-                className="bg-green-700 p-4 flex justify-center items-center text-white"
+                className="bg-yellow-700 p-4 flex justify-center items-center text-white"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -558,11 +563,11 @@ export default function DetailContent() {
                       htmlFor="komentar"
                       className="block text-sm font-medium mb-1"
                     >
-                      Komentar <span className="text-green-600">*</span>
+                      Komentar <span className="text-yellow-600">*</span>
                     </label>
                     <textarea
                       id="komentar"
-                      className="w-full border border-gray-300 rounded-md p-3 h-40 focus:outline-none focus:ring-2 focus:ring-green-600"
+                      className="w-full border border-gray-300 rounded-md p-3 h-40 focus:outline-none focus:ring-2 focus:ring-yellow-600"
                       {...register("comment", { required: true })}
                     />
                   </div>
@@ -573,7 +578,7 @@ export default function DetailContent() {
                       htmlFor="nama"
                       className="block text-sm font-medium mb-1"
                     >
-                      Nama <span className="text-green-600">*</span>
+                      Nama <span className="text-yellow-600">*</span>
                     </label>
                     <input
                       type="text"
@@ -589,7 +594,7 @@ export default function DetailContent() {
                       htmlFor="email"
                       className="block text-sm font-medium mb-1"
                     >
-                      Email <span className="text-green-600">*</span>
+                      Email <span className="text-yellow-600">*</span>
                     </label>
                     <input
                       type="email"
@@ -601,7 +606,7 @@ export default function DetailContent() {
 
                   <button
                     type="submit"
-                    className="bg-green-600 hover:bg-green-700 text-white font-semibold px-6 py-2 rounded-md transition mt-2 w-full"
+                    className="bg-yellow-600 hover:bg-yellow-700 text-white font-semibold px-6 py-2 rounded-md transition mt-2 w-full"
                   >
                     KIRIM KOMENTAR
                   </button>
@@ -634,7 +639,7 @@ export default function DetailContent() {
                   </div>
                   <button
                     type="submit"
-                    className="bg-green-600 hover:bg-green-700 text-white font-semibold px-6 py-2 rounded-md transition mt-4 w-full"
+                    className="bg-yellow-600 hover:bg-yellow-700 text-white font-semibold px-6 py-2 rounded-md transition mt-4 w-full"
                   >
                     Kirim
                   </button>
@@ -675,7 +680,7 @@ export default function DetailContent() {
                                 day: "2-digit",
                                 month: "long",
                                 year: "numeric",
-                              }
+                              },
                             )}
                           </span>
                           <span>💬 0</span>
diff --git a/components/landing-page/development.tsx b/components/landing-page/development.tsx
new file mode 100644
index 0000000..6d6f912
--- /dev/null
+++ b/components/landing-page/development.tsx
@@ -0,0 +1,136 @@
+"use client";
+import { useEffect, useState } from "react";
+import Image from "next/image";
+import { getListArticle } from "@/service/article";
+import Link from "next/link";
+
+type Article = {
+  id: number;
+  title: string;
+  description: string;
+  categoryName: string;
+  slug: string;
+  createdAt: string;
+  publishedAt: string;
+  createdByName: string;
+  customCreatorName: string;
+  thumbnailUrl: string;
+  categories: { title: string }[];
+  files: { fileUrl: string; file_alt: string }[];
+};
+
+export default function Development() {
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [page, setPage] = useState(1);
+  const [totalPage, setTotalPage] = useState(1);
+
+  useEffect(() => {
+    initState();
+  }, [page]);
+
+  async function initState() {
+    const req = {
+      limit: "10",
+      page,
+      search: "",
+      categorySlug: "",
+      sort: "desc",
+      isPublish: true,
+      sortBy: "created_at",
+    };
+
+    try {
+      const res = await getListArticle(req);
+      setArticles(res?.data?.data || []);
+      setTotalPage(res?.data?.meta?.totalPage || 1);
+    } catch (err) {
+      console.error("Error fetching articles:", err);
+    }
+  }
+
+  // Format tanggal ke gaya lokal
+  const formatDate = (dateString: string) => {
+    const date = new Date(dateString);
+    return date.toLocaleDateString("id-ID", {
+      day: "2-digit",
+      month: "long",
+      year: "numeric",
+    });
+  };
+
+  // Mapping struktur seperti dummy sebelumnya
+  const leftMain = articles[0];
+  const leftList = articles.slice(1, 4);
+  const centerMain = articles[4];
+  const centerList = articles.slice(5, 8);
+  const rightMain = articles[8];
+  const rightList = articles.slice(9, 12);
+
+  return (
+    <section className="max-w-7xl mx-auto px-4">
+      <div className="bg-white ">
+        <div className="mb-4">
+          <h2 className="text-xl font-black text-[#000]">JAGA NEGERI</h2>
+
+          <div className="w-10 h-1 bg-yellow-400 mt-1 rounded"></div>
+        </div>
+
+        <div className="border-b border-gray-300 mb-5"></div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          {articles.slice(0, 6).map((item) => (
+            <Link
+              href={`/details/${item.slug}`}
+              key={item.id}
+              className="flex gap-4 pb-4 border-b border-gray-200"
+            >
+              <div className="relative w-28 h-28 rounded-md overflow-hidden flex-shrink-0">
+                <Image
+                  src={item.thumbnailUrl || "/placeholder.jpg"}
+                  alt={item.title}
+                  fill
+                  className="object-cover"
+                />
+              </div>
+
+              <div className="flex flex-col">
+                <p className="text-[11px] font-bold text-black">
+                  <span className="border-b-2 border-yellow-400 pb-[1px]">
+                    BERITA OPINI
+                  </span>
+                </p>
+
+                <h3 className="font-semibold text-[15px] leading-tight mt-1 line-clamp-2">
+                  {item.title}
+                </h3>
+
+                <p className="text-[11px] text-gray-600 mt-2">
+                  By{" "}
+                  <span className="font-semibold">
+                    {item.customCreatorName}
+                  </span>
+                </p>
+
+                <p className="text-[11px] text-gray-600">
+                  {new Date(item.publishedAt).toLocaleDateString("id-ID", {
+                    day: "numeric",
+                    month: "long",
+                    year: "numeric",
+                  })}
+                </p>
+              </div>
+            </Link>
+          ))}
+        </div>
+        <div className="relative h-[140px] w-full overflow-hidden rounded-none my-5">
+          <Image
+            src="/image-kolom.png"
+            alt="Berita Utama"
+            fill
+            className="object-fill"
+          />
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/landing-page/footer.tsx b/components/landing-page/footer.tsx
index 0a1093e..d4e7895 100644
--- a/components/landing-page/footer.tsx
+++ b/components/landing-page/footer.tsx
@@ -1,108 +1,66 @@
+// components/Footer.tsx
 import Image from "next/image";
-import Link from "next/link";
+import { Facebook, Twitter, Instagram, Youtube } from "lucide-react";
 
 export default function Footer() {
   return (
-    <footer className="bg-[#F5F7FC] text-gray-600 text-sm">
-      <div className="max-w-7xl mx-auto py-10 flex flex-col items-center">
+    <footer className="bg-[#ECEFF5] pt-20 pb-10 w-full">
+      <div className="max-w-screen-xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 ">
         {/* Logo */}
-        <div className="mb-6">
+        <div className="flex justify-center md:justify-end">
           <Image
-            src="/kebaikan-indonesia.png" // ganti sesuai path logo kamu
-            alt="Kebaikan Indonesia"
-            width={200}
-            height={200}
+            src="/kebaikanindonesia-logo.png"
+            alt="Logo"
+            width={230}
+            height={230}
+            className="object-contain"
           />
         </div>
 
-        {/* Menu Links */}
-        <div className="flex flex-wrap justify-center gap-4 mb-6 text-xs text-gray-700">
-          {[
-            "About Us",
-            "Cart",
-            "Checkout",
-            "Contact",
-            "Homepage – Fast News",
-            "Login/Register",
-            "My account",
-            "Sample Page",
-            "Shop",
-          ].map((item, idx) => (
-            <Link
-              key={idx}
-              href="#"
-              className="hover:underline whitespace-nowrap"
-            >
-              {item}
-            </Link>
-          ))}
+        {/* Subscribe Box */}
+        <div className="flex justify-center md:justify-end">
+          <div className="  p-8  w-full md:w-[420px]">
+            <h2 className="text-2xl font-semibold text-gray-800 leading-snug">
+              Subscribe us to get <br />
+              the latest news!
+            </h2>
+
+            <label className="block mt-6 mb-1 text-sm text-gray-600">
+              Email address:
+            </label>
+
+            <input
+              type="email"
+              placeholder="Your email address"
+              className="w-full border border-gray-300 rounded-md px-4 py-3 outline-none"
+            />
+
+            <button className="mt-4 bg-yellow-400 hover:bg-yellow-500 text-black px-6 py-3 rounded-md font-medium">
+              SIGN UP
+            </button>
+          </div>
         </div>
-
-        {/* Social Icons */}
-        <div className="hidden sm:flex items-center space-x-3 text-black">
-          <Link href="#" className="text-black">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z"
-              />
-            </svg>
-          </Link>
-          <Link href="#" className="text-black">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M7.91 20.889c8.302 0 12.845-6.885 12.845-12.845c0-.193 0-.387-.009-.58A9.2 9.2 0 0 0 23 5.121a9.2 9.2 0 0 1-2.597.713a4.54 4.54 0 0 0 1.99-2.5a9 9 0 0 1-2.87 1.091A4.5 4.5 0 0 0 16.23 3a4.52 4.52 0 0 0-4.516 4.516c0 .352.044.696.114 1.03a12.82 12.82 0 0 1-9.305-4.718a4.526 4.526 0 0 0 1.4 6.03a4.6 4.6 0 0 1-2.043-.563v.061a4.524 4.524 0 0 0 3.62 4.428a4.4 4.4 0 0 1-1.189.159q-.435 0-.845-.08a4.51 4.51 0 0 0 4.217 3.135a9.05 9.05 0 0 1-5.608 1.936A9 9 0 0 1 1 18.873a12.84 12.84 0 0 0 6.91 2.016"
-              />
-            </svg>
-          </Link>
-
-          <Link href="#" className="text-black">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"
-              />
-            </svg>
-          </Link>
-          <Link href="#" className="text-black">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <g fill="none">
-                <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                <path
-                  fill="currentColor"
-                  d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m0 2c-.825 0-1.674.022-2.5.056l-.978.047l-.939.055l-.882.06l-.808.063a1.8 1.8 0 0 0-1.666 1.623C4.11 9.113 4 10.618 4 12s.11 2.887.227 4.096c.085.872.777 1.55 1.666 1.623l.808.062l.882.06l.939.056l.978.047c.826.034 1.675.056 2.5.056s1.674-.022 2.5-.056l.978-.047l.939-.055l.882-.06l.808-.063a1.8 1.8 0 0 0 1.666-1.623C19.89 14.887 20 13.382 20 12s-.11-2.887-.227-4.096a1.8 1.8 0 0 0-1.666-1.623l-.808-.062l-.882-.06l-.939-.056l-.978-.047A61 61 0 0 0 12 6m-2 3.575a.6.6 0 0 1 .819-.559l.081.04l4.2 2.424a.6.6 0 0 1 .085.98l-.085.06l-4.2 2.425a.6.6 0 0 1-.894-.43l-.006-.09z"
-                />
-              </g>
-            </svg>
-          </Link>
-        </div>
-
-        {/* Copyright */}
-        <p className="text-xs text-gray-500 mt-3">
-          © 2025 KebaikanIndonesia - All Rights Reserved.
-        </p>
       </div>
+
+      <div className="flex flex-wrap justify-center gap-8 mt-16 text-gray-600 text-sm">
+        <a href="#">About Us</a>
+        <a href="#">Contact</a>
+        <a href="#">Kode Etik Jurnalistik</a>
+        <a href="#">Kebijakan Privasi</a>
+        <a href="#">Disclaimer</a>
+        <a href="#">Pedoman Media Siber</a>
+      </div>
+
+      <div className="flex justify-center gap-8 mt-8 text-gray-700">
+        <Facebook className="w-5 h-5 cursor-pointer" />
+        <Twitter className="w-5 h-5 cursor-pointer" />
+        <Instagram className="w-5 h-5 cursor-pointer" />
+        <Youtube className="w-5 h-5 cursor-pointer" />
+      </div>
+
+      <p className="text-start text-gray-500 text-sm mt-8 pl-5">
+        © 2025 Mikul News - All Rights Reserved.
+      </p>
     </footer>
   );
 }
diff --git a/components/landing-page/header.tsx b/components/landing-page/header.tsx
new file mode 100644
index 0000000..f4ee40b
--- /dev/null
+++ b/components/landing-page/header.tsx
@@ -0,0 +1,232 @@
+"use client";
+
+import { getListArticle } from "@/service/article";
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+type Article = {
+  id: number;
+  title: string;
+  description: string;
+  categoryName: string;
+  createdAt: string;
+  slug: string;
+  createdByName: string;
+  publishedAt: string;
+  customCreatorName: string;
+  thumbnailUrl: string;
+  categories: { title: string }[];
+  files: { fileUrl: string; file_alt: string }[];
+};
+
+export default function Header() {
+  const [articles, setArticles] = useState<Article[]>([]);
+
+  useEffect(() => {
+    const fetchArticles = async () => {
+      const req = {
+        limit: "10",
+        page: 1,
+        search: "",
+        categorySlug: "",
+        sort: "desc",
+        isPublish: true,
+        sortBy: "created_at",
+      };
+
+      const res = await getListArticle(req);
+      setArticles(res?.data?.data || []);
+    };
+
+    fetchArticles();
+  }, []);
+
+  const flashArticles = articles.slice(0, 8);
+  const mainArticle = articles[8] || articles[0];
+  const recentPosts = articles.slice(1, 5);
+
+  return (
+    <section className="max-w-7xl mx-auto bg-white px-4">
+      {/* FLASH STRIP */}
+      <div className="flex items-center justify-between mt-6 mb-3">
+        <div className="flex items-center gap-3">
+          <h4 className="text-yellow-400 font-semibold">Flash</h4>
+          <span className="text-red-500">⚡</span>
+        </div>
+        <div className="text-xs text-gray-500 hidden md:block">LOAD MORE ➜</div>
+      </div>
+
+      <div className="overflow-x-auto no-scrollbar py-2">
+        <div className="flex gap-4">
+          {flashArticles.map((item) => (
+            <Link
+              href={`/details/${item.slug}`}
+              key={`flash-${item.id}`}
+              className="min-w-[200px] md:min-w-[220px] bg-gray-800 rounded-lg overflow-hidden relative shadow"
+            >
+              <div className="relative w-[200px] md:w-[220px] h-[140px]">
+                <Image
+                  src={
+                    item.thumbnailUrl ||
+                    item.files?.[0]?.fileUrl ||
+                    "/placeholder.jpg"
+                  }
+                  alt={item.title}
+                  fill
+                  className="object-cover"
+                />
+              </div>
+
+              {/* dark overlay with text */}
+              <div className="absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/80 to-transparent text-white">
+                <p className="text-xs line-clamp-2">{item.title}</p>
+                <div className="flex items-center justify-between mt-2 text-[11px] text-gray-300">
+                  <span className="text-yellow-300 bg-black/30 px-1 rounded-sm">
+                    {item.categoryName ||
+                      item.categories?.[0]?.title ||
+                      "Berita"}
+                  </span>
+                  <span>●</span>
+                </div>
+              </div>
+
+              {/* play icon */}
+              <div className="absolute top-3 right-3 w-8 h-8 bg-white/80 rounded-full flex items-center justify-center">
+                <svg
+                  className="w-4 h-4 text-black"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                >
+                  <path d="M8 5v14l11-7z" />
+                </svg>
+              </div>
+            </Link>
+          ))}
+        </div>
+      </div>
+
+      {/* Main Layout */}
+      <div className="grid grid-cols-1 md:grid-cols-[2.2fr_1fr] gap-6">
+        {/* LEFT SIDE – MAIN ARTICLE */}
+        {mainArticle ? (
+          <div className="relative h-[500px] w-full rounded-xl overflow-hidden shadow-md">
+            <Link href={`/details/${mainArticle.slug}`}>
+              <Image
+                src={
+                  mainArticle.thumbnailUrl ||
+                  mainArticle.files?.[0]?.fileUrl ||
+                  "/placeholder.jpg"
+                }
+                alt={mainArticle.files?.[0]?.file_alt || mainArticle.title}
+                fill
+                className="object-cover"
+              />
+
+              {/* White Card Overlay */}
+              <div className="absolute bottom-6 left-6 bg-white bg-opacity-95 backdrop-blur-sm p-6  shadow-lg max-w-lg">
+                <span className="text-[11px] bg-yellow-400 text-white px-2 py-1 rounded-sm">
+                  {mainArticle.categoryName ||
+                    mainArticle.categories?.[0]?.title ||
+                    "Berita"}
+                </span>
+
+                <h2 className="text-xl md:text-2xl font-bold text-gray-900 mt-2 leading-snug">
+                  {mainArticle.title}
+                </h2>
+
+                <div className="flex items-center gap-2 text-gray-600 text-xs mt-3">
+                  <span>
+                    By{" "}
+                    {mainArticle.customCreatorName ||
+                      mainArticle.createdByName ||
+                      "Admin"}
+                  </span>
+                  <span>•</span>
+                  <span>
+                    {new Date(mainArticle.publishedAt).toLocaleDateString(
+                      "id-ID",
+                      {
+                        day: "2-digit",
+                        month: "long",
+                        year: "numeric",
+                      },
+                    )}
+                  </span>
+                </div>
+              </div>
+            </Link>
+          </div>
+        ) : (
+          <p className="text-gray-500">Loading...</p>
+        )}
+
+        {/* RIGHT SIDE – RECENT POSTS */}
+        <div>
+          <h3 className="text-lg font-semibold mb-3">Recent Posts</h3>
+
+          <div className="space-y-4">
+            {recentPosts.map((item) => (
+              <Link
+                key={item.id}
+                href={`/details/${item.slug}`}
+                className="flex gap-3"
+              >
+                <div className="relative w-35 h-25 rounded-md overflow-hidden">
+                  <Image
+                    src={
+                      item.thumbnailUrl ||
+                      item.files?.[0]?.fileUrl ||
+                      "/placeholder.jpg"
+                    }
+                    alt={item.title}
+                    fill
+                    className="object-cover"
+                  />
+                </div>
+
+                <div className="flex flex-col">
+                  <p className="text-sm font-semibold line-clamp-2">
+                    {item.title}
+                  </p>
+                  <span className="text-xs text-gray-500 mt-1">
+                    {new Date(item.publishedAt).toLocaleDateString("id-ID", {
+                      day: "2-digit",
+                      month: "long",
+                      year: "numeric",
+                    })}
+                  </span>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      {/* LOAD MORE */}
+      <div className="flex justify-center my-6">
+        <button className="text-gray-600 text-sm flex items-center gap-2 border-b pb-1">
+          <span>LOAD MORE</span>
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
+            <path
+              d="M12 5v14M5 12h14"
+              stroke="#9CA3AF"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+            />
+          </svg>
+        </button>
+      </div>
+
+      {/* KOLOM PPS BOTTOM BANNER */}
+      <div className="relative h-[140px] w-full overflow-hidden rounded-none my-5 border rounded-md">
+        <Image
+          src="/image-kolom.png"
+          alt="Kolom PPS Bottom Banner"
+          fill
+          className="object-contain"
+        />
+      </div>
+    </section>
+  );
+}
diff --git a/components/landing-page/health.tsx b/components/landing-page/health.tsx
new file mode 100644
index 0000000..a3176d9
--- /dev/null
+++ b/components/landing-page/health.tsx
@@ -0,0 +1,186 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { getListArticle } from "@/service/article";
+
+type Article = {
+  id: number;
+  title: string;
+  description: string;
+  categoryName: string;
+  createdAt: string;
+  publishedAt: string;
+  slug: string;
+  createdByName: string;
+  customCreatorName?: string;
+  thumbnailUrl?: string;
+  categories?: { title: string }[];
+};
+
+export default function NewsTerkini() {
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [popular, setPopular] = useState<Article[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    loadData();
+  }, []);
+
+  async function loadData() {
+    setLoading(true);
+
+    try {
+      const res = await getListArticle({
+        limit: "20",
+        page: 1,
+        search: "",
+        isPublish: true,
+        sort: "desc",
+        sortBy: "created_at",
+      });
+
+      const data = res?.data?.data || [];
+      setArticles(data.slice(0, 5));
+      setPopular(data.slice(0, 5));
+    } catch (err) {
+      console.log(err);
+    }
+
+    setLoading(false);
+  }
+
+  const formatDate = (d: string) =>
+    new Date(d).toLocaleDateString("id-ID", {
+      day: "numeric",
+      month: "long",
+      year: "numeric",
+    });
+
+  if (loading)
+    return (
+      <p className="text-center py-10 text-gray-500">
+        Memuat berita terbaru...
+      </p>
+    );
+
+  return (
+    <section className="max-w-7xl mx-auto px-4 grid grid-cols-1 lg:grid-cols-[2fr_1fr] gap-6">
+      <div>
+        <h2 className="text-lg font-bold text-gray-900">BERITA TERKINI</h2>
+        <div className="w-14 h-1 bg-yellow-400 mt-1 mb-4"></div>
+
+        <div className="space-y-6">
+          {articles.map((item) => (
+            <Link
+              key={item.id}
+              href={`/details/${item.slug}`}
+              className="block border-b pb-6"
+            >
+              <div className="flex gap-4">
+                <div className="flex-1">
+                  {/* CATEGORY */}
+                  <p className="text-[11px] text-yellow-700 font-semibold mb-1">
+                    {item.categoryName || "Kategori"}
+                  </p>
+
+                  {/* JUDUL */}
+                  <h3 className="font-bold text-base leading-snug line-clamp-2">
+                    {item.title}
+                  </h3>
+
+                  {/* DESKRIPSI */}
+                  <p className="text-sm text-gray-600 line-clamp-2 mt-1">
+                    {item.description}
+                  </p>
+
+                  {/* AUTHOR + DATE */}
+                  <p className="text-xs text-gray-400 mt-2">
+                    By {item.customCreatorName || item.createdByName} —{" "}
+                    {formatDate(item.publishedAt)}
+                  </p>
+                </div>
+                <div className="relative w-40 h-28 rounded overflow-hidden flex-shrink-0">
+                  <Image
+                    src={item.thumbnailUrl || "/placeholder.jpg"}
+                    alt={item.title}
+                    fill
+                    className="object-cover"
+                  />
+                </div>
+              </div>
+            </Link>
+          ))}
+        </div>
+
+        {/* LOAD MORE */}
+        <div className="text-center mt-4 text-yellow-400 text-sm cursor-pointer">
+          LOAD MORE ↓
+        </div>
+      </div>
+
+      <div className="lg:col-span-1">
+        <h2 className="text-lg font-bold text-gray-900">TERBANYAK DIBAGIKAN</h2>
+        <div className="w-14 h-1 bg-yellow-400 mt-1 mb-4"></div>
+
+        <div className="space-y-4">
+          {popular.map((item, index) => (
+            <Link
+              key={item.id}
+              href={`/details/${item.slug}`}
+              className="flex gap-3 border-b pb-4"
+            >
+              {/* NOMOR */}
+              <div className="text-yellow-400 font-extrabold text-3xl leading-none">
+                {(index + 1).toString().padStart(2, "0")}
+              </div>
+
+              <div className="flex-1">
+                <p className="text-[10px] text-gray-500">
+                  {item.categories?.[0]?.title || "Kategori"}
+                </p>
+                <h4 className="font-semibold text-sm leading-snug line-clamp-2">
+                  {item.title}
+                </h4>
+                <p className="text-[10px] text-gray-400 mt-1">
+                  {formatDate(item.createdAt)}
+                </p>
+              </div>
+
+              {/* THUMBNAIL KECIL */}
+              <div className="relative w-16 h-14 rounded overflow-hidden">
+                <Image
+                  src={item.thumbnailUrl || "/placeholder.jpg"}
+                  alt={item.title}
+                  fill
+                  className="object-cover"
+                />
+              </div>
+            </Link>
+          ))}
+        </div>
+
+        <div className="mt-6">
+          <div className="relative h-[180px] border rounded-lg overflow-hidden mb-6">
+            <Image
+              src="/image-kolom.png"
+              alt="Kolom PPS"
+              fill
+              className="object-contain bg-white"
+            />
+          </div>
+
+          <div className="relative h-[180px] border rounded-lg overflow-hidden">
+            <Image
+              src="/image-kolom.png"
+              alt="Kolom PPS"
+              fill
+              className="object-contain bg-white"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/landing-page/latest-news.tsx b/components/landing-page/latest-news.tsx
new file mode 100644
index 0000000..9f8c836
--- /dev/null
+++ b/components/landing-page/latest-news.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { getListArticle } from "@/service/article";
+import { ChevronDown } from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+type Article = {
+  id: number;
+  title: string;
+  description: string;
+  categoryName: string;
+  slug: string;
+  createdAt: string;
+  publishedAt: string;
+  createdByName: string;
+  customCreatorName: string;
+  thumbnailUrl: string;
+  categories: { title: string }[];
+  files: { fileUrl: string; file_alt: string }[];
+};
+
+export default function News() {
+  const [page, setPage] = useState(1);
+  const [totalPage, setTotalPage] = useState(1);
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [showData, setShowData] = useState("6");
+  const [search] = useState("");
+  const [selectedCategories] = useState<any>("");
+  const [startDateValue] = useState({
+    startDate: null,
+    endDate: null,
+  });
+
+  useEffect(() => {
+    initState();
+  }, [page, showData, startDateValue, selectedCategories]);
+
+  async function initState() {
+    const req = {
+      limit: showData,
+      page,
+      search,
+      categorySlug: Array.from(selectedCategories).join(","),
+      sort: "desc",
+      isPublish: true,
+      sortBy: "created_at",
+    };
+
+    try {
+      const res = await getListArticle(req);
+      setArticles(res?.data?.data || []);
+      setTotalPage(res?.data?.meta?.totalPage || 1);
+    } catch (err) {
+      console.error("Error fetching articles:", err);
+    }
+  }
+
+  return (
+    <section className="max-w-screen-xl mx-auto px-4 py-10">
+      <div className="">
+        {/* TITLE */}
+        <div className="mb-4">
+          <h2 className="text-xl font-black text-[#000]">BERITA POPULER</h2>
+          <div className="w-10 h-1 bg-yellow-400 mt-1 rounded"></div>
+        </div>
+
+        {/* GRID 4 KOLOM */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6">
+          {articles.slice(0, 4).map((item) => (
+            <Link href={`/details/${item.slug}`} key={item.id}>
+              <div>
+                {/* GAMBAR */}
+                <div className="relative w-full h-56 rounded-lg overflow-hidden">
+                  <Image
+                    src={item.thumbnailUrl || "/placeholder.jpg"}
+                    alt={item.title}
+                    fill
+                    className="object-cover"
+                  />
+
+                  {/* BADGE CATEGORY DI DALAM GAMBAR */}
+                  <div className="absolute bottom-2 left-2">
+                    <span className="px-3 py-1 text-[10px] font-semibold bg-yellow-400 text-white rounded">
+                      {item.categoryName || "Kategori"}
+                    </span>
+                  </div>
+                </div>
+
+                {/* JUDUL */}
+                <h3 className="mt-2 text-base font-bold leading-snug line-clamp-2">
+                  {item.title}
+                </h3>
+
+                {/* AUTHOR + DATE */}
+                <div className="text-[11px] mt-2 flex items-center gap-1 text-gray-700">
+                  <span className="font-semibold">
+                    By {item.customCreatorName || item.createdByName || "Admin"}
+                  </span>
+                  <span className="text-yellow-500">-</span>
+                  <span>
+                    {new Date(item.publishedAt).toLocaleDateString("id-ID", {
+                      day: "numeric",
+                      month: "long",
+                      year: "numeric",
+                    })}
+                  </span>
+                </div>
+              </div>
+            </Link>
+          ))}
+        </div>
+
+        <div className="relative h-[160px] w-full overflow-hidden rounded-xl mt-6">
+          <Image
+            src="/image-kolom.png"
+            alt="Kolom PPS"
+            fill
+            className="object-contain bg-white"
+          />
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 01661d2..d65415e 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -1,120 +1,190 @@
 "use client";
 
-import { Menu, Search } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import Link from "next/link";
+import { Search } from "lucide-react";
 import Image from "next/image";
-
-const navItems = [
-  { label: "BERANDA", href: "/", active: true },
-  { label: "BERITA TERKINI", href: "/category/latest-news" },
-  { label: "BERITA POPULER", href: "/category/popular-news" },
-  { label: "DAMAI INDONESIAKU", href: "/category/peace-indonesia" },
-  { label: "JAGA NEGERI", href: "/category/guard-the-country" },
-  { label: "BERITA OPINI", href: "/category/opinion-news" },
-];
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 
 export default function Navbar() {
-  return (
-    <header className="w-full border-b bg-white">
-      <div className="mx-auto flex max-w-7xl items-center justify-between px-6">
-        <Link href="/" className="flex items-center">
-          <Image
-            src="/kebaikan-indonesia.png"
-            alt="Kebaikan Indonesia"
-            width={180}
-            height={40}
-            priority
-          />
-        </Link>
+  const pathname = usePathname();
+  const isActive = (href: any) => {
+    return pathname === href || pathname.startsWith(href + "/");
+  };
 
-        <div className="flex items-center space-x-4">
-          <div className="hidden sm:flex items-center space-x-3 text-black">
-            <Link href="#" className="text-black">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  fill="currentColor"
-                  d="M7.91 20.889c8.302 0 12.845-6.885 12.845-12.845c0-.193 0-.387-.009-.58A9.2 9.2 0 0 0 23 5.121a9.2 9.2 0 0 1-2.597.713a4.54 4.54 0 0 0 1.99-2.5a9 9 0 0 1-2.87 1.091A4.5 4.5 0 0 0 16.23 3a4.52 4.52 0 0 0-4.516 4.516c0 .352.044.696.114 1.03a12.82 12.82 0 0 1-9.305-4.718a4.526 4.526 0 0 0 1.4 6.03a4.6 4.6 0 0 1-2.043-.563v.061a4.524 4.524 0 0 0 3.62 4.428a4.4 4.4 0 0 1-1.189.159q-.435 0-.845-.08a4.51 4.51 0 0 0 4.217 3.135a9.05 9.05 0 0 1-5.608 1.936A9 9 0 0 1 1 18.873a12.84 12.84 0 0 0 6.91 2.016"
-                />
-              </svg>
-            </Link>
-            <Link href="#" className="text-black">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-              >
-                <g fill="none">
-                  <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
+  return (
+    <div className="w-full bg-white py-4 border-b">
+      <div className="max-w-screen-xl mx-auto flex flex-col justify-between px-4">
+        {/* Left: Logo */}
+        <div className="flex flex-row justify-between mb-3">
+          <div className="flex items-center">
+            <Image
+              src="/kebaikanindonesia-logo.png"
+              alt="Kritik Tajam Logo"
+              width={140}
+              height={100}
+            />
+          </div>
+          <div className="flex items-center gap-6">
+            {/* Social Icons */}
+            <div className="hidden md:flex items-center gap-5 text-black text-xl">
+              <Link href="#">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  viewBox="0 0 24 24"
+                >
                   <path
                     fill="currentColor"
-                    d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m0 2c-.825 0-1.674.022-2.5.056l-.978.047l-.939.055l-.882.06l-.808.063a1.8 1.8 0 0 0-1.666 1.623C4.11 9.113 4 10.618 4 12s.11 2.887.227 4.096c.085.872.777 1.55 1.666 1.623l.808.062l.882.06l.939.056l.978.047c.826.034 1.675.056 2.5.056s1.674-.022 2.5-.056l.978-.047l.939-.055l.882-.06l.808-.063a1.8 1.8 0 0 0 1.666-1.623C19.89 14.887 20 13.382 20 12s-.11-2.887-.227-4.096a1.8 1.8 0 0 0-1.666-1.623l-.808-.062l-.882-.06l-.939-.056l-.978-.047A61 61 0 0 0 12 6m-2 3.575a.6.6 0 0 1 .819-.559l.081.04l4.2 2.424a.6.6 0 0 1 .085.98l-.085.06l-4.2 2.425a.6.6 0 0 1-.894-.43l-.006-.09z"
+                    d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z"
                   />
-                </g>
-              </svg>
+                </svg>
+              </Link>
+
+              <Link href="#">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    fill="currentColor"
+                    d="M7.91 20.889c8.302 0 12.845-6.885 12.845-12.845c0-.193 0-.387-.009-.58A9.2 9.2 0 0 0 23 5.121a9.2 9.2 0 0 1-2.597.713a4.54 4.54 0 0 0 1.99-2.5a9 9 0 0 1-2.87 1.091A4.5 4.5 0 0 0 16.23 3a4.52 4.52 0 0 0-4.516 4.516c0 .352.044.696.114 1.03a12.82 12.82 0 0 1-9.305-4.718a4.526 4.526 0 0 0 1.4 6.03a4.6 4.6 0 0 1-2.043-.563v.061a4.524 4.524 0 0 0 3.62 4.428a4.4 4.4 0 0 1-1.189.159q-.435 0-.845-.08a4.51 4.51 0 0 0 4.217 3.135a9.05 9.05 0 0 1-5.608 1.936A9 9 0 0 1 1 18.873a12.84 12.84 0 0 0 6.91 2.016"
+                  />
+                </svg>
+              </Link>
+
+              <Link href="#">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    fill="currentColor"
+                    d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"
+                  />
+                </svg>
+              </Link>
+
+              <Link href="#">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="18"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    fill="currentColor"
+                    d="M12.244 4c.534.003 1.87.016 3.29.073l.504.022c1.429.067 2.857.183 3.566.38c.945.266 1.687 1.04 1.938 2.022c.4 1.56.45 4.602.456 5.339l.001.152v.174c-.007.737-.057 3.78-.457 5.339c-.254.985-.997 1.76-1.938 2.022c-.709.197-2.137.313-3.566.38l-.504.023c-1.42.056-2.756.07-3.29.072l-.235.001h-.255c-1.13-.007-5.856-.058-7.36-.476c-.944-.266-1.687-1.04-1.938-2.022c-.4-1.56-.45-4.602-.456-5.339v-.326c.006-.737.056-3.78.456-5.339c.254-.985.997-1.76 1.939-2.021c1.503-.419 6.23-.47 7.36-.476zM9.999 8.5v7l6-3.5z"
+                  />
+                </svg>
+              </Link>
+            </div>
+          </div>
+        </div>
+        {/* Middle Menu */}
+        <div className="flex flex-row justify-between">
+          <nav className="hidden md:flex items-center gap-10 text-sm font-semibold">
+            <Link
+              href="/"
+              className={
+                isActive("/")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Beranda
             </Link>
-            <Link href="#" className="text-black">
+
+            <Link
+              href="/category/latest-news"
+              className={
+                isActive("/category/latest-news")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Berita Terkini
+            </Link>
+
+            <Link
+              href="/category/popular-news"
+              className={
+                isActive("/category/popular-news")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Berita Populer
+            </Link>
+
+            <Link
+              href="/category/peace-indonesia"
+              className={
+                isActive("/category/peace-indonesia")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Damai Indonesiaku
+            </Link>
+            <Link
+              href="/category/guard-the-country"
+              className={
+                isActive("/category/guard-the-country")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Jaga Negeri
+            </Link>
+            <Link
+              href="/category/opinion-news"
+              className={
+                isActive("/category/opinion-news")
+                  ? "text-yellow-400 underline"
+                  : "text-black hover:text-yellow-400"
+              }
+            >
+              Berita Opini
+            </Link>
+          </nav>
+
+          <div className="flex items-center gap-2">
+            <button
+              // onClick={() => document.documentElement.classList.toggle("dark")}
+              className="w-10 h-5 rounded-full bg-gray-300 dark:bg-gray-700 relative transition-all"
+            >
+              <div className="w-5 h-5 bg-white dark:bg-black rounded-full shadow absolute top-0 left-0 dark:left-5 transition-all"></div>
+            </button>
+
+            {/* BURGER BUTTON (mobile menu) */}
+            <button className="md:hidden p-2 rounded-lg border">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
+                fill="none"
                 viewBox="0 0 24 24"
+                strokeWidth={2}
+                stroke="currentColor"
+                className="w-6 h-6"
               >
                 <path
-                  fill="currentColor"
-                  d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"
-                />
-              </svg>
-            </Link>
-            <Link href="#" className="text-black">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  fill="currentColor"
-                  d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M4 6h16M4 12h16M4 18h16"
                 />
               </svg>
+            </button>
+            <button className="p-2 border rounded-full">
+              <Search size={15} />
+            </button>
+            <Link href={"/auth"}>
+              <button className="bg-yellow-400 text-white px-5 py-2 rounded-full  text-sm font-semibold">
+                LOGIN
+              </button>
             </Link>
           </div>
-
-          <Search className="cursor-pointer hover:text-yellow-500" size={20} />
-          <Link href={"/auth"}>
-            <Button className="bg-black text-white rounded-md px-5 py-2 hover:bg-yellow-500">
-              Login
-            </Button>
-          </Link>
         </div>
       </div>
-
-      <nav className="mx-auto flex max-w-7xl justify-between space-x-8 px-6 py-2 text-sm font-semibold">
-        <div className="flex gap-5">
-          {navItems.map((item) => (
-            <Link
-              key={item.label}
-              href={item.href}
-              className={cn(
-                "hover:text-yellow-500 transition-colors",
-                item.active ? "text-yellow-500" : "text-black"
-              )}
-            >
-              {item.label}
-            </Link>
-          ))}
-        </div>
-
-        <Menu className=" cursor-pointer" />
-      </nav>
-    </header>
+    </div>
   );
 }
diff --git a/components/landing-page/opinion-news.tsx b/components/landing-page/opinion-news.tsx
new file mode 100644
index 0000000..e149481
--- /dev/null
+++ b/components/landing-page/opinion-news.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { getListArticle } from "@/service/article";
+import { ChevronDown } from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+
+type Article = {
+  id: number;
+  title: string;
+  description: string;
+  categoryName: string;
+  slug: string;
+  createdAt: string;
+  publishedAt: string;
+  createdByName: string;
+  customCreatorName: string;
+  thumbnailUrl: string;
+  categories: { title: string }[];
+  files: { fileUrl: string; file_alt: string }[];
+};
+
+export default function OpinionNews() {
+  const [page, setPage] = useState(1);
+  const [totalPage, setTotalPage] = useState(1);
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [showData, setShowData] = useState("6");
+  const [search] = useState("");
+  const [selectedCategories] = useState<any>("");
+  const [startDateValue] = useState({
+    startDate: null,
+    endDate: null,
+  });
+
+  useEffect(() => {
+    initState();
+  }, [page, showData, startDateValue, selectedCategories]);
+
+  async function initState() {
+    const req = {
+      limit: showData,
+      page,
+      search,
+      categorySlug: Array.from(selectedCategories).join(","),
+      sort: "desc",
+      isPublish: true,
+      sortBy: "created_at",
+    };
+
+    try {
+      const res = await getListArticle(req);
+      setArticles(res?.data?.data || []);
+      setTotalPage(res?.data?.meta?.totalPage || 1);
+    } catch (err) {
+      console.error("Error fetching articles:", err);
+    }
+  }
+
+  return (
+    <section className="max-w-screen-xl mx-auto px-4 py-10">
+      <div className="">
+        {/* TITLE */}
+        <div className="mb-4">
+          <h2 className="text-xl font-black text-[#000]">BERITA OPINI</h2>
+          <div className="w-10 h-1 bg-yellow-400 mt-1 rounded"></div>
+        </div>
+
+        {/* GRID 4 KOLOM */}
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6">
+          {articles.slice(0, 4).map((item) => (
+            <Link href={`/details/${item.slug}`} key={item.id}>
+              <div>
+                {/* GAMBAR */}
+                <div className="relative w-full h-56 rounded-lg overflow-hidden">
+                  <Image
+                    src={item.thumbnailUrl || "/placeholder.jpg"}
+                    alt={item.title}
+                    fill
+                    className="object-cover"
+                  />
+
+                  {/* BADGE CATEGORY DI DALAM GAMBAR */}
+                  <div className="absolute bottom-2 left-2">
+                    <span className="px-3 py-1 text-[10px] font-semibold bg-yellow-400 text-white rounded">
+                      {item.categoryName || "Kategori"}
+                    </span>
+                  </div>
+                </div>
+
+                {/* JUDUL */}
+                <h3 className="mt-2 text-base font-bold leading-snug line-clamp-2">
+                  {item.title}
+                </h3>
+
+                {/* AUTHOR + DATE */}
+                <div className="text-[11px] mt-2 flex items-center gap-1 text-gray-700">
+                  <span className="font-semibold">
+                    By {item.customCreatorName || item.createdByName || "Admin"}
+                  </span>
+                  <span className="text-yellow-500">-</span>
+                  <span>
+                    {new Date(item.publishedAt).toLocaleDateString("id-ID", {
+                      day: "numeric",
+                      month: "long",
+                      year: "numeric",
+                    })}
+                  </span>
+                </div>
+              </div>
+            </Link>
+          ))}
+        </div>
+
+        <div className="relative h-[160px] w-full overflow-hidden rounded-xl mt-6">
+          <Image
+            src="/image-kolom.png"
+            alt="Kolom PPS"
+            fill
+            className="object-contain bg-white"
+          />
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/components/landing-page/youtube-selection.tsx b/components/landing-page/youtube-selection.tsx
new file mode 100644
index 0000000..2243f66
--- /dev/null
+++ b/components/landing-page/youtube-selection.tsx
@@ -0,0 +1,151 @@
+import { Eye, Heart, MessageCircle } from "lucide-react";
+import Image from "next/image";
+
+interface VideoItem {
+  id: number;
+  title: string;
+  thumbnail: string;
+  duration: string;
+  publishedAt: string;
+  views: string;
+  likes: string;
+  comments: string;
+}
+
+const sampleVideos: VideoItem[] = [
+  {
+    id: 1,
+    title: "Cuplikan Kegiatan Presiden di IKN",
+    thumbnail: "/yt/thumb1.jpg",
+    duration: "12:30",
+    publishedAt: "2 jam yang lalu",
+    views: "12K",
+    likes: "230",
+    comments: "45",
+  },
+  {
+    id: 2,
+    title: "Pembangunan MRT Fase Berikutnya Resmi Dimulai",
+    thumbnail: "/yt/thumb2.jpg",
+    duration: "08:12",
+    publishedAt: "5 jam yang lalu",
+    views: "9.4K",
+    likes: "180",
+    comments: "30",
+  },
+  {
+    id: 3,
+    title: "Wilayah Indonesia Siap Hadapi Cuaca Ekstrem",
+    thumbnail: "/yt/thumb3.jpg",
+    duration: "05:50",
+    publishedAt: "1 hari lalu",
+    views: "21K",
+    likes: "540",
+    comments: "121",
+  },
+  {
+    id: 4,
+    title: "Peningkatan Ekonomi Regional Terus Dijaga",
+    thumbnail: "/yt/thumb4.jpg",
+    duration: "10:44",
+    publishedAt: "2 hari lalu",
+    views: "18K",
+    likes: "420",
+    comments: "88",
+  },
+  {
+    id: 5,
+    title: "Laporan Khusus Perkembangan Industri Kreatif",
+    thumbnail: "/yt/thumb5.jpg",
+    duration: "14:02",
+    publishedAt: "3 hari lalu",
+    views: "30K",
+    likes: "830",
+    comments: "200",
+  },
+  {
+    id: 6,
+    title: "Paparan Menteri Perhubungan Soal Transportasi",
+    thumbnail: "/yt/thumb6.jpg",
+    duration: "07:21",
+    publishedAt: "4 hari lalu",
+    views: "9K",
+    likes: "114",
+    comments: "26",
+  },
+];
+
+export default function YouTubeSection() {
+  return (
+    <section className="max-w-7xl mx-auto px-4 py-8">
+      {/* Header Channel */}
+      <div className="flex items-center gap-4 mb-6">
+        <Image
+          src="/yt-logo.png"
+          alt="Logo Channel"
+          width={70}
+          height={70}
+          className="rounded-full"
+        />
+        <div>
+          <h2 className="text-xl font-semibold">YouTube • Channel Resmi</h2>
+          <p className="text-sm text-gray-600">
+            Lebih dari 3.5 juta pengikut • 12k video
+          </p>
+        </div>
+
+        <a
+          href="#"
+          className="ml-auto bg-red-600 text-white px-4 py-2 rounded-lg font-semibold"
+        >
+          Subscribe
+        </a>
+      </div>
+
+      {/* Grid Video */}
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        {sampleVideos.map((v) => (
+          <div key={v.id} className="cursor-pointer">
+            <div className="relative w-full h-44">
+              <Image
+                src={v.thumbnail}
+                alt={v.title}
+                fill
+                className="rounded-lg object-cover"
+              />
+
+              <span className="absolute bottom-1 right-1 bg-black/80 text-white text-xs px-2 py-1 rounded">
+                {v.duration}
+              </span>
+            </div>
+
+            <h3 className="font-semibold mt-2 leading-tight line-clamp-2">
+              {v.title}
+            </h3>
+
+            <p className="text-sm text-gray-600">{v.publishedAt}</p>
+
+            <div className="flex items-center gap-4 text-sm text-gray-700 mt-1">
+              <span className="flex items-center gap-1">
+                <Eye size={16} /> {v.views}
+              </span>
+              <span className="flex items-center gap-1">
+                <Heart size={16} /> {v.likes}
+              </span>
+              <span className="flex items-center gap-1">
+                <MessageCircle size={16} /> {v.comments}
+              </span>
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {/* Pagination */}
+      <div className="flex justify-center mt-8">
+        <button className="px-5 py-2 rounded-lg border hover:bg-gray-100">
+          Lihat Selanjutnya →
+        </button>
+      </div>
+    </section>
+  );
+}
diff --git a/public/kebaikanindonesia-logo.png b/public/kebaikanindonesia-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9496c834f186f99995e29aa8dbaa8baa8c814d
GIT binary patch
literal 31890
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
Ur<eWe(FGE#sc0!zDw@CfAErBiJOBUy

literal 0
HcmV?d00001

diff --git a/public/yt-logo.png b/public/yt-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbb41e7d6e479f5c49313cf15b0e28f38737900a
GIT binary patch
literal 19227
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
LeKbX#aO?j7<JWk~

literal 0
HcmV?d00001

diff --git a/tsconfig.json b/tsconfig.json
index d8b9323..e7ff3a2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }