From 7c8d380400b33094cbd330667c10d322beadfcea Mon Sep 17 00:00:00 2001
From: seoye0ng <bsy0313@gmail.com>
Date: Sat, 13 Jan 2024 23:00:24 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20login=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=A0=9C=EC=9E=91=20#73?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/login/page.tsx | 52 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/app/login/page.tsx

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 00000000..34109b6e
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,52 @@
+'use client';
+
+import classNames from 'classnames/bind';
+import Link from 'next/link';
+
+import Button from '@components/shared/button/Button';
+import Header from '@components/shared/header/Header';
+import Spacing from '@components/shared/spacing/Spacing';
+import TextField from '@components/shared/text-field/TextField';
+import Title from '@components/shared/title/Title';
+
+import styles from './page.module.scss';
+
+const cx = classNames.bind(styles);
+
+function LoginPage() {
+  return (
+    <main>
+      <Header displayLogo={false} />
+      <Spacing size={30} />
+      <form>
+        <Title title="로그인" size={20} />
+        <TextField label="아이디" required placeholder="아이디" />
+        <TextField label="비밀번호" required placeholder="비밀번호" />
+        <Spacing size={30} />
+        <Button type="submit" size="medium" full>
+          로그인
+        </Button>
+        <Spacing size={20} />
+      </form>
+      <ul className={cx('linkContainer')}>
+        <li>
+          <Link href="/">
+            <span>회원가입</span>
+          </Link>
+        </li>
+        <li>
+          <Link href="/">
+            <span>아이디 찾기</span>
+          </Link>
+        </li>
+        <li>
+          <Link href="/">
+            <span>비밀번호 찾기</span>
+          </Link>
+        </li>
+      </ul>
+    </main>
+  );
+}
+
+export default LoginPage;