some extra changes

Author: RaviPandey2002

public/IMG/favicon.ico renamed to src/assets/IMG/favicon.ico

@@ -18,7 +18,7 @@ font-family: 'Rubik', sans-serif; */
   justify-content: center;
   align-items: center;
   height: 100vh;
-  background-image: url(../IMG//svg.png);
+  background-image: url(./assets/IMG/svg.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-color: #161d29;
@@ -54,7 +54,7 @@ font-family: 'Rubik', sans-serif; */
   border: 1px solid #848484;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
-  border-radius: 30px;
+  border-radius: 10px;
   outline: 0;
   height: 40px;
   width: 275px;

public/IMG/logo.png renamed to src/assets/IMG/logo.png

@@ -2,6 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 
+import  './index.css'
 import Home from "./pages/Home";
 import EditorPage from "./pages/EditorPage";
 

public/IMG/main.png renamed to src/assets/IMG/main.png

@@ -1,33 +1,48 @@
-import React from 'react'
-
-const Home = ()=>{
-    return (
-        <>
-            {/* <!-- register page --> */}
-            <div class="register-page" id="registerPage" >
-
-            <div class="glass-container" id="glass">
-
-                <div class="register-flex-1">
-                    <h1>Code Xerox</h1>
-                </div>
-                <div >
-                    <input type="text" class="form-control" id="handle" placeholder="Your Nickname" />
-                </div>
-                <button type="button" id="register">Register</button>
-            </div>
-
-            </div>
-        </>
-    )
-}
+import React from "react";
+const Home = () => {
+  return (
+    <>
+      <div class="register-page" id="registerPage">
+        <div class="glass-container" id="glass">
+          <div class="register-flex-1">
+            <h1>Code Xerox</h1>
+          </div>
+          <div>
+            <h3>Paste invitation Room ID: </h3>
+          </div>
+          <div>
+            <input
+              type="text"
+              class="form-control"
+              id="handle"
+              placeholder="ROOM ID"
+            />
+          </div>
+          <div>
+            <input
+              type="text"
+              class="form-control"
+              id="handle"
+              placeholder="USERNAME"
+            />
+          </div>
+          <button type="button" id="register">
+            Register
+          </button>
+          <div>
+            <h5>If you don't have an invite then create </h5>
+          </div>
+        </div>
+      </div>
+      <footer>
+        <h4> Build with  </h4>
+      </footer>
+    </>
+  );
+};
 
 export default Home;
 
-
-
-
-
 // <!-- Editor page -->
 // <div id="editor-block" style="display: none;">
 
@@ -40,15 +55,15 @@ export default Home;
 //        <div class="card">
 //            <ul class="list-group list-group-flush" id="editors">
 //            </ul>
-//      </div> 
+//      </div>
 
 //      <div class="editor-chat">
-    
+
 //     <!-- text ediotr -->
 //       <div id="editor">
 //         <textarea id="textarea" class="form-control"  rows="3"></textarea>
 
-//       </div> 
+//       </div>
 //        <div class="main__right">
 //       <div class="main__chat_window">
 //           <div class="messages">
@@ -64,9 +79,8 @@ export default Home;
 //   </div>
 
 //   </div>
-      
-  
-//   <div class="main">  
+
+//   <div class="main">
 //   <div class="main__left">
 //     <div class="videos__group">
 //       <div id="video-grid">
@@ -89,7 +103,7 @@ export default Home;
 //       </div>
 //     </div>
 //   </div>
- 
+
 //  </div>
 //         <!-- <script>
 //           var Codeeditor = CodeMirror.fromTextArea(document.getElementById("textarea"), {
@@ -99,6 +113,5 @@ export default Home;
 //       }); -->
 //         <!-- </script> -->
 //   </div>
-    
 
-// </div>
+// </div>