diff --git a/app/[locale]/(public)/(polda)/polda/layout.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx similarity index 100% rename from app/[locale]/(public)/(polda)/polda/layout.tsx rename to app/[locale]/(public)/(polda)/polda/[polda_name]/layout.tsx diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/contact-us.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/contact-us.tsx new file mode 100644 index 00000000..d7dd7938 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/contact-us.tsx @@ -0,0 +1,169 @@ +import { Icon } from "@iconify/react/dist/iconify.js"; +import Image from "next/image"; +import React from "react"; + +const ContactUs = () => { + return ( +
+
+
+ {/* Logo */} +
+ +
+ + {/* Contact Us */} +
+

Kontak Kami

+
+

+ + + + Jl Trunojoyo No.3, RT.2/RW.1, Selong, Kec. Kebayoran Baru, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12110, Indonesia +

+

+ + + + + + + Hotline Divisi HumasPolri (021) 72120599 +

+

+ + + + + + {" "} + Call Center 110 +

+

+ + + + ppid@polri.go.id +

+
+ + {/* Links */} +
+

Tautan

+
+
+
+

+ + + + Polri.go.id +

+

+ + + + TBNews +

+

+ + + + Hum Polri +

+

+ + + + MediaHub +

+
+
+

+ + + + Satu Data +

+

+ + + + PUSIKNAS +

+

+ + + + SPIT +

+

+ + + + POLRI TV +

+
+
+
+ + {/* Social Media */} + {/*
+

Sosial Media Humas

+
+
+ + + + + + + + + + + + + + + +
+
*/} +
+
+
+ ); +}; + +export default ContactUs; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/hero-kaltara.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/hero-kaltara.tsx new file mode 100644 index 00000000..d6a763a1 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/hero-kaltara.tsx @@ -0,0 +1,161 @@ +"use client"; + +import { Skeleton } from "@/components/ui/skeleton"; +import { getHeroData } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; +import Image from "next/image"; +import { useParams } from "next/navigation"; +import React, { useEffect, useState } from "react"; + +const HeroKaltara = () => { + const [isLoading, setIsLoading] = useState(true); + const params = useParams(); + const locale = params?.locale; + const [heroData, setHeroData] = useState(); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 3000); + + return () => clearTimeout(timer); + }, []); + + useEffect(() => { + async function fetchCategories() { + const url = "https://netidhub.com/api/csrf"; + + try { + const response = await fetch(url); + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + return data; // Menampilkan data yang diterima dari API + } catch (error) { + console.error("Fetch error: ", error); + } + } + + fetchCategories(); + initFetch(); + }, []); + + const initFetch = async () => { + const response = await getHeroData(); + console.log(response); + setHeroData(response?.data?.data?.content); + }; + + return ( +
+ {isLoading ? ( +
+ +
+ + +
+
+ ) : ( +
+ {heroData?.length > 0 && ( +
+ gambar-utama{" "} +

{heroData[0]?.title}

+
+

{heroData[0]?.categoryName}

+

+ {formatDateToIndonesian(new Date(heroData[0]?.createdAt))} {heroData[0]?.timezone ? heroData[0]?.timezone : "WIB"}|{" "} + + + {" "} + {heroData[0]?.clickCount}{" "} +

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eum consectetur cum placeat non aperiam suscipit libero ipsa commodi. Quam dicta eligendi voluptate, ab sunt ratione accusamus esse animi vel libero veniam + nulla tenetur ipsum provident minus. Error ad eligendi quasi autem neque ex, iste perspiciatis magnam. Magni, quos sequi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit rem veniam doloribus saepe atque quia + ut quaerat fugit harum. Velit quia quisquam consectetur blanditiis porro itaque perferendis. Voluptatibus fuga ipsam maxime, hic doloribus inventore, odio eos molestiae velit cum placeat! Est nostrum quas veritatis deserunt + itaque illum alias. Assumenda deleniti similique id. +

+
+ )} +
+ )} + + {isLoading ? ( +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ ) : ( +
+ {heroData?.slice(0, 3).map((item: any) => ( +
+
+ +
+
+

{item?.title}

+
+

{item?.categoryName}

+

+ {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} + + + {" "} + {item?.clickCount}{" "} +

+
+
+
+ ))} +
+ )} +
+ ); +}; + +export default HeroKaltara; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/latest-news.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/latest-news.tsx new file mode 100644 index 00000000..f8142b8b --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/latest-news.tsx @@ -0,0 +1,168 @@ +"use client"; + +import { Skeleton } from "@/components/ui/skeleton"; +import { getHeroData } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; +import Image from "next/image"; +import { useParams } from "next/navigation"; +import React, { useEffect, useState } from "react"; + +const LatestNews = () => { + const [isLoading, setIsLoading] = useState(true); + const params = useParams(); + const locale = params?.locale; + const [heroData, setHeroData] = useState(); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 3000); + + return () => clearTimeout(timer); + }, []); + + useEffect(() => { + async function fetchCategories() { + const url = "https://netidhub.com/api/csrf"; + + try { + const response = await fetch(url); + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + return data; // Menampilkan data yang diterima dari API + } catch (error) { + console.error("Fetch error: ", error); + } + } + + fetchCategories(); + initFetch(); + }, []); + + const initFetch = async () => { + const response = await getHeroData(); + console.log(response); + setHeroData(response?.data?.data?.content); + }; + + return ( + <> +
+
+

Berita Terbaru

+
+
+
+ {isLoading ? ( +
+ +
+ + +
+
+ ) : ( +
+ {heroData?.length > 0 && ( +
+ gambar-utama{" "} +

{heroData[0]?.title}

+
+

{heroData[0]?.categoryName}

+

+ {formatDateToIndonesian(new Date(heroData[0]?.createdAt))} {heroData[0]?.timezone ? heroData[0]?.timezone : "WIB"}|{" "} + + + {" "} + {heroData[0]?.clickCount}{" "} +

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eum consectetur cum placeat non aperiam suscipit libero ipsa commodi. Quam dicta eligendi voluptate, ab sunt ratione accusamus esse animi vel libero + veniam nulla tenetur ipsum provident minus. Error ad eligendi quasi autem neque ex, iste perspiciatis magnam. Magni, quos sequi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit rem veniam doloribus saepe + atque quia ut quaerat fugit harum. Velit quia quisquam consectetur blanditiis porro itaque perferendis. Voluptatibus fuga ipsam maxime, hic doloribus inventore, odio eos molestiae velit cum placeat! Est nostrum quas + veritatis deserunt itaque illum alias. Assumenda deleniti similique id. +

+
+ )} +
+ )} + + {isLoading ? ( +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ ) : ( +
+ {heroData?.map((item: any) => ( +
+ {/*
+ +
*/} +
+

{item?.title}

+
+

{item?.categoryName}

+

+ {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} + + + {" "} + {item?.clickCount}{" "} +

+
+
+
+ ))} +
+ )} +
+ + ); +}; + +export default LatestNews; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/national-news.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/national-news.tsx new file mode 100644 index 00000000..ed51f350 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/national-news.tsx @@ -0,0 +1,168 @@ +"use client"; + +import { Skeleton } from "@/components/ui/skeleton"; +import { getHeroData } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; +import Image from "next/image"; +import { useParams } from "next/navigation"; +import React, { useEffect, useState } from "react"; + +const NationalNews = () => { + const [isLoading, setIsLoading] = useState(true); + const params = useParams(); + const locale = params?.locale; + const [heroData, setHeroData] = useState(); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 3000); + + return () => clearTimeout(timer); + }, []); + + useEffect(() => { + async function fetchCategories() { + const url = "https://netidhub.com/api/csrf"; + + try { + const response = await fetch(url); + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + return data; // Menampilkan data yang diterima dari API + } catch (error) { + console.error("Fetch error: ", error); + } + } + + fetchCategories(); + initFetch(); + }, []); + + const initFetch = async () => { + const response = await getHeroData(); + console.log(response); + setHeroData(response?.data?.data?.content); + }; + + return ( + <> +
+
+

Berita Nasional

+
+
+
+ {isLoading ? ( +
+ +
+ + +
+
+ ) : ( +
+ {heroData?.length > 0 && ( +
+ gambar-utama{" "} +

{heroData[0]?.title}

+
+

{heroData[0]?.categoryName}

+

+ {formatDateToIndonesian(new Date(heroData[0]?.createdAt))} {heroData[0]?.timezone ? heroData[0]?.timezone : "WIB"}|{" "} + + + {" "} + {heroData[0]?.clickCount}{" "} +

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eum consectetur cum placeat non aperiam suscipit libero ipsa commodi. Quam dicta eligendi voluptate, ab sunt ratione accusamus esse animi vel libero + veniam nulla tenetur ipsum provident minus. Error ad eligendi quasi autem neque ex, iste perspiciatis magnam. Magni, quos sequi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit rem veniam doloribus saepe + atque quia ut quaerat fugit harum. Velit quia quisquam consectetur blanditiis porro itaque perferendis. Voluptatibus fuga ipsam maxime, hic doloribus inventore, odio eos molestiae velit cum placeat! Est nostrum quas + veritatis deserunt itaque illum alias. Assumenda deleniti similique id. +

+
+ )} +
+ )} + + {isLoading ? ( +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ ) : ( +
+ {heroData?.map((item: any) => ( +
+ {/*
+ +
*/} +
+

{item?.title}

+
+

{item?.categoryName}

+

+ {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} + + + {" "} + {item?.clickCount}{" "} +

+
+
+
+ ))} +
+ )} +
+ + ); +}; + +export default NationalNews; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/navbar-kaltara.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/navbar-kaltara.tsx new file mode 100644 index 00000000..551f7c77 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/navbar-kaltara.tsx @@ -0,0 +1,69 @@ +import { Button } from "@/components/ui/button"; +import { Icon } from "@/components/ui/icon"; +import { Link } from "@/i18n/routing"; +import Image from "next/image"; +import React from "react"; + +const category = [ + { + id: 1, + name: "Nasional", + }, + { + id: 2, + name: "Kaltara", + }, + { + id: 3, + name: "Keamanan", + }, + { + id: 4, + name: "Kesehatan", + }, + { + id: 5, + name: "Olahraga", + }, + { + id: 6, + name: "PPA", + }, + { + id: 7, + name: "MediaHub", + }, +]; + +const categoryLinks: any = { + Nasional: "/news/nasional", + Kaltara: "/news/kaltara", + Keamanan: "/security", + Kesehatan: "/health", + Olahraga: "/sports", + PPA: "/ppa", + MediaHub: "/mediahub", +}; + +const NavbarKaltara = () => { + return ( +
+
+ image +
+ {category?.map((data: any) => ( + + {data?.name} + + ))} +
+ +
+
+ ); +}; + +export default NavbarKaltara; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/popular-news.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/popular-news.tsx new file mode 100644 index 00000000..6017d043 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/popular-news.tsx @@ -0,0 +1,168 @@ +"use client"; + +import { Skeleton } from "@/components/ui/skeleton"; +import { getHeroData } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; +import Image from "next/image"; +import { useParams } from "next/navigation"; +import React, { useEffect, useState } from "react"; + +const PopularNews = () => { + const [isLoading, setIsLoading] = useState(true); + const params = useParams(); + const locale = params?.locale; + const [heroData, setHeroData] = useState(); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 3000); + + return () => clearTimeout(timer); + }, []); + + useEffect(() => { + async function fetchCategories() { + const url = "https://netidhub.com/api/csrf"; + + try { + const response = await fetch(url); + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + return data; // Menampilkan data yang diterima dari API + } catch (error) { + console.error("Fetch error: ", error); + } + } + + fetchCategories(); + initFetch(); + }, []); + + const initFetch = async () => { + const response = await getHeroData(); + console.log(response); + setHeroData(response?.data?.data?.content); + }; + + return ( + <> +
+
+

Berita Terpopuler

+
+
+
+ {isLoading ? ( +
+ +
+ + +
+
+ ) : ( +
+ {heroData?.length > 0 && ( +
+ gambar-utama{" "} +

{heroData[0]?.title}

+
+

{heroData[0]?.categoryName}

+

+ {formatDateToIndonesian(new Date(heroData[0]?.createdAt))} {heroData[0]?.timezone ? heroData[0]?.timezone : "WIB"}|{" "} + + + {" "} + {heroData[0]?.clickCount}{" "} +

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eum consectetur cum placeat non aperiam suscipit libero ipsa commodi. Quam dicta eligendi voluptate, ab sunt ratione accusamus esse animi vel libero + veniam nulla tenetur ipsum provident minus. Error ad eligendi quasi autem neque ex, iste perspiciatis magnam. Magni, quos sequi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit rem veniam doloribus saepe + atque quia ut quaerat fugit harum. Velit quia quisquam consectetur blanditiis porro itaque perferendis. Voluptatibus fuga ipsam maxime, hic doloribus inventore, odio eos molestiae velit cum placeat! Est nostrum quas + veritatis deserunt itaque illum alias. Assumenda deleniti similique id. +

+
+ )} +
+ )} + + {isLoading ? ( +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ ) : ( +
+ {heroData?.map((item: any) => ( +
+ {/*
+ +
*/} +
+

{item?.title}

+
+

{item?.categoryName}

+

+ {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} + + + {" "} + {item?.clickCount}{" "} +

+
+
+
+ ))} +
+ )} +
+ + ); +}; + +export default PopularNews; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/regional-news.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/regional-news.tsx new file mode 100644 index 00000000..5deeb6d8 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/components/regional-news.tsx @@ -0,0 +1,168 @@ +"use client"; + +import { Skeleton } from "@/components/ui/skeleton"; +import { getHeroData } from "@/service/landing/landing"; +import { formatDateToIndonesian } from "@/utils/globals"; +import Image from "next/image"; +import { useParams } from "next/navigation"; +import React, { useEffect, useState } from "react"; + +const RegionalNews = () => { + const [isLoading, setIsLoading] = useState(true); + const params = useParams(); + const locale = params?.locale; + const [heroData, setHeroData] = useState(); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + }, 3000); + + return () => clearTimeout(timer); + }, []); + + useEffect(() => { + async function fetchCategories() { + const url = "https://netidhub.com/api/csrf"; + + try { + const response = await fetch(url); + + if (!response.ok) { + throw new Error(`HTTP error! status: ${response.status}`); + } + + const data = await response.json(); + return data; // Menampilkan data yang diterima dari API + } catch (error) { + console.error("Fetch error: ", error); + } + } + + fetchCategories(); + initFetch(); + }, []); + + const initFetch = async () => { + const response = await getHeroData(); + console.log(response); + setHeroData(response?.data?.data?.content); + }; + + return ( + <> +
+
+

Berita Wilayah

+
+
+
+ {isLoading ? ( +
+ +
+ + +
+
+ ) : ( +
+ {heroData?.length > 0 && ( +
+ gambar-utama{" "} +

{heroData[0]?.title}

+
+

{heroData[0]?.categoryName}

+

+ {formatDateToIndonesian(new Date(heroData[0]?.createdAt))} {heroData[0]?.timezone ? heroData[0]?.timezone : "WIB"}|{" "} + + + {" "} + {heroData[0]?.clickCount}{" "} +

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae eum consectetur cum placeat non aperiam suscipit libero ipsa commodi. Quam dicta eligendi voluptate, ab sunt ratione accusamus esse animi vel libero + veniam nulla tenetur ipsum provident minus. Error ad eligendi quasi autem neque ex, iste perspiciatis magnam. Magni, quos sequi. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit rem veniam doloribus saepe + atque quia ut quaerat fugit harum. Velit quia quisquam consectetur blanditiis porro itaque perferendis. Voluptatibus fuga ipsam maxime, hic doloribus inventore, odio eos molestiae velit cum placeat! Est nostrum quas + veritatis deserunt itaque illum alias. Assumenda deleniti similique id. +

+
+ )} +
+ )} + + {isLoading ? ( +
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ ) : ( +
+ {heroData?.map((item: any) => ( +
+ {/*
+ +
*/} +
+

{item?.title}

+
+

{item?.categoryName}

+

+ {formatDateToIndonesian(new Date(item?.createdAt))} {item?.timezone ? item?.timezone : "WIB"}|{" "} + + + {" "} + {item?.clickCount}{" "} +

+
+
+
+ ))} +
+ )} +
+ + ); +}; + +export default RegionalNews; diff --git a/app/[locale]/(public)/(polda)/polda/polda-kaltara/page.tsx b/app/[locale]/(public)/(polda)/polda/polda-kaltara/page.tsx new file mode 100644 index 00000000..74f45660 --- /dev/null +++ b/app/[locale]/(public)/(polda)/polda/polda-kaltara/page.tsx @@ -0,0 +1,27 @@ +"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"; +import NationalNews from "./components/national-news"; +import RegionalNews from "./components/regional-news"; +import ContactUs from "./components/contact-us"; + +const PoldaKaltara = () => { + return ( +
+ + + + + {/* sosmed */} + + + +
+ ); +}; + +export default PoldaKaltara; diff --git a/components/landing-page/coverage.tsx b/components/landing-page/coverage.tsx index 7c589838..2d4cf257 100644 --- a/components/landing-page/coverage.tsx +++ b/components/landing-page/coverage.tsx @@ -79,7 +79,9 @@ const Coverage: React.FC = () => { {/*

Liputan Wilayah

*/} +
+ {/* Pencarian */}
setSearchTerm(e.target.value)} type="text" placeholder={t("search")} className="w-4/5 px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#bb3523] focus:outline-none" /> @@ -88,12 +90,19 @@ const Coverage: React.FC = () => {
+ {/* Grid Wilayah */}
+
+ + polda-kaltara + +

Polda Kalimantan Utara

+
{filteredList && filteredList.length > 0 ? ( filteredList.map((region, index) => !seeAllValue ? ( - index < 9 ? ( + index < 8 ? (
{region.name} @@ -116,7 +125,8 @@ const Coverage: React.FC = () => {

{t("notFound")}

)}
- {filteredList && filteredList.length > 9 && ( + + {filteredList && filteredList.length > 8 && (
*/} + {/*
*/} + +
+ {/* Dropdown */} +
+ +
+ + + + + + setSearch(e.target.value)} /> +
- {/* Button */} -
diff --git a/components/landing-page/welcome-satker.tsx b/components/landing-page/welcome-satker.tsx index 9c76e8ff..1f49c430 100644 --- a/components/landing-page/welcome-satker.tsx +++ b/components/landing-page/welcome-satker.tsx @@ -6,6 +6,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge import { FiFile, FiImage, FiMusic, FiYoutube } from "react-icons/fi"; import { Icon } from "@iconify/react/dist/iconify.js"; import { useTranslations } from "next-intl"; +import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select"; const WelcomeSatker = () => { const router = useRouter(); @@ -14,6 +15,8 @@ const WelcomeSatker = () => { const satkerName: any = params?.satker_name; const [categorySelect, setCategorySelect] = useState("0"); const t = useTranslations("LandingPage"); + const [contentType, setContentType] = useState("all"); + const [search, setSearch] = useState(""); useEffect(() => { function initState() { @@ -36,9 +39,9 @@ const WelcomeSatker = () => {

{/* Search Form */} - diff --git a/public/assets/img/logo-bawah.png b/public/assets/img/logo-bawah.png new file mode 100644 index 00000000..b68712d6 Binary files /dev/null and b/public/assets/img/logo-bawah.png differ diff --git a/public/assets/img/logo-tbn.png b/public/assets/img/logo-tbn.png new file mode 100644 index 00000000..9af3771a Binary files /dev/null and b/public/assets/img/logo-tbn.png differ diff --git a/public/assets/img/logo-tbnews-kaltara.png b/public/assets/img/logo-tbnews-kaltara.png new file mode 100644 index 00000000..5959eabd Binary files /dev/null and b/public/assets/img/logo-tbnews-kaltara.png differ