+ {icon}
+ {children}
+ {shortcut ? (
+
+ {shortcut.split(" ").map((key) => {
+ return {key}
+ })}
+
+ ) : null}
+
+ )
+}
diff --git a/src/app/components/cmdk/pages/home.tsx b/src/app/components/cmdk/pages/home.tsx
new file mode 100644
index 00000000..68980b37
--- /dev/null
+++ b/src/app/components/cmdk/pages/home.tsx
@@ -0,0 +1,64 @@
+import { Command } from "cmdk"
+import { useTheme } from "next-themes"
+import { useRouter } from "next/navigation"
+import { FilePlus, Moon, Search, Settings, Sun } from "react-feather"
+import { CmdKPage } from ".."
+import Item from "../item"
+
+export default function HomePage({
+ setOpen,
+ setPage
+}: {
+ setOpen: (open: boolean) => void
+ setPage: (page: CmdKPage) => void
+}) {
+ const router = useRouter()
+ const { setTheme, resolvedTheme } = useTheme()
+ return (
+ <>
+