diff --git a/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx b/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
new file mode 100644
index 00000000..48529651
--- /dev/null
+++ b/apps/dispatch/app/tracker/_components/ConnectedDispatcher.tsx
@@ -0,0 +1,23 @@
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+
+export const ConnectedDispatcher = () => {
+	const [open, setOpen] = useState(false);
+	const {} = useQuery({
+		queryKey: [""],
+	});
+
+	return (
+		<div className="absolute top-0 left-0 w-[300px] ">
+			<div className="bg-base-100 border-base-300 collapse border">
+				<input type="checkbox" className="peer" />
+				<div className="collapse-title bg-primary text-primary-content peer-checked:bg-secondary peer-checked:text-secondary-content">
+					How do I create an account?
+				</div>
+				<div className="collapse-content bg-primary text-primary-content peer-checked:bg-secondary peer-checked:text-secondary-content">
+					Click the "Sign Up" button in the top right corner and follow the registration process.
+				</div>
+			</div>
+		</div>
+	);
+};
diff --git a/apps/dispatch/app/tracker/page.tsx b/apps/dispatch/app/tracker/page.tsx
new file mode 100644
index 00000000..0235bdd5
--- /dev/null
+++ b/apps/dispatch/app/tracker/page.tsx
@@ -0,0 +1,18 @@
+"use client";
+import dynamic from "next/dynamic";
+import { ConnectedDispatcher } from "tracker/_components/ConnectedDispatcher";
+
+const Map = dynamic(() => import("../_components/map/Map"), {
+	ssr: false,
+});
+
+const Page = () => {
+	return (
+		<>
+			<Map />;
+			<ConnectedDispatcher />
+		</>
+	);
+};
+
+export default Page;