40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
// components/Footer.tsx
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="bg-[#002C5B] text-[#FFFFFFCC] text-sm font-sans border-t border-gray-200">
|
|
<div className="max-w-[1350px] mx-auto py-6">
|
|
{/* Top Menu Links */}
|
|
<div className="flex flex-col md:flex-row justify-center md:justify-between gap-3">
|
|
<div className="flex flex-wrap justify-center md:justify-start gap-2 md:gap-3 text-xs text-[#FFFFFFCC]">
|
|
{[
|
|
"Kode Etik Jurnalistik",
|
|
"Kebijakan Privasi",
|
|
"Tentang Kami",
|
|
"Disclaimer",
|
|
"Pedoman Pemberitaan Media Siber",
|
|
].map((item, idx, arr) => (
|
|
<span
|
|
key={idx}
|
|
className="flex items-center gap-2 whitespace-nowrap"
|
|
>
|
|
<a href="#" className="hover:underline">
|
|
{item}
|
|
</a>
|
|
{idx !== arr.length - 1 && (
|
|
<span className="text-gray-400">/</span>
|
|
)}
|
|
</span>
|
|
))}
|
|
</div>
|
|
<div className="flex flex-wrap justify-center md:justify-end gap-2 md:gap-3 text-xs text-[#FFFFFF]">
|
|
<p className="text-xs font-bold text-[#FFFFFF] mb-2 md:mb-0 w-10/12 text-right">
|
|
© Copyright Arahnegeri Team All Rights Reserved
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|