# task-2097: InsuRo 플랜&구독 페이지 Phase 1 — UI 개선 4건

## ★ 프로젝트: `/home/jay/projects/InsuRo/`
## ★ Agent 미팅 완료: `memory/meetings/agent-meeting-task-2097.md`

## 수정사항 4건

### 1. 이벤트 배너 좌우 배치 + 글자 확대
- `Pricing.tsx` L295-331: 할인 배너 + 잔여석 배너가 상하 분리
- 수정: 1개 카드로 통합, 좌우(flex-row) 배치, 모바일은 flex-col
- 글자 크기: text-xs → text-sm 이상으로 확대 (이벤트 느낌)
- 할인 텍스트와 잔여석을 한눈에 보이게

### 2. 현재 플랜 하이라이트 동작 확인
- `renderCtaButton()` L191-235: isCurrent/isHigher 분기 이미 있음
- 확인: 실제로 현재 플랜에 "현재 플랜" 버튼이 표시되고, 상위 플랜에 "시작하기" CTA가 나오는지 검증
- 문제 있으면 수정, 없으면 PASS

### 3. FAQ 보강
- `faqs` 배열 L30-47: 현재 4개
- 추가 질문들:
  - "세금계산서/현금영수증 발행이 가능한가요?" → "네, 사업자 등록번호 입력 시 세금계산서 발행 가능합니다."
  - "팀/지점 단위로 구매할 수 있나요?" → "Enterprise 플랜에서 팀 단위 관리가 가능합니다. 별도 문의 바랍니다."
  - "데이터 보안은 어떻게 보호되나요?" → "Supabase 기반 Row-Level Security + 암호화 저장. 고객 개인정보는 서버에 저장되지 않습니다."
  - "AI가 생성한 콘텐츠의 저작권은 누구에게 있나요?" → "생성된 콘텐츠의 저작권은 전적으로 사용자에게 귀속됩니다."
  - "결제 수단은 무엇인가요?" → "카드 결제 및 계좌이체를 지원합니다. (결제 시스템 준비 중)"
- 기존 4개 답변도 풍성하게 보강

### 4. 세부내용 폰트 확대
- 기능비교 테이블의 `text-xs` → `text-sm`
- 카테고리 헤더, 기능명, 값 표시 모두 확대
- clamp() 또는 반응형 크기 활용 권장
- 테이블 overflow 주의 (모바일 가로 스크롤 유지)

## ★ 먼저 읽을 파일
- `/home/jay/projects/InsuRo/src/pages/Pricing.tsx` — 전체 (539줄)
- `/home/jay/projects/InsuRo/src/hooks/use-remaining-seats.ts` — 잔여석 훅

## 완료 시그니처
- 배너가 좌우 배치 + 글자 커짐
- FAQ 8~9개로 보강됨
- 세부내용 폰트 확대
- `npm run build` 성공

## 검증 시나리오
1. 데스크톱에서 배너 좌우 배치 확인
2. 모바일에서 배너 상하 배치 확인
3. FAQ 펼침/접힘 동작 확인
4. 기능비교 테이블 폰트 커짐 확인
5. `npm run build` 성공

## 레벨
- normal

## 프로젝트
- insuro