プライバシーポリシー

src/app/(menu)/_components/menu/SideMenu.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Box, styled } from '@mui/material';
+import { Box, Link, styled } from '@mui/material';
 import {
   Home,
   HomeOutlined,
@@ -55,6 +55,13 @@ const StyledMenu = styled('nav')`
   }
 `;
 
+const StyledLink = styled(Link)`
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  padding-left: 9px;
+`;
+
 const Spacer = styled(Box)<{ size?: number | string }>(({ size }) => {
   return {
     margin: size ?? 'auto',
@@ -116,6 +123,7 @@ const SideMenu = () => {
             userName={profile.username}
           />
         )}
+        <StyledLink href="/privacy">{'プライバシーポリシー'}</StyledLink>
       </StyledMenu>
     </Root>
   );

src/app/(plain)/(public)/privacy/_components/PrivacyPolicy.tsx

@@ -0,0 +1,101 @@
+'use client';
+
+import { styled } from '@mui/material';
+import LinkButton from '@/app/_components/button/LinkButton';
+import { MuseoModerno } from 'next/font/google';
+
+const museoModerno = MuseoModerno({ subsets: ['latin'], weight: ['700'] });
+
+const Root = styled('div')`
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`;
+
+const Container = styled('div')`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  text-align: center;
+`;
+
+const Title = styled('div')`
+  font-weight: bold;
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+`;
+
+export default function NotFound() {
+  return (
+    <Root>
+      <Container>
+        <Title className={museoModerno.className}></Title>
+        <div>
+          <h1>Cuculusプライバシーポリシー</h1>
+          <h2>1. はじめに</h2>
+          <p>
+            Cuculus（以下、当サイト）は、ユーザーのプライバシーを尊重し、個人情報の保護に努めます。
+          </p>
+
+          <h2>2. 収集する情報</h2>
+          <p>当サイトでは、以下の情報を収集することがあります。</p>
+          <ul>
+            <li>
+              ユーザーが提供する情報（例：名前、メールアドレス、プロフィール情報）
+            </li>
+            <li>利用状況に関する情報（例：ログデータ、アクセスIPアドレス）</li>
+          </ul>
+
+          <h2>3. 情報の利用目的</h2>
+          <p>収集した情報は以下の目的で利用されます。</p>
+          <ul>
+            <li>当サイトの提供・改善</li>
+            <li>ユーザーサポート</li>
+            <li>不正行為の防止</li>
+            <li>新機能やサービスの案内</li>
+          </ul>
+
+          <h2>4. 情報の共有と開示</h2>
+          <p>
+            当サイトは、以下の場合を除き、ユーザーの個人情報を第三者に開示または共有しません。
+          </p>
+          <ul>
+            <li>ユーザーの同意がある場合</li>
+            <li>法的要求に基づく場合</li>
+            <li>ユーザーの権利や安全を守るため必要な場合</li>
+          </ul>
+
+          <h2>5. 情報の保護</h2>
+          <p>
+            当サイトは、収集した情報の安全を確保するために、適切な物理的、技術的、組織的対策を講じます。
+          </p>
+
+          <h2>6. ユーザーの権利</h2>
+          <p>ユーザーは、自己の個人情報に関して、以下の権利を有します。</p>
+          <ul>
+            <li>アクセス権</li>
+            <li>訂正権</li>
+            <li>削除権</li>
+            <li>処理制限の権利</li>
+          </ul>
+
+          <h2>7. プライバシーポリシーの変更</h2>
+          <p>
+            本ポリシーは、必要に応じて更新されることがあります。本ポリシーの内容は、ユーザーに通知することなく、変更することができるものとします。
+          </p>
+
+          <h2>8. お問い合わせ</h2>
+          <p>
+            本プライバシーポリシーに関するご質問や懸念がある場合は、こちらよりご連絡ください。
+          </p>
+        </div>
+        <LinkButton href={'/'} variant={'outlined'} aria-label="トップに戻る">
+          トップに戻る
+        </LinkButton>
+      </Container>
+    </Root>
+  );
+}

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 (
+    <PrimaryColumn columnName={'プライバシーポリシー'}>
+      <PrivacyPolicy />
+    </PrimaryColumn>
+  );
+}

src/app/(plain)/README.md

@@ -9,3 +9,6 @@
 
 ## [@/app/(plain)/_components](./_components)
 `@/app/(plain)`配下で使用するコンポーネント置き場です。
+
+## [@/app/(plain)/(public)](./(public))
+ログインしていても、してなくても良いページ