diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..e5ed191
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import { usePathname } from "next/navigation"
+
+export default function Page() {
+  const pathName = usePathname()
+  return (
+    <div>
+      {pathName}
+    </div>
+  )
+}
diff --git a/src/app/fun/page.tsx b/src/app/fun/page.tsx
new file mode 100644
index 0000000..e5ed191
--- /dev/null
+++ b/src/app/fun/page.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import { usePathname } from "next/navigation"
+
+export default function Page() {
+  const pathName = usePathname()
+  return (
+    <div>
+      {pathName}
+    </div>
+  )
+}
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
new file mode 100644
index 0000000..e5ed191
--- /dev/null
+++ b/src/app/projects/page.tsx
@@ -0,0 +1,12 @@
+'use client'
+
+import { usePathname } from "next/navigation"
+
+export default function Page() {
+  const pathName = usePathname()
+  return (
+    <div>
+      {pathName}
+    </div>
+  )
+}