diff --git a/src/app/(dashboard)/review/page.tsx b/src/app/(dashboard)/review/page.tsx
new file mode 100644
index 0000000..e9c24ca
--- /dev/null
+++ b/src/app/(dashboard)/review/page.tsx
@@ -0,0 +1,46 @@
+"use client";
+import React, { useState } from "react";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+
+const style = {
+ position: "absolute" as "absolute",
+ top: "50%",
+ left: "50%",
+ transform: "translate(-50%, -50%)",
+ width: 400,
+ bgcolor: "background.paper",
+ border: "none",
+ boxShadow: 24,
+ p: 4,
+};
+
+const HomePage = () => {
+ const [open, setOpen] = useState(false);
+ const handleOpen = () => setOpen(true);
+ const handleClose = () => setOpen(false);
+ return (
+
+
+
+
+
+ Text in a modal
+
+
+ Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
+
+
+
+
+ );
+};
+
+export default HomePage;
diff --git a/src/components/wrapper/dashboardWrapper.tsx b/src/components/wrapper/dashboardWrapper.tsx
index fdc46a1..8ea1a51 100644
--- a/src/components/wrapper/dashboardWrapper.tsx
+++ b/src/components/wrapper/dashboardWrapper.tsx
@@ -177,7 +177,11 @@ export default function DashboardWrapper(props: Props) {
src="/static/images/avatar/1.jpg"
/>