From 74ee8b496af956a4325ac740bf47d5149af49ff9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8C=E1=85=A5=E1=86=BC=E1=84=89=E1=85=A5=E1=86=BC?=
 =?UTF-8?q?=E1=84=92=E1=85=B1?= <whistle_js@naver.com>
Date: Fri, 16 Feb 2024 20:00:18 +0900
Subject: [PATCH] =?UTF-8?q?feature-071:=20=EA=B0=80=EC=9D=B4=EB=93=9C=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=9D=BC=EC=9A=B0=ED=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                           | 12 +++++++++++-
 src/pages/Guide/GuideCategoryPage.tsx | 21 +++++++++++++++++++++
 src/pages/Guide/GuideSearchPage.tsx   | 21 +++++++++++++++++++++
 src/pages/Guide/GuideSummaryPage.tsx  | 21 +++++++++++++++++++++
 src/pages/Guide/index.ts              |  3 +++
 5 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Guide/GuideCategoryPage.tsx
 create mode 100644 src/pages/Guide/GuideSearchPage.tsx
 create mode 100644 src/pages/Guide/GuideSummaryPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 8771ce0..cb1a2c7 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,7 +8,14 @@ import theme from '@/styles/theme';
 import GlobalStyle from '@/styles/GlobalStyle';
 
 // Pages
-import { GuideLayout, GuideHomePage, GuidePage } from '@/pages/Guide';
+import {
+  GuideLayout,
+  GuideHomePage,
+  GuidePage,
+  GuideSummaryPage,
+  GuideCategoryPage,
+  GuideSearchPage,
+} from '@/pages/Guide';
 import CategoryPage from '@/pages/CategoryPage';
 import FindEmailPage from '@/pages/FindEmailPage';
 import FindPasswordPage from '@/pages/FindPasswordPage';
@@ -80,6 +87,9 @@ const App = () => {
 
             <Route path="/guide" element={<GuideLayout />}>
               <Route path="/guide/home" element={<GuideHomePage />} />
+              <Route path="/guide/summary" element={<GuideSummaryPage />} />
+              <Route path="/guide/category" element={<GuideCategoryPage />} />
+              <Route path="/guide/search" element={<GuideSearchPage />} />
               <Route path="/guide" element={<GuidePage />} />
             </Route>
 
diff --git a/src/pages/Guide/GuideCategoryPage.tsx b/src/pages/Guide/GuideCategoryPage.tsx
new file mode 100644
index 0000000..754185b
--- /dev/null
+++ b/src/pages/Guide/GuideCategoryPage.tsx
@@ -0,0 +1,21 @@
+import { Section } from '@/styles/GuidePage';
+
+const GuideCategoryPage = () => {
+  return (
+    <>
+      <Section>
+        <div className="info-box">
+          <h2 className="subtitle">카테고리 정리</h2>
+
+          <h1 className="title">
+            변환된 영상들을
+            <br />
+            <span>나의 편의에 맞게 분류</span>할 수 있어요
+          </h1>
+        </div>
+      </Section>
+    </>
+  );
+};
+
+export default GuideCategoryPage;
diff --git a/src/pages/Guide/GuideSearchPage.tsx b/src/pages/Guide/GuideSearchPage.tsx
new file mode 100644
index 0000000..d950d8c
--- /dev/null
+++ b/src/pages/Guide/GuideSearchPage.tsx
@@ -0,0 +1,21 @@
+import { Section } from '@/styles/GuidePage';
+
+const GuideSearchPage = () => {
+  return (
+    <>
+      <Section>
+        <div className="info-box">
+          <h2 className="subtitle">검색</h2>
+
+          <h1 className="title">
+            <span>키워드 검색</span>을 통해
+            <br />
+            빠르게 나의 영상들을 찾아요
+          </h1>
+        </div>
+      </Section>
+    </>
+  );
+};
+
+export default GuideSearchPage;
diff --git a/src/pages/Guide/GuideSummaryPage.tsx b/src/pages/Guide/GuideSummaryPage.tsx
new file mode 100644
index 0000000..d2a8990
--- /dev/null
+++ b/src/pages/Guide/GuideSummaryPage.tsx
@@ -0,0 +1,21 @@
+import { Section } from '@/styles/GuidePage';
+
+const GuideSummaryPage = () => {
+  return (
+    <>
+      <Section>
+        <div className="info-box">
+          <h2 className="subtitle">영상 요약</h2>
+
+          <h1 className="title">
+            영상을 텍스트로 변환하고
+            <br />
+            <span>쉽게 정리</span>할 수 있어요
+          </h1>
+        </div>
+      </Section>
+    </>
+  );
+};
+
+export default GuideSummaryPage;
diff --git a/src/pages/Guide/index.ts b/src/pages/Guide/index.ts
index 4c804fe..46e2a3d 100644
--- a/src/pages/Guide/index.ts
+++ b/src/pages/Guide/index.ts
@@ -2,3 +2,6 @@ export { default as GuideLayout } from './GuideLayout';
 
 export { default as GuidePage } from './GuidePage';
 export { default as GuideHomePage } from './GuideHomePage';
+export { default as GuideSummaryPage } from './GuideSummaryPage';
+export { default as GuideCategoryPage } from './GuideCategoryPage';
+export { default as GuideSearchPage } from './GuideSearchPage';