diff --git a/components/icons.tsx b/components/icons.tsx index ef366fc..6502d26 100644 --- a/components/icons.tsx +++ b/components/icons.tsx @@ -2481,3 +2481,103 @@ export const YoutubeLandingIcon = ({ /> ); +export const LandingEmailIcon = ({ + size, + height = 24, + width = 24, + fill = "currentColor", + ...props +}: IconSvgProps) => ( + + + +); +export const LandingCallIcon = ({ + size, + height = 24, + width = 24, + fill = "currentColor", + ...props +}: IconSvgProps) => ( + + + +); +export const LandingLocationIcon = ({ + size, + height = 24, + width = 24, + fill = "currentColor", + ...props +}: IconSvgProps) => ( + + + +); +export const LandingAppleIcon = ({ + size, + height = 24, + width = 24, + fill = "currentColor", + ...props +}: IconSvgProps) => ( + + + +); +export const LandingPlayStoreIcon = ({ + size, + height = 24, + width = 24, + fill = "currentColor", + ...props +}: IconSvgProps) => ( + + + +); diff --git a/components/landing/footer-new.tsx b/components/landing/footer-new.tsx new file mode 100644 index 0000000..7aee1c3 --- /dev/null +++ b/components/landing/footer-new.tsx @@ -0,0 +1,171 @@ +import { Button } from "@heroui/button"; +import { Input } from "@heroui/input"; +import { + LandingAppleIcon, + LandingCallIcon, + LandingEmailIcon, + LandingLocationIcon, + LandingPlayStoreIcon, + MailIcon, + SendIcon, +} from "../icons"; +import Link from "next/link"; +import { useTranslations } from "next-intl"; +import { useEffect, useState } from "react"; +import Image from "next/image"; + +export default function FooterNew() { + const t2 = useTranslations("Navbar"); + const t3 = useTranslations("LandingInformasiPublik"); + + return ( +
+
+
Channel Humas Polri
+
+ + portal-humas + + + mediahub +

MediaHub

+ + + spit + + + polritv + + + tbn + + + inp + +
+
+
+

Tentang Kami

+
+
+ +
+

Call Center 110

+
+
+
+ +
+

ppid@polri.go.id

+
+
+
+ +
+ + Jl. Trunojoyo No.3, Selong, Kec. Kby. Baru, Kota Jakarta + Selatan, Daerah Khusus Ibukota Jakarta + +
+
+
+

Download Aplikasi Polri Presisi

+
+ + +
+

Download on the

+

App Store

+
+ + + +
+

GET IT ON

+

Google Play

+
+ +
+
+
+

Subscribe

+
+

+ Dapatkan info & event terupdate dari kami. +

+
+ {" "} + + // } + /> +
+ +
+
+
+ + + {" "} +
+
+
+
+ © Copyright Humas  POLRI ®   All Rights Reserved +
+
+ ); +} diff --git a/components/layout/humas-layout.tsx b/components/layout/humas-layout.tsx index 26991db..cd425cd 100644 --- a/components/layout/humas-layout.tsx +++ b/components/layout/humas-layout.tsx @@ -4,6 +4,7 @@ import React, { Suspense, useEffect, useState } from "react"; import NavbarHumas from "./navbar/NavbarHumas"; import Footer from "../landing/Footer"; import NewsTicker from "../landing/NewsTicker"; +import FooterNew from "../landing/footer-new"; interface Props { children: React.ReactNode; @@ -26,7 +27,7 @@ export const HumasLayout = ({ children }: Props) => { {children} -