init structure is completed

src/pages/Chat.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Chat = () => {
+  return (
+      <h2>Chat with ...</h2>
+  );
+};
+
+export default Chat;

src/pages/Hello.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-
-const Hello = () => {
-  return (
-      <h1>Hello!</h1>
-  )
-}
-
-export default Hello;

src/pages/Home.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+const Home = () => {
+  return (
+      <h1 className="TestClass">Home</h1>
+  )
+}
+
+export default Home

src/pages/HomePage.jsx

@@ -1,9 +0,0 @@
-import React from "react";
-
-const HomePage = () => {
-  return (
-      <h1>Home</h1>
-  )
-}
-
-export default HomePage

src/pages/Init.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+const Init = () => {
+  return (
+      <h1 className="TestInit">Init page</h1>
+  )
+}
+
+export default Init;

src/pages/SignIn.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import InputField from "../components/reg/InputField.jsx";
+
+const SignIn = () => {
+  return (
+      <div>
+        <h1>SignIn</h1>
+        <InputField/>
+      </div>
+  );
+};
+
+export default SignIn;

src/pages/SignUp.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import InputField from "../components/reg/InputField.jsx";
+
+const SignUp = () => {
+  return (
+      <div>
+        <h1>SignUp</h1>
+        <InputField/>
+      </div>
+  );
+};
+
+export default SignUp;

src/pages/css/index.css

@@ -0,0 +1,5 @@
+@import "init.css";
+
+.TestClass {
+    color: red;
+}

src/pages/css/init.css

@@ -0,0 +1,3 @@
+.TestInit {
+    color: blue;
+}