pushing homepage

Frontend/package.json

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.2",

Frontend/src/App.jsx

@@ -13,11 +13,13 @@ import ChangePass from "./components/ChangePass";
 import UsernameRecover from "./components/UsernameRecover";
 import UsernameSent from "./components/UsernameSent";
 import DashBoard from "./components/DashBoard";
+import Homepage from "./components/Homepage";
 const App = () => {
   return (
     <>
       {/* <Body/> */}
-      <DashBoard/>
+      {/* <DashBoard/> */}
+      <Homepage/>
     </>
   );
 };

Frontend/src/components/Homepage.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+
+const Homepage = () => {
+  return (
+    <>
+      <div className="home-body">
+        <div className="navbar-home absolute top-0 left-0 p-4 w-full h-10">
+          <div className="">
+            <div className="assemble text-white">ASSEMBLE</div>
+            <div className="GUI text-white">GAMEZONE UNITED INDIA</div>
+          </div>
+          <div className="home-title"></div>
+          <div className="home-icons"></div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Homepage;

Frontend/src/index.css

@@ -362,4 +362,25 @@
    width:4%;
    background-image: url("../public/leftsidebar.png");
    background-size: 100% 100%;
- }
+ }
+
+/* HOMEPAGE */
+.home-body{
+   height: 100vh;
+   width: 100vw;
+   background-image: url("../public/homeBG.png");
+   background-color: black ;
+   background-size: cover;
+   font-family: "Agencyfb";
+   font-size: 90%;
+  }
+  .navbar-home{
+    display : flex;
+    justify-content: space-between;
+  }
+  .home-title{
+    height : 100px;
+    width : 400px;
+    background-image: url("../public/Homepage_Title.svg");
+    background-size:100% 100%;
+}