import Link from 'next/link';

export const metadata = {
  title: '개인정보·쿠키 고지 | 알코올 마블',
  description: '알코올 마블 서비스의 쿠키 및 저장 정보 안내',
};

export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-[#1c1224] text-white">
      <div className="mx-auto flex min-h-screen max-w-2xl flex-col gap-6 px-6 py-10">
        <header className="flex flex-col gap-3">
          <Link
            href="/"
            className="self-start rounded bg-white/10 px-3 py-1.5 text-sm text-white/80 hover:bg-white/15"
          >
            ← 홈
          </Link>
          <h1 className="text-2xl font-bold tracking-tight">개인정보·쿠키 고지</h1>
          <p className="text-sm text-white/55">
            본 서비스(알코올 마블)에서 사용하는 저장 정보와 연락처를 안내합니다.
          </p>
        </header>

        <section className="flex flex-col gap-3 rounded-2xl border border-white/10 bg-white/5 p-5 text-sm leading-relaxed text-white/80">
          <h2 className="text-base font-semibold text-white">1. 수집·이용하는 정보</h2>
          <p>
            광고·분석용 추적 쿠키나 마케팅 SDK는 사용하지 않습니다. 서비스 제공에 필요한
            범위에서만 아래 정보를 사용합니다.
          </p>
          <ul className="list-disc space-y-2 pl-5 text-white/75">
            <li>
              <span className="font-medium text-white/90">인증 쿠키</span>: 치지직 로그인 후
              본인 채널 확인용 세션입니다. 브라우저에서만 쓰이며(HttpOnly), 치지직
              액세스/리프레시 토큰은 저장하지 않습니다.
            </li>
            <li>
              <span className="font-medium text-white/90">로그인 보안 쿠키</span>: OAuth
              진행 중 CSRF 방지용으로 짧은 시간만 유지됩니다.
            </li>
            <li>
              <span className="font-medium text-white/90">브라우저 로컬 저장소</span>: 주사위판
              칸 설정·이미지 에셋 등은 서버가 아니라 사용자 브라우저에만 저장됩니다.
            </li>
            <li>
              <span className="font-medium text-white/90">룸·채팅 연동</span>: 입장한 치지직
              채널의 채팅/후원 이벤트는 해당 방송 룸 진행을 위해 서버 메모리에서 일시적으로
              처리됩니다.
            </li>
          </ul>
        </section>

        <section className="flex flex-col gap-3 rounded-2xl border border-white/10 bg-white/5 p-5 text-sm leading-relaxed text-white/80">
          <h2 className="text-base font-semibold text-white">2. 쿠키 안내</h2>
          <p>
            위에 적은 쿠키는 로그인·보안 등 서비스 제공에 필요한 항목입니다. 선택형
            광고/통계 쿠키는 두지 않습니다. 브라우저에서 쿠키를 차단하면 치지직 로그인
            입장이 동작하지 않을 수 있습니다.
          </p>
        </section>

        <section className="flex flex-col gap-3 rounded-2xl border border-white/10 bg-white/5 p-5 text-sm leading-relaxed text-white/80">
          <h2 className="text-base font-semibold text-white">3. 문의</h2>
          <p>
            개인정보·쿠키 관련 문의는 아래로 연락해 주세요.
          </p>
          <p>
            이메일:{' '}
            <a
              href="mailto:kimyu@kimyu.xyz"
              className="text-sky-300 underline decoration-sky-300/40 underline-offset-2 hover:text-sky-200"
            >
              kimyu@kimyu.xyz
            </a>
          </p>
        </section>

        <p className="pb-6 text-[11px] text-white/40">최종 안내일: 2026-09-21</p>
      </div>
    </div>
  );
}