diff --git a/app/about/layout.tsx b/app/about/layout.tsx
deleted file mode 100644
index d5f6271..0000000
--- a/app/about/layout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export default function AboutLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
- return (
-
- );
-}
diff --git a/app/about/page.tsx b/app/about/page.tsx
deleted file mode 100644
index 596ce4f..0000000
--- a/app/about/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { title } from "@/components/primitives";
-
-export default function AboutPage() {
- return (
-
-
About
-
- );
-}
diff --git a/app/detail/page.tsx b/app/detail/page.tsx
new file mode 100644
index 0000000..4b74f2d
--- /dev/null
+++ b/app/detail/page.tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function Page() {
+ return (
+ page
+ )
+}
diff --git a/app/docs/layout.tsx b/app/docs/layout.tsx
index a2d8b0a..cd32d40 100644
--- a/app/docs/layout.tsx
+++ b/app/docs/layout.tsx
@@ -1,13 +1,15 @@
+'use client'
+
+import { HumasLayout } from "@/components/layout/HumasLayout";
+
export default function DocsLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
-
+
+ {children}
+
);
}
diff --git a/app/form-permohonan-informasi/layout.tsx b/app/form-permohonan-informasi/layout.tsx
new file mode 100644
index 0000000..6f7513a
--- /dev/null
+++ b/app/form-permohonan-informasi/layout.tsx
@@ -0,0 +1,13 @@
+import { HumasLayout } from "@/components/layout/HumasLayout";
+
+export default function ApplicationLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/app/form-permohonan-informasi/page.tsx b/app/form-permohonan-informasi/page.tsx
new file mode 100644
index 0000000..841007e
--- /dev/null
+++ b/app/form-permohonan-informasi/page.tsx
@@ -0,0 +1,7 @@
+import FormApplication from '@/components/form/form-permohonan-informasi'
+
+export default function ApplicationPage() {
+ return (
+
+ )
+}
diff --git a/app/gpr/page.tsx b/app/gpr/page.tsx
new file mode 100644
index 0000000..98eeee7
--- /dev/null
+++ b/app/gpr/page.tsx
@@ -0,0 +1,17 @@
+import React, { useEffect, useState } from 'react'
+
+export default function GPRPage() {
+ const [hasMounted, setHasMounted] = useState(false);
+
+ useEffect(() => {
+ setHasMounted(true);
+ }, []);
+
+ // Render
+ if (!hasMounted) return null;
+ return (
+
+ )
+}
diff --git a/app/kontak-kami/layout.tsx b/app/kontak-kami/layout.tsx
new file mode 100644
index 0000000..d36e590
--- /dev/null
+++ b/app/kontak-kami/layout.tsx
@@ -0,0 +1,13 @@
+import { HumasLayout } from "@/components/layout/HumasLayout";
+
+export default function KontakLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/app/kontak-kami/page.tsx b/app/kontak-kami/page.tsx
new file mode 100644
index 0000000..8361be2
--- /dev/null
+++ b/app/kontak-kami/page.tsx
@@ -0,0 +1,7 @@
+import Contact from '@/components/detail/Contact'
+
+export default function VisiMisiPage() {
+ return (
+
+ )
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 31e5357..b371462 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,41 +1,32 @@
-'use client'
-import Footer from "@/components/Landing Page/Footer";
-import { Navbar } from "@/components/navbar";
import { fontSans } from "@/config/fonts";
import { siteConfig } from "@/config/site";
import "@/styles/globals.css";
import clsx from "clsx";
import { Metadata } from "next";
import { Providers } from "./providers";
-import { usePathname } from "next/navigation";
-import { PPIDLayout } from "@/components/layout/ppid-layout";
-import NavbarHumas from "@/components/navbar/NavbarHumas";
-// export const metadata: Metadata = {
-// title: {
-// default: siteConfig.name,
-// template: `%s - ${siteConfig.name}`,
-// },
-// description: siteConfig.description,
-// themeColor: [
-// { media: "(prefers-color-scheme: light)", color: "white" },
-// { media: "(prefers-color-scheme: dark)", color: "black" },
-// ],
-// icons: {
-// icon: "/favicon.ico",
-// shortcut: "/favicon-16x16.png",
-// apple: "/apple-touch-icon.png",
-// },
-// };
+export const metadata: Metadata = {
+ title: {
+ default: siteConfig.name,
+ template: `%s - ${siteConfig.name}`,
+ },
+ description: siteConfig.description,
+ themeColor: [
+ { media: "(prefers-color-scheme: light)", color: "white" },
+ { media: "(prefers-color-scheme: dark)", color: "black" },
+ ],
+ icons: {
+ icon: "/logohumas.ico",
+ shortcut: "/favicon-16x16.png",
+ apple: "/apple-touch-icon.png",
+ },
+};
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
- const pathname = usePathname();
- console.log(pathname)
-
return (