[Feat] 이용약관 페이지 및 개인정보 처리방침 페이지 퍼블리싱

app/(landing)/privacy-terms/page.module.scss

@@ -0,0 +1,9 @@
+.section-container {
+  margin-bottom: 80px;
+
+  h3 {
+    margin: 16px 0;
+    @include typo-h3;
+    font-weight: $text-bold;
+  }
+}

app/(landing)/privacy-terms/page.tsx

@@ -0,0 +1,19 @@
+import classNames from 'classnames/bind'
+
+import PrivacyTerms from '@/shared/ui/terms/privacy-terms'
+
+import styles from './page.module.scss'
+
+const cx = classNames.bind(styles)
+
+const TermsOfUsePage = () => {
+  return (
+    <>
+      <section className={cx('section-container')}>
+        <PrivacyTerms />
+      </section>
+    </>
+  )
+}
+
+export default TermsOfUsePage

app/(landing)/signup/terms-of-use/page.tsx

@@ -6,14 +6,14 @@ import { PATH } from '@/shared/constants/path'
 import { Button } from '@/shared/ui/button'
 import Checkbox from '@/shared/ui/check-box'
 import { LinkButton } from '@/shared/ui/link-button'
+import InvestorTerms from '@/shared/ui/terms/investor-terms'
+import PrivacyTerms from '@/shared/ui/terms/privacy-terms'
+import TraderTerms from '@/shared/ui/terms/trader-terms'
 
 import { getUserTypeCookie } from '../_lib/cookies'
 import Step from '../_ui/step'
 import { useTermsCheck } from './_hooks/use-terms-check'
 import TermsContainer from './_ui/terms-container'
-import InvestorTerms from './_ui/terms/investor-terms'
-import PrivacyTerms from './_ui/terms/privacy-terms'
-import TraderTerms from './_ui/terms/trader-terms'
 import styles from './page.module.scss'
 
 const cx = classNames.bind(styles)

app/(landing)/terms-of-use/page.module.scss

@@ -0,0 +1,13 @@
+.title {
+  margin: 16px 0;
+  @include typo-h3;
+  font-weight: $text-bold;
+}
+
+.section-container {
+  margin-bottom: 80px;
+
+  h3 {
+    @include typo-b1;
+  }
+}

app/(landing)/terms-of-use/page.tsx

@@ -0,0 +1,24 @@
+import classNames from 'classnames/bind'
+
+import InvestorTerms from '@/shared/ui/terms/investor-terms'
+import TraderTerms from '@/shared/ui/terms/trader-terms'
+
+import styles from './page.module.scss'
+
+const cx = classNames.bind(styles)
+
+const TermsOfUsePage = () => {
+  return (
+    <>
+      <h1 className={cx('title')}>이용약관</h1>
+      <section className={cx('section-container')}>
+        <InvestorTerms />
+      </section>
+      <section className={cx('section-container')}>
+        <TraderTerms />
+      </section>
+    </>
+  )
+}
+
+export default TermsOfUsePage