diff --git a/Frontend/public/GD.png b/Frontend/public/GD.png
new file mode 100644
index 0000000..1341345
Binary files /dev/null and b/Frontend/public/GD.png differ
diff --git a/Frontend/public/leftsidebar.png b/Frontend/public/leftsidebar.png
new file mode 100644
index 0000000..8edfe35
Binary files /dev/null and b/Frontend/public/leftsidebar.png differ
diff --git a/Frontend/public/rightsidebar.png b/Frontend/public/rightsidebar.png
new file mode 100644
index 0000000..28ccc67
Binary files /dev/null and b/Frontend/public/rightsidebar.png differ
diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx
index e507282..f015ad0 100644
--- a/Frontend/src/App.jsx
+++ b/Frontend/src/App.jsx
@@ -12,11 +12,12 @@ import IdentityVerify from "./components/IdentityVerify";
 import ChangePass from "./components/ChangePass";
 import UsernameRecover from "./components/UsernameRecover";
 import UsernameSent from "./components/UsernameSent";
-
+import DashBoard from "./components/DashBoard";
 const App = () => {
   return (
     <>
-      <Body/>
+      {/* <Body/> */}
+      <DashBoard/>
     </>
   );
 };
diff --git a/Frontend/src/components/DashBoard.jsx b/Frontend/src/components/DashBoard.jsx
new file mode 100644
index 0000000..cfd8da9
--- /dev/null
+++ b/Frontend/src/components/DashBoard.jsx
@@ -0,0 +1,35 @@
+import React from 'react'
+
+import "./GD.css"
+const DashBoard = () => {
+  return (
+    <>
+      <div className="main relative">
+        {/* Navbar at the top-left corner */}
+        <div className="navbar absolute top-0 left-0 p-4">
+          <div className="assemble text-white text-2xl font-bold">ASSEMBLE</div>
+          <div className="GUI text-white text-lg">GAMEZONE UNITED INDIA</div>
+        </div>
+
+        {/* Left Sidebar */}
+        <div className="left-sidebar  absolute top-0 left-0 h-full w-[60px] mt-20 bg-opacity-75">
+          {/* Content for left sidebar */}
+        </div>
+
+        {/* Right Sidebar */}
+        <div className="right-sidebar absolute top-0 right-0 h-full w-[60px] mt-20 bg-opacity-75">
+          {/* Content for right sidebar */}
+        </div>
+
+        {/* Frosted glass effect with content */}
+        <div className="black h-screen w-full flex justify-center items-center bg-black bg-opacity-50">
+          <div className="black h-[90%] w-[50%] border-slate-400 border-2 rounded-2xl bg-[#ffffff] bg-opacity-15 backdrop-blur-md">
+            {/* Additional content goes here */}
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default DashBoard
diff --git a/Frontend/src/components/GD.css b/Frontend/src/components/GD.css
new file mode 100644
index 0000000..e69de29
diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index a0f7852..db657dd 100644
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -18,7 +18,10 @@
   src: url("./assets/fonts/BebasNeueRegular.woff2") format("woff2");
 }
 
- 
+ *{
+  cursor: url("");
+ }
+
 .page {
   background-image: url("../public/vite.png");
   background-size: 100% 100%;
@@ -341,5 +344,22 @@
   width : full;
   background-size: cover;
 }
- 
- 
\ No newline at end of file
+/* GAME DASHBOARD */
+.main{
+   height: 100vh;
+   width: 100vw;
+   background-image: url("../public/GD.png");
+   background-size: 100% 100%;
+  }
+  .right-sidebar{
+     height: 80%;
+     width:4%;
+     background-image: url("../public/rightsidebar.png");
+     background-size: 100% 100%;
+  }
+  .left-sidebar{
+   height: 80%;
+   width:4%;
+   background-image: url("../public/leftsidebar.png");
+   background-size: 100% 100%;
+ }
\ No newline at end of file