diff --git a/app/pages/dashboard/data.ts b/app/pages/dashboard/data.ts
new file mode 100644
index 0000000..a4fa3ec
--- /dev/null
+++ b/app/pages/dashboard/data.ts
@@ -0,0 +1,20 @@
+export const REPORT = [
+  { title: 'Total Transaksi', amound: 1_000_000, icon: 'money' },
+  { title: 'Transaksi Tertagih', amound: 2_000_000, icon: 'money' },
+  { title: 'Transaksi Tertagih', amound: 2_000_000, icon: 'money' },
+]
+
+export const HISTORY = [
+  {
+    title: 'Total Kunjungan',
+    total: 1_000_000,
+    icon: 'money',
+    report: [2190, 700],
+  },
+  {
+    title: 'Total User Memesan',
+    total: 274,
+    icon: 'money',
+    report: [211, 54],
+  },
+]
diff --git a/app/pages/dashboard/index.tsx b/app/pages/dashboard/index.tsx
new file mode 100644
index 0000000..6413292
--- /dev/null
+++ b/app/pages/dashboard/index.tsx
@@ -0,0 +1,7 @@
+export const DashboardPage = () => {
+  return (
+    <div className="relative">
+      <h1>test DashboardPage</h1>
+    </div>
+  )
+}
diff --git a/app/routes/_layout.admin.dashboard._index.tsx b/app/routes/_layout.admin.dashboard._index.tsx
index 2140281..7fc1b2d 100644
--- a/app/routes/_layout.admin.dashboard._index.tsx
+++ b/app/routes/_layout.admin.dashboard._index.tsx
@@ -1,4 +1,6 @@
+import { DashboardPage } from '~/pages/dashboard'
+
 const DashboardIndexLayout = () => {
-  return <div>Dashboard Page</div>
+  return <DashboardPage />
 }
 export default DashboardIndexLayout