diff --git a/src/app/(menu)/_components/menu/TopicMenu.tsx b/src/app/(menu)/_components/menu/TopicMenu.tsx index 44c6d2b0..7d0f339b 100644 --- a/src/app/(menu)/_components/menu/TopicMenu.tsx +++ b/src/app/(menu)/_components/menu/TopicMenu.tsx @@ -55,6 +55,15 @@ const StyledLink = styled(Link)` } `; +const LinkArea = styled('div')` + display: flex; + flex-direction: column; + position: absolute; + bottom: 0; + font-size: 12px; + margin: 8px 0; +`; + function MenuItem({ text, href }: { text: string; href: string }) { return ( @@ -101,6 +110,11 @@ export default function TopicMenu() { href={'https://github.com/orgs/cuculus-dev/discussions/4'} /> + + {'プライバシーポリシー'} + {'利用規約(仮)'} + {'お問い合わせ(仮)'} + ); diff --git a/src/app/(plain)/(public)/privacy/_components/PrivacyPolicy.tsx b/src/app/(plain)/(public)/privacy/_components/PrivacyPolicy.tsx new file mode 100644 index 00000000..7c7450a0 --- /dev/null +++ b/src/app/(plain)/(public)/privacy/_components/PrivacyPolicy.tsx @@ -0,0 +1,104 @@ +'use client'; + +import { styled } from '@mui/material'; +import LinkButton from '@/app/_components/button/LinkButton'; + +const Root = styled('div')` + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; + max-width: 100%; + height: 100%; +`; + +const Container = styled('div')` + display: flex; + flex-direction: column; + max-width: 60%; + margin: 0 auto; +`; + +const Title = styled('div')` + font-weight: bold; + font-size: 2.25rem; + line-height: 2.5rem; +`; + +const ButtonAlea = styled('div')` + display: flex; + justify-content: center; + align-content: center; +`; +export default function NotFound() { + return ( + + + プライバシーポリシー +
+

1. はじめに

+

+ Cuculus(以下、当サイト)は、ユーザーのプライバシーを尊重し、個人情報の保護に努めます。 +

+ +

2. 収集する情報

+

当サイトでは、以下の情報を収集することがあります。

+
    +
  • + ユーザーが提供する情報(例:名前、メールアドレス、プロフィール情報) +
  • +
  • 利用状況に関する情報(例:ログデータ、アクセスIPアドレス)
  • +
+ +

3. 情報の利用目的

+

収集した情報は以下の目的で利用されます。

+
    +
  • 当サイトの提供・改善
  • +
  • ユーザーサポート
  • +
  • 不正行為の防止
  • +
  • 新機能やサービスの案内
  • +
+ +

4. 情報の共有と開示

+

+ 当サイトは、以下の場合を除き、ユーザーの個人情報を第三者に開示または共有しません。 +

+
    +
  • ユーザーの同意がある場合
  • +
  • 法的要求に基づく場合
  • +
  • ユーザーの権利や安全を守るため必要な場合
  • +
+ +

5. 情報の保護

+

+ 当サイトは、収集した情報の安全を確保するために、適切な物理的、技術的、組織的対策を講じます。 +

+ +

6. ユーザーの権利

+

ユーザーは、自己の個人情報に関して、以下の権利を有します。

+
    +
  • アクセス権
  • +
  • 訂正権
  • +
  • 削除権
  • +
  • 処理制限の権利
  • +
+ +

7. プライバシーポリシーの変更

+

+ 本ポリシーは、必要に応じて更新されることがあります。本ポリシーの内容は、ユーザーに通知することなく、変更することができるものとします。 +

+ +

8. お問い合わせ

+

+ 本プライバシーポリシーに関するご質問や懸念がある場合は、こちらよりご連絡ください。 +

+
+
+ + + トップに戻る + + +
+ ); +} diff --git a/src/app/(plain)/(public)/privacy/page.tsx b/src/app/(plain)/(public)/privacy/page.tsx new file mode 100644 index 00000000..6f077412 --- /dev/null +++ b/src/app/(plain)/(public)/privacy/page.tsx @@ -0,0 +1,15 @@ +import PrimaryColumn from '@/app/(menu)/_components/main/PrimaryColumn'; +import PrivacyPolicy from '@/app/(plain)/(public)/privacy/_components/PrivacyPolicy'; +import { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'プライバシーポリシー', +}; + +export default function page() { + return ( + + + + ); +} diff --git a/src/app/(plain)/README.md b/src/app/(plain)/README.md index b92e0bae..c920b733 100644 --- a/src/app/(plain)/README.md +++ b/src/app/(plain)/README.md @@ -9,3 +9,6 @@ ## [@/app/(plain)/_components](./_components) `@/app/(plain)`配下で使用するコンポーネント置き場です。 + +## [@/app/(plain)/(public)](./(public)) +ログインしていても、してなくても良いページ