update loginpage & registerpage

@@ -13,8 +13,8 @@ function App() {
   return (
     <Suspense fallback = {(<div>Loading...</div>)}>
       <Switch>
-          <Route exact path="/" component={chatpage}/>
-          <Route exact path="/login" component={loginpage} />
+          <Route exact path="/chat" component={chatpage}/>
+          <Route exact path="/" component={loginpage} />
           <Route exact path="/register" component={registerpage} />
         </Switch>
     </Suspense>

-import React from 'react'
-import {Icon} from 'antd';
-
-function Footer() {
-    return (
-        <div style={{
-            height: '80px', display: 'flex',
-            flexDirection: 'column', alignItems: 'center',
-            justifyContent: 'center', fontSize:'1rem'
-        }}>
-           <p> CHATBOT APP <Icon type="smile" /></p>
-        </div>
-    )
-}
-
-export default Footer

 import React from "react";
-import { Typography} from 'antd';
+import { Typography, Form, Input, Icon, Button} from 'antd';
 import { withRouter } from "react-router-dom";
 const { Title } = Typography;
 
@@ -7,11 +7,54 @@ const { Title } = Typography;
 function loginpage() {
   return (
     <div>
-      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
-        <Title level={2} >LoginPage Test</Title>
+        <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem', paddingTop: '10rem' }}>
+          <Title level={2}>Login Page</Title>
+        </div>
+        <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem'}}>
+          <form style={{ width: '350px' }}>
+            <Form.Item required>
+              <Input
+                id="email"
+                prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                placeholder="Enter your email"
+                type="email"
+              />
+            </Form.Item>
+
+            <Form.Item required>
+              <Input
+                id="password"
+                prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
+                placeholder="Enter your password"
+                type="password"
+              />
+            </Form.Item>
+
+            <Form.Item>
+              <div>
+                <Button type="primary" htmlType="submit" className="login-form-button" style={{ minWidth: '100%' }}>
+                  Log in
+              </Button>
+              </div>
+              <a href="/register">가입하기</a> Or <a href = "/chat"> 비회원으로 사용하기 </a>
+            </Form.Item>
+          </form>
       </div>
     </div>
-  )
+  );
+  // return (
+    
+
+
+
+
+
+  //   <div>
+  //     <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
+  //       <Title level={2} >Login Page</Title>
+  //     </div>
+  //   </div>
+  // )
 }
 
 export default withRouter(loginpage);
\ No newline at end of file

 import React from "react";
-import { Typography} from 'antd';
+import { Typography, Form, Input, Button} from 'antd';
 import { withRouter } from "react-router-dom";
 const { Title } = Typography;
 
@@ -7,11 +7,59 @@ const { Title } = Typography;
 function registerpage() {
   return (
     <div>
-      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
-        <Title level={2} >RegisterPage Test</Title>
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem', paddingTop: '5rem' }}>
+        <Title level={2}>Singup Page</Title>
+      </div> 
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem'}}>
+        <Form style={{ minWidth: '375px' }}>
+          <Form.Item required label="Name">
+            <Input
+              id="name"
+              placeholder="Enter your name"
+              type="text"
+            />
+          </Form.Item>
+
+          <Form.Item required label="Email">
+            <Input
+              id="email"
+              placeholder="Enter your Email"
+              type="email"
+            />
+          </Form.Item>
+
+          <Form.Item required label="keyword">
+            <Input
+              id="keyword"
+              placeholder="Enter keywords to request the chatbot to search for instead."
+              type="keyword"
+            />
+          </Form.Item>
+
+          <Form.Item required label="Password">
+            <Input
+              id="password"
+              placeholder="Enter your password"
+              type="password"
+            />
+          </Form.Item>
+
+          <Form.Item>
+            <Button type="primary">
+              Submit
+            </Button>
+          </Form.Item>
+        </Form>
       </div>
-    </div>
-  )
+    </div>  
+  );
+  // return (
+  //   <div>
+  //     <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem' }}>
+  //       <Title level={2} >RegisterPage Test</Title>
+  //     </div>
+  //   </div>
+  // )
 }
 
 export default withRouter(registerpage);
\ No newline at end of file