feature-071: 가이드 페이지 라우팅

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>
 

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;

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;

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;

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';