update: aminberatu

.drone.yml

@@ -1,34 +0,0 @@
-kind: pipeline
-type: ssh
-name: humas-fe-build
-
-server:
-  host:
-    from_secret: ssh_host
-  user:
-    from_secret: ssh_user
-  ssh_key:
-    from_secret: ssh_key
-
-steps:
-  - name: prepare repo
-    when:
-      branch:
-        - prod
-    commands:
-      - rm -rf /opt/build/web-humas-fe
-      - mkdir -p /opt/build/web-humas-fe
-      - cd /opt/build
-      - git clone http://38.47.180.165:3000/humas/web-humas-fe.git
-      - cd /opt/build/web-humas-fe
-      - git checkout $DRONE_BRANCH
-
-  - name: build image
-    when:
-      branch:
-        - prod
-    commands:
-      - docker login 38.47.180.165:3000 -u administrator -p HarborDockerImageRep0
-      - cd /opt/build/web-humas-fe
-      - docker build -t 38.47.180.165:3000/humas/web-humas-fe:$DRONE_BRANCH .
-      - docker push 38.47.180.165:3000/humas/web-humas-fe:$DRONE_BRANCH

.gitlab-ci.yml

@@ -1,29 +0,0 @@
-stages:
-  - build
-  - deploy
-
-build-dev:
-  stage: build
-  when: on_success
-  only:
-    - main
-  image: docker:stable
-  services:
-  - name: docker:dind
-    command: ["--insecure-registry=103.82.242.92:8900"]
-  script:
-    - docker logout
-    - docker login -u $DEPLOY_USERNAME -p $DEPLOY_TOKEN 103.82.242.92:8900
-    - docker build -t 103.82.242.92:8900/humas/web-humas-fe:dev .
-    - docker push 103.82.242.92:8900/humas/web-humas-fe:dev
-
-auto-deploy:
-  stage: deploy
-  when: on_success
-  only:
-    - main
-  image: curlimages/curl:latest
-  services:
-    - docker:dind
-  script:
-    - curl --user cekmedsos:$JENKINS_PWD http://103.82.242.92:8080/job/autodeploy-humas/build?token=autodeployhumas

Dockerfile

@@ -1,24 +0,0 @@
-FROM node:21-alpine
-
-ENV PORT 4000
-
-# Create app directory
-RUN mkdir -p /usr/src/app
-WORKDIR /usr/src/app
-
-# Installing dependencies
-COPY package*.json /usr/src/app/
-
-# RUN npm install --force
-RUN npm install -g npm@latest
-RUN npm install
-
-# Copying source files
-COPY . /usr/src/app
-
-# Building app
-RUN npm run build
-EXPOSE 4000
-
-# Running the app
-CMD "npm" "run" "start"

app/(admin)/admin/article/create/page.tsx

@@ -1,10 +0,0 @@
-import FormArticle from '@/components/form/form-article'
-import { Card } from '@nextui-org/react'
-
-export default function CreateArticle() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormArticle />
-        </Card>
-    )
-}

app/(admin)/admin/article/detail/[id]/page.tsx

@@ -1,10 +0,0 @@
-import FormDetailArticle from '@/components/form/form-detail-article'
-import { Card } from '@nextui-org/react'
-
-export default function DetailArticlePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormDetailArticle />
-        </Card>
-    )
-}

app/(admin)/admin/article/edit/[id]/page.tsx

@@ -1,10 +0,0 @@
-import FormUpdateArticle from '@/components/form/form-edit-article'
-import { Card } from '@nextui-org/react'
-
-export default function UpdateArticlePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormUpdateArticle />
-        </Card>
-    )
-}

app/(admin)/admin/article/page.tsx

@@ -1,24 +0,0 @@
-"use client"
-import { AddIcon } from "@/components/icons";
-import ArticleTable from "@/components/table/article-table";
-import { Button, Card } from "@nextui-org/react";
-import Link from "next/link";
-
-export default function BasicPage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/article/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New Article
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <ArticleTable />
-                </Card>
-            </div>
-        </div>
-    );
-}

app/(admin)/admin/dashboard/page.tsx

@@ -1,11 +0,0 @@
-import DashboardContainer from "@/components/main/dashboard/dashboard-container";
-
-export default function AdminPage() {
-    return (
-        <div className="flex h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-small ml-4">
-            <div className="px-4">
-                <DashboardContainer />
-            </div>
-        </div>
-    )
-}

app/(admin)/admin/e-magazine/create/page.tsx

@@ -1,11 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMagazineCreate = () => {
-    return (
-        <div><CreateMagazineForm /></div>
-    )
-}
-
-export default AdminMagazineCreate

app/(admin)/admin/e-magazine/detail/page.tsx

@@ -1,11 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMagazineDetail = () => {
-    return (
-        <div><CreateMagazineForm /></div>
-    )
-}
-
-export default AdminMagazineDetail

app/(admin)/admin/e-magazine/page.tsx

@@ -1,10 +0,0 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMagazine = () => {
-    return (
-        <div><MagazineTable /></div>
-    )
-}
-
-export default AdminMagazine

app/(admin)/admin/layout.tsx

@@ -1,15 +0,0 @@
-"use client";
-
-import { AdminLayout } from "@/components/layout/admin-layout";
-
-export default function AdminPageLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <AdminLayout>
-            {children}
-        </AdminLayout>
-    );
-}

app/(admin)/admin/master-menu/create/page.tsx

@@ -1,12 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import CreateMenuDataForm from '@/components/form/master/master-menu/menu-data/menu-data-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMenuDataCreate = () => {
-    return (
-        <div><CreateMenuDataForm /></div>
-    )
-}
-
-export default AdminMenuDataCreate

app/(admin)/admin/master-menu/page.tsx

@@ -1,11 +0,0 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import MenuDataTable from '@/components/table/master/master-menu/menu-data/menu-data-table'
-import React from 'react'
-
-const AdminMenuData = () => {
-    return (
-        <div><MenuDataTable /></div>
-    )
-}
-
-export default AdminMenuData

app/(admin)/admin/master-module/create/page.tsx

@@ -1,13 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import CreateMenuDataForm from '@/components/form/master/master-menu/menu-data/menu-data-form'
-import CreateMasterModuleForm from '@/components/form/master/master-module/master-module-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMasterModuleCreate = () => {
-    return (
-        <div><CreateMasterModuleForm /></div>
-    )
-}
-
-export default AdminMasterModuleCreate

app/(admin)/admin/master-module/page.tsx

@@ -1,12 +0,0 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import MenuDataTable from '@/components/table/master/master-menu/menu-data/menu-data-table'
-import MasterModuleTable from '@/components/table/master/master-module/master-module-table'
-import React from 'react'
-
-const AdminMasterModule = () => {
-    return (
-        <div><MasterModuleTable /></div>
-    )
-}
-
-export default AdminMasterModule

app/(admin)/admin/master-role/create/page.tsx

@@ -1,10 +0,0 @@
-import FormMasterUserRole from '@/components/form/form-master-user-role'
-import { Card } from '@nextui-org/react'
-
-export default function CreateMasterUserRolePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormMasterUserRole />
-        </Card>
-    )
-}

app/(admin)/admin/master-role/detail/[id]/page.tsx

@@ -1,10 +0,0 @@
-import FormDetailMasterUserRole from '@/components/form/form-detail-master-user-role'
-import { Card } from '@nextui-org/react'
-
-export default function DetailMasterRolePage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormDetailMasterUserRole />
-        </Card>
-    )
-}

app/(admin)/admin/master-role/page.tsx

@@ -1,24 +0,0 @@
-"use client"
-import { AddIcon } from "@/components/icons";
-import MasterRoleTable from "@/components/table/master-role-table";
-import { Button, Card } from "@nextui-org/react";
-import Link from "next/link";
-
-export default function MasterRolePage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/master-role/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New Role
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <MasterRoleTable />
-                </Card>
-            </div>
-        </div>
-    );
-}

app/(admin)/admin/master-user-level/create/page.tsx

@@ -1,14 +0,0 @@
-import CreateMagazineForm from '@/components/form/magazine/magazine-form'
-import CreateMenuDataForm from '@/components/form/master/master-menu/menu-data/menu-data-form'
-import CreateMasterModuleForm from '@/components/form/master/master-module/master-module-form'
-import CreateMasterUserLevelForm from '@/components/form/master/master-user-level/master-user-level-form'
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import React from 'react'
-
-const AdminMasterUserLevelCreate = () => {
-    return (
-        <div><CreateMasterUserLevelForm /></div>
-    )
-}
-
-export default AdminMasterUserLevelCreate

app/(admin)/admin/master-user-level/page.tsx

@@ -1,13 +0,0 @@
-import MagazineTable from '@/components/table/magazine/magazine-table'
-import MenuDataTable from '@/components/table/master/master-menu/menu-data/menu-data-table'
-import MasterModuleTable from '@/components/table/master/master-module/master-module-table'
-import MasterUserLevelTable from '@/components/table/master/master-user-level/master-user-level-table'
-import React from 'react'
-
-const AdminMasterUserLevel = () => {
-    return (
-        <div><MasterUserLevelTable /></div>
-    )
-}
-
-export default AdminMasterUserLevel

app/(admin)/admin/master-user/create/page.tsx

@@ -1,10 +0,0 @@
-import FormMasterUser from '@/components/form/form-master-user'
-import { Card } from '@nextui-org/react'
-
-export default function CreateMasterUserPage() {
-    return (
-        <Card className="h-[96vh] rounded-md my- ml-3 border bg-transparent">
-            <FormMasterUser />
-        </Card>
-    )
-}

app/(admin)/admin/master-user/page.tsx

@@ -1,24 +0,0 @@
-"use client"
-import { AddIcon } from "@/components/icons";
-import MasterUserTable from "@/components/table/master-user-table";
-import { Button, Card } from "@nextui-org/react";
-import Link from "next/link";
-
-export default function MasterUserPage() {
-    return (
-        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
-            <div className="px-4">
-                <Card className="rounded-md my-5 pl-5 py-2">
-                    <Link href="/admin/master-user/create">
-                        <Button size="md" color="primary" className="w-min">
-                            <AddIcon />New User
-                        </Button>
-                    </Link>
-                </Card>
-                <Card className="rounded-md my-5">
-                    <MasterUserTable />
-                </Card>
-            </div>
-        </div>
-    );
-}

app/(admin)/admin/page.tsx

@@ -1,11 +0,0 @@
-"use client"
-
-export default function HomePage() {
-	return (
-		<div className=" h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-small ml-4">
-			<div className="px-4">
-				<h3>Welcome</h3>
-			</div>
-		</div>
-	);
-}

app/about/layout.tsx

@@ -0,0 +1,13 @@
+export default function AboutLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+			<div className="inline-block max-w-lg text-center justify-center">
+				{children}
+			</div>
+		</section>
+	);
+}

app/about/page.tsx

@@ -0,0 +1,9 @@
+import { title } from "@/components/primitives";
+
+export default function AboutPage() {
+	return (
+		<div>
+			<h1 className={title()}>About</h1>
+		</div>
+	);
+}

app/auth/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function AuthLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/auth/page.tsx

@@ -1,8 +0,0 @@
-import Login from '@/components/form/login'
-import React from 'react'
-
-export default function AuthPage() {
-    return (
-        <Login />
-    )
-}

app/campaign/detail/[id]/page.tsx

@@ -0,0 +1,12 @@
+import DetailCampaign from '@/components/page/detail-campaign'
+import SimilarNews from '@/components/page/similar-news'
+import React from 'react'
+
+export default function DetailPage() {
+    return (
+        <div className='container mx-auto space-y-10'>
+            <DetailCampaign />
+            <SimilarNews />
+        </div>
+    )
+}

app/detail/page.tsx

@@ -1,7 +0,0 @@
-import React from 'react'
-
-export default function Page() {
-    return (
-        <div>page</div>
-    )
-}

app/docs/layout.tsx

@@ -1,15 +1,13 @@
-'use client'
-
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
 export default function DocsLayout({
 	children,
 }: {
 	children: React.ReactNode;
 }) {
 	return (
-		<HumasLayout>
+		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+			<div className="inline-block max-w-lg text-center justify-center">
 				{children}
-		</HumasLayout>
+			</div>
+		</section>
 	);
 }

app/e-majalah-polri/daftar-majalah/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function EMajalahLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/e-majalah-polri/daftar-majalah/page.tsx

@@ -1,8 +0,0 @@
-import ListEnewsPolri from '@/components/table/tabel-emajalah-polri'
-import React from 'react'
-
-export default function ListEnewsPage() {
-    return (
-        <ListEnewsPolri />
-    )
-}

app/e-majalah-polri/detail/[id]/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function DetailEMajalahLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/e-majalah-polri/detail/[id]/page.tsx

@@ -1,8 +0,0 @@
-import EMagazineDetail from '@/components/detail/E-MagazineDetail'
-import React from 'react'
-
-export default function EnewsDetailPage() {
-    return (
-        <EMagazineDetail />
-    )
-}

app/form-permohonan-informasi/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function ApplicationLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/form-permohonan-informasi/page.tsx

@@ -1,7 +0,0 @@
-import FormApplication from '@/components/form/form-permohonan-informasi'
-
-export default function ApplicationPage() {
-    return (
-        <FormApplication />
-    )
-}

app/gpr/page.tsx

@@ -1,18 +0,0 @@
-'use client'
-import React, { useEffect, useState } from 'react'
-
-export default function GPRPage() {
-    const [hasMounted, setHasMounted] = useState(false);
-
-    useEffect(() => {
-        setHasMounted(true);
-    }, []);
-
-    // Render
-    if (!hasMounted) return null;
-    return (
-        <div className='bg-red-500 h-96'>
-            <div id="gpr-kominfo-widget-container" className='h-96 text-white bg-tra'></div>
-        </div>
-    )
-}

app/headline/detail/[id]/page.tsx

@@ -0,0 +1,12 @@
+import DetailCampaign from '@/components/page/detail-campaign'
+import SimilarNews from '@/components/page/similar-news'
+import React from 'react'
+
+export default function HeadlineDetail() {
+    return (
+        <>
+            <DetailCampaign />
+            <SimilarNews />
+        </>
+    )
+}

app/kontak-kami/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function KontakLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/kontak-kami/page.tsx

@@ -1,7 +0,0 @@
-import Contact from '@/components/detail/Contact'
-
-export default function VisiMisiPage() {
-    return (
-        <Contact />
-    )
-}

app/layout.tsx

@@ -1,9 +1,12 @@
-import { fontSans } from "@/config/fonts";
-import { siteConfig } from "@/config/site";
 import "@/styles/globals.css";
-import clsx from "clsx";
 import { Metadata } from "next";
+import { siteConfig } from "@/config/site";
+import { fontSans } from "@/config/fonts";
 import { Providers } from "./providers";
+import { Navbar } from "@/components/navbar";
+import { Link } from "@nextui-org/link";
+import clsx from "clsx";
+import Image from "next/image";
 
 export const metadata: Metadata = {
 	title: {
@@ -16,7 +19,7 @@ export const metadata: Metadata = {
 		{ media: "(prefers-color-scheme: dark)", color: "black" },
 	],
 	icons: {
-		icon: "/logohumas.ico",
+		icon: "/favicon.ico",
 		shortcut: "/favicon-16x16.png",
 		apple: "/apple-touch-icon.png",
 	},
@@ -28,18 +31,42 @@ export default function RootLayout({
 	children: React.ReactNode;
 }) {
 	return (
-		<html lang="en" suppressHydrationWarning className="scroll-smooth">
+		<html lang="en" suppressHydrationWarning>
 			<head />
 			<body
 				className={clsx(
-					"bg-background font-sans antialiased",
+					"min-h-screen bg-background font-sans antialiased",
 					fontSans.variable
 				)}
 			>
-				<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
+				<Providers themeProps={{ attribute: "class", defaultTheme: "light" }}>
-					<main className="">
+					<div className=" ">
+						<Navbar />
+						<main className=" w-screen pt-2  flex-grow">
 							{children}
 						</main>
+						<footer className="bg-[#1A328E] h-auto md:h-24 gap-2 md:gap-3 flex  justify-evenly md:justify-center text-[10px] md:text-lg font-normal md:font-semibold items-center text-white">
+							<div className="flex flex-col md:flex-row space-x-0 md:space-x-3">
+								<div>FAQ</div>
+								<div>ABOUT</div>
+								<div>TERM AND CONDITION</div>
+							</div>
+							<div>
+								<Image
+									src="/paslon01.png"
+									className="p-2 md:p-0"
+									alt="logo"
+									width={100}
+									height={120}
+								/>
+							</div>
+							<div className="flex flex-col md:flex-row space-x-0 md:space-x-3">
+								<div>PRIVACY POLICY</div>
+								<div>CONTACT US</div>
+								<div>LAPOR KAMPANYE</div>
+							</div>
+						</footer>
+					</div>
 				</Providers>
 			</body>
 		</html>

app/news/[polda-name]/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function PoldaNewsLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/news/[polda-name]/page.tsx

@@ -1,8 +0,0 @@
-import ListNews from '@/components/detail/ListNews'
-import React from 'react'
-
-export default function PoldaNewsPage() {
-    return (
-        <ListNews />
-    )
-}

app/news/all/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function AllNewsLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/news/all/page.tsx

@@ -1,8 +0,0 @@
-import ListNews from '@/components/detail/ListNews'
-import React from 'react'
-
-export default function ListNewsPage() {
-    return (
-        <ListNews />
-    )
-}

app/news/detail/[id]/layout.tsx

@@ -1,13 +0,0 @@
-import { HumasLayout } from "@/components/layout/HumasLayout";
-
-export default function NewsLayout({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <HumasLayout>
-            {children}
-        </HumasLayout>
-    );
-}

app/news/detail/[id]/page.tsx

@@ -1,8 +0,0 @@
-import DetailPage from '@/components/detail/DetailPage'
-import React from 'react'
-
-export default function NewsPage() {
-    return (
-        <DetailPage />
-    )
-}

app/page.tsx

@@ -1,27 +1,15 @@
-'use client'
+import Banner from "@/components/landing/banner";
-import BannerHumas from "@/components/Landing Page/BannerHumas";
+import Campaign from "@/components/landing/campaign";
-import BodyLayout from "@/components/Landing Page/BodyLayout";
+import Headline from "@/components/landing/headline";
-import HeaderNews from "@/components/Landing Page/HeaderNews";
+import VisiMisi from "@/components/landing/visi-misi";
-import { HumasLayout } from "@/components/layout/HumasLayout";
-import { useEffect, useState } from "react";
 
 export default function Home() {
-	const [hasMounted, setHasMounted] = useState(false);
-
-	useEffect(() => {
-		setHasMounted(true);
-	}, []);
-
-	// Render
-	if (!hasMounted) return null;
-
 	return (
-		<>
+		<div className="w-full h-full">
-			<HumasLayout>
+			<Banner />
-				<BannerHumas />
+			<VisiMisi />
-				<HeaderNews />
+			<Headline />
-				<BodyLayout />
+			<Campaign />
-			</HumasLayout>
+		</div>
-		</>
 	);
 }

app/portal-ppid/admin/layout.tsx

@@ -1,13 +0,0 @@
-import { PPIDAdminLayout } from "@/components/layout/PPIDAdminLayout";
-
-export default function LayoutAdmin({
-    children,
-}: {
-    children: React.ReactNode;
-}) {
-    return (
-        <PPIDAdminLayout >
-            {children}
-        </PPIDAdminLayout>
-    );
-}

app/portal-ppid/admin/page.tsx

@@ -1,41 +0,0 @@
-import React from 'react'
-
-export default function tes() {
-    return (
-        <div className='bg-white'>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-            <div>1</div>
-        </div>
-    )
-}

app/portal-ppid/e-ppid-polda/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function EPPIDPoldaLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
-}

app/portal-ppid/e-ppid-polda/page.tsx

@@ -1,7 +0,0 @@
-import PPIDPolda from '@/components/Portal PPID/PPIDPolda'
-
-export default function PPIDSakterPage() {
-    return (
-        <PPIDPolda />
-    )
-}

app/portal-ppid/e-ppid-satker/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function EPPIDSatkerLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
-}

app/portal-ppid/e-ppid-satker/page.tsx

@@ -1,7 +0,0 @@
-import PPIDSatker from '@/components/Portal PPID/PPIDSatker'
-
-export default function PPIDSakterPage() {
-    return (
-        <PPIDSatker />
-    )
-}

app/portal-ppid/informasi-publik/informasi-berkala/page.tsx

@@ -1,7 +0,0 @@
-import InformasiBerkala from '@/components/table/informasi-berkala'
-
-export default function InformasiSMPage() {
-    return (
-        <InformasiBerkala />
-    )
-}

app/portal-ppid/informasi-publik/informasi-dikecualikan/page.tsx

@@ -1,7 +0,0 @@
-import InformasiDikecualikan from '@/components/table/informasi-dikecualikan'
-
-export default function InfromationExcluded() {
-    return (
-        <InformasiDikecualikan />
-    )
-}

app/portal-ppid/informasi-publik/informasi-serta-merta/page.tsx

@@ -1,8 +0,0 @@
-import InformasiSertaMerta from '@/components/table/informasi-sertamerta'
-import React from 'react'
-
-export default function InformasiSMPage() {
-    return (
-        <InformasiSertaMerta />
-    )
-}

app/portal-ppid/informasi-publik/informasi-setiap-saat/page.tsx

@@ -1,8 +0,0 @@
-import InformasiSetiapSaat from '@/components/table/informasi-setiap-saat'
-import React from 'react'
-
-export default function InformasiSSPage() {
-    return (
-        <InformasiSetiapSaat />
-    )
-}

app/portal-ppid/informasi-publik/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function InfoPublicLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
-}

app/portal-ppid/informasi-publik/penerangan-satuan/page.tsx

@@ -1,8 +0,0 @@
-import PeneranganSatuan from '@/components/table/penerangan-satuan'
-import React from 'react'
-
-export default function UnitIlumintaion() {
-    return (
-        <PeneranganSatuan />
-    )
-}

app/portal-ppid/informasi-publik/uu-dan-peraturan/page.tsx

@@ -1,8 +0,0 @@
-import UUPeraturan from '@/components/table/uu-peraturan'
-import React from 'react'
-
-export default function LawsRegulation() {
-    return (
-        <UUPeraturan />
-    )
-}

app/portal-ppid/layanan-informasi/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function LayananInformasiLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
-}

app/portal-ppid/layanan-informasi/permohonan-informasi/page.tsx

@@ -1,8 +0,0 @@
-import Login from '@/components/form/login'
-import React from 'react'
-
-export default function PemohononanInformasi() {
-    return (
-        <Login />
-    )
-}

app/portal-ppid/layanan-informasi/permohonan-keberatan/page.tsx

@@ -1,8 +0,0 @@
-import FormObjectionRequest from '@/components/form/form-permohonan-keberatan'
-import React from 'react'
-
-export default function PermohonanKeberanatan() {
-    return (
-        <FormObjectionRequest />
-    )
-}

app/portal-ppid/layanan-informasi/ppid-laporan-tahunan/page.tsx

@@ -1,8 +0,0 @@
-import AnnualReport from '@/components/table/laporan-tahunan'
-import React from 'react'
-
-export default function ReportTahunan() {
-    return (
-        <AnnualReport />
-    )
-}

app/portal-ppid/layanan-informasi/registrasi-permohonan/page.tsx

@@ -1,8 +0,0 @@
-import FormApplication from '@/components/form/form-permohonan-informasi'
-import React from 'react'
-
-export default function RegistrasiPage() {
-    return (
-        <FormApplication />
-    )
-}

app/portal-ppid/layanan-informasi/statistik-rekapitulasi/page.tsx

@@ -1,8 +0,0 @@
-import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
-import React from 'react'
-
-export default function StatisticPage() {
-    return (
-        <StatiticAndRecap />
-    )
-}

app/portal-ppid/page.tsx

@@ -1,23 +0,0 @@
-'use client'
-import FooterPPID from '@/components/Portal PPID/FooterPPID';
-import PPIDbody from '@/components/Portal PPID/PpidMain';
-import PPIDBanner from '@/components/Portal PPID/ppid-banner';
-import NavbarPPID from '@/components/navbar/NavbarPPID';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-
-
-export default function PortalPPID(url: any) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <>
-            <NavbarPPID />
-            <PPIDBanner url={url} />
-            <PPIDbody />
-            <FooterPPID />
-        </>
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-berkala/page.tsx

@@ -1,7 +0,0 @@
-import InformasiBerkala from '@/components/table/informasi-berkala'
-
-export default function InformasiSMPage() {
-    return (
-        <InformasiBerkala />
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-dikecualikan/page.tsx

@@ -1,7 +0,0 @@
-import InformasiDikecualikan from '@/components/table/informasi-dikecualikan'
-
-export default function InfromationExcluded() {
-    return (
-        <InformasiDikecualikan />
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-serta-merta/page.tsx

@@ -1,8 +0,0 @@
-import InformasiSertaMerta from '@/components/table/informasi-sertamerta'
-import React from 'react'
-
-export default function InformasiSMPage() {
-    return (
-        <InformasiSertaMerta />
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/informasi-setiap-saat/page.tsx

@@ -1,8 +0,0 @@
-import InformasiSetiapSaat from '@/components/table/informasi-setiap-saat'
-import React from 'react'
-
-export default function InformasiSSPage() {
-    return (
-        <InformasiSetiapSaat />
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-export default function DinamicSatkerLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    // const pathname = usePathname();
-    // console.log(pathname)
-
-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/penerangan-satuan/page.tsx

@@ -1,8 +0,0 @@
-import PeneranganSatuan from '@/components/table/penerangan-satuan'
-import React from 'react'
-
-export default function UnitIlumintaion() {
-    return (
-        <PeneranganSatuan />
-    )
-}

app/portal-ppid/polda/[polda-name]/informasi-publik/uu-dan-peraturan/page.tsx

@@ -1,8 +0,0 @@
-import UUPeraturan from '@/components/table/uu-peraturan'
-import React from 'react'
-
-export default function LawsRegulation() {
-    return (
-        <UUPeraturan />
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-export default function LayananInformasiLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/permohonan-informasi/page.tsx

@@ -1,8 +0,0 @@
-import Login from '@/components/form/login'
-import React from 'react'
-
-export default function PemohononanInformasi() {
-    return (
-        <Login />
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/permohonan-keberatan/page.tsx

@@ -1,8 +0,0 @@
-import FormObjectionRequest from '@/components/form/form-permohonan-keberatan'
-import React from 'react'
-
-export default function PermohonanKeberanatan() {
-    return (
-        <FormObjectionRequest />
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/ppid-laporan-tahunan/page.tsx

@@ -1,8 +0,0 @@
-import AnnualReport from '@/components/table/laporan-tahunan'
-import React from 'react'
-
-export default function ReportTahunan() {
-    return (
-        <AnnualReport />
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/registrasi-permohonan/page.tsx

@@ -1,8 +0,0 @@
-import FormApplication from '@/components/form/form-permohonan-informasi'
-import React from 'react'
-
-export default function RegistrasiPage() {
-    return (
-        <FormApplication />
-    )
-}

app/portal-ppid/polda/[polda-name]/layanan-informasi/statistik-rekapitulasi/page.tsx

@@ -1,8 +0,0 @@
-import StatiticAndRecap from '@/components/detail/StatistikRekapitulas'
-import React from 'react'
-
-export default function StatisticPage() {
-    return (
-        <StatiticAndRecap />
-    )
-}

app/portal-ppid/polda/[polda-name]/page.tsx

@@ -1,24 +0,0 @@
-'use client'
-import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
-import PPIDBanner from '@/components/Portal PPID/ppid-banner';
-import FooterSatker from '@/components/navbar/FooterSatker';
-import NavbarSatker from '@/components/navbar/NavbarSatker';
-import { usePathname } from 'next/navigation';
-import React from 'react'
-
-export default function PoldaPage() {
-    const pathname = usePathname();
-    const url: string = pathname.split('polda/')[1].replace(/-/g, ' ').toUpperCase();
-
-
-    return (
-        <div className='text-black'>
-            <div className='text-black'>
-                <NavbarSatker />
-                <PPIDBanner url={url} />
-                <PPIDSatkerMain />
-                <FooterSatker />
-            </div>
-        </div>
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-export default function DinamicSatkerLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    // const pathname = usePathname();
-    // console.log(pathname)
-
-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/profile-singkat-ppid/page.tsx

@@ -1,8 +0,0 @@
-import About from '@/components/detail/About'
-import React from 'react'
-
-export default function PPIDProfile() {
-    return (
-        <About />
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/sejarah-ppid-polri/page.tsx

@@ -1,8 +0,0 @@
-import HistoryPPID from '@/components/page/HistoryPPID'
-import React from 'react'
-
-export default function PPIDProfilePage() {
-    return (
-        <HistoryPPID />
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/struktur-ppid/page.tsx

@@ -1,7 +0,0 @@
-import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
-
-export default function StructurePPID() {
-    return (
-        <StrukturOrganisasi />
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/tugas-dan-fungsi-ppid/page.tsx

@@ -1,9 +0,0 @@
-import Task from "@/components/detail/TaskDetail";
-
-
-
-export default function PPIDTask() {
-    return (
-        <Task />
-    )
-}

app/portal-ppid/polda/[polda-name]/profile/visi-dan-misi-ppid/page.tsx

@@ -1,8 +0,0 @@
-import VisiMisi from '@/components/detail/VisiMisi'
-import React from 'react'
-
-export default function VMPPID() {
-    return (
-        <VisiMisi />
-    )
-}

app/portal-ppid/polda/[polda-name]/regulasi/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React from 'react';
-
-export default function RegulasiLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
-}

app/portal-ppid/polda/[polda-name]/regulasi/page.tsx

@@ -1,15 +0,0 @@
-import PPIDSidebar from '@/components/Portal PPID/PPIDSidebar'
-import RegulationTable from '@/components/table/tabel-regulasi'
-
-export default function RegulasiPage() {
-    return (
-        <div className='md:flex'>
-            <div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5'>
-                <RegulationTable />
-            </div>
-            <div className='w-auto md:w-1/3 lg:w-[25%]'>
-                <PPIDSidebar />
-            </div>
-        </div>
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/alur-pelayanan-informasi-publik/page.tsx

@@ -1,8 +0,0 @@
-import ServiceFlow from '@/components/detail/ServiceFlow'
-import React from 'react'
-
-export default function ServiceFlowPage() {
-    return (
-        <ServiceFlow />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/layout.tsx

@@ -1,20 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { SatkerLayout } from '@/components/layout/SatKerLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function StandarLayananLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <SatkerLayout>
-            {children}
-        </SatkerLayout>
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/maklumat-pelayanan/page.tsx

@@ -1,8 +0,0 @@
-import ServiceAnnouncement from '@/components/detail/ServiceAnnouncement'
-import React from 'react'
-
-export default function ServiceAnnouncePage() {
-    return (
-        <ServiceAnnouncement />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-keberatan/page.tsx

@@ -1,8 +0,0 @@
-import ObjectionMecanism from '@/components/detail/ObjectionMecanism'
-import React from 'react'
-
-export default function ObjectionMecanismPage() {
-    return (
-        <ObjectionMecanism />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa/page.tsx

@@ -1,8 +0,0 @@
-import RequestDispute from '@/components/detail/RequestDispute'
-import React from 'react'
-
-export default function RequestDisputePage() {
-    return (
-        <RequestDispute />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/standar-biaya-pelayanan/page.tsx

@@ -1,8 +0,0 @@
-import ServiceFee from '@/components/detail/ServiceFee'
-import React from 'react'
-
-export default function ServiceFeePage() {
-    return (
-        <ServiceFee />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/tata-cara-permohonan-informasi/page.tsx

@@ -1,8 +0,0 @@
-import RequestInformation from '@/components/detail/RequestInformation'
-import React from 'react'
-
-export default function RequestInformationPage() {
-    return (
-        <RequestInformation />
-    )
-}

app/portal-ppid/polda/[polda-name]/standar-layanan/waktu-pelayanan/page.tsx

@@ -1,8 +0,0 @@
-import ServiceTime from '@/components/detail/ServiceTime'
-import React from 'react'
-
-export default function ServiceTimePage() {
-    return (
-        <ServiceTime />
-    )
-}

app/portal-ppid/profile/layout.tsx

@@ -1,19 +0,0 @@
-'use client'
-import { PPIDLayout } from '@/components/layout/PPIDLayout';
-import { usePathname } from 'next/navigation';
-import React, { Children } from 'react'
-
-export default function PPIDProfileLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
-    const pathname = usePathname();
-    console.log(pathname)
-
-    return (
-        <PPIDLayout>
-            {children}
-        </PPIDLayout>
-    )
-}