diff --git a/Frontend/package.json b/Frontend/package.json index 0037910..7f6b56a 100644 --- a/Frontend/package.json +++ b/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", diff --git a/Frontend/public/Homepage_Title.svg b/Frontend/public/Homepage_Title.svg new file mode 100644 index 0000000..a77deb9 --- /dev/null +++ b/Frontend/public/Homepage_Title.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Frontend/public/homeBg.png b/Frontend/public/homeBg.png new file mode 100644 index 0000000..6cad34f Binary files /dev/null and b/Frontend/public/homeBg.png differ diff --git a/Frontend/src/App.jsx b/Frontend/src/App.jsx index f015ad0..fb24679 100644 --- a/Frontend/src/App.jsx +++ b/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 ( <> {/* */} - + {/* */} + ); }; diff --git a/Frontend/src/components/Homepage.jsx b/Frontend/src/components/Homepage.jsx new file mode 100644 index 0000000..18dba35 --- /dev/null +++ b/Frontend/src/components/Homepage.jsx @@ -0,0 +1,20 @@ +import React from "react"; + +const Homepage = () => { + return ( + <> +
+
+
+
ASSEMBLE
+
GAMEZONE UNITED INDIA
+
+
+
+
+
+ + ); +}; + +export default Homepage; diff --git a/Frontend/src/index.css b/Frontend/src/index.css index db657dd..ac6eb37 100644 --- a/Frontend/src/index.css +++ b/Frontend/src/index.css @@ -362,4 +362,25 @@ width:4%; background-image: url("../public/leftsidebar.png"); background-size: 100% 100%; - } \ No newline at end of file + } + +/* 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%; +} \ No newline at end of file