From 63e71b73cc19ffb1590562a0fbce2682900538e9 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 11:10:24 +0900
Subject: [PATCH 01/22] =?UTF-8?q?feat:=20=EC=A7=84=EB=8B=A8=20=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EB=B2=84=ED=8A=BC=EC=9D=84=20=EB=AC=B8=EC=9D=98=20?=
 =?UTF-8?q?=ED=8F=BC=EC=9C=BC=EB=A1=9C=20=EC=97=B0=EA=B2=B0=ED=95=98?=
 =?UTF-8?q?=EA=B3=A0=20=EC=83=98=ED=94=8C=20=EB=A6=AC=ED=8F=AC=ED=8A=B8=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=9D=84=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "URL 입력으로 시작하기" → "AEO, GEO 진단 요청하기". 문의하기와 같은 ContactModal 을 열어
  구글시트 기록·메일 알림으로 받는다 (source: discovery_hero / discovery_cta)
- 공개 폼에서 supporter_builds 큐에 자동 빌드를 넣던 경로를 끊는다
- 히어로의 "샘플 리포트 보기" 버튼 제거 (실제 병원 리포트로 연결되던 링크)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/discovery/DiscoveryCta.tsx  |  2 +-
 src/components/discovery/DiscoveryHero.tsx | 13 ++-----------
 src/pages/DiscoveryLandingPage.tsx         | 12 ++++++------
 3 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/src/components/discovery/DiscoveryCta.tsx b/src/components/discovery/DiscoveryCta.tsx
index 477132d..f17e245 100644
--- a/src/components/discovery/DiscoveryCta.tsx
+++ b/src/components/discovery/DiscoveryCta.tsx
@@ -32,7 +32,7 @@ export default function DiscoveryCta({ criteriaCount, onStart }: DiscoveryCtaPro
             onClick={onStart}
             className="on-light inline-flex items-center h-[52px] px-[30px] bg-white rounded-full text-base font-bold text-primary-900 hover:bg-slate-100 transition-colors"
           >
-            URL 입력으로 시작하기
+            AEO, GEO 진단 요청하기
           </button>
           <a
             href={buildDiscoveryMailto('무료 진단 신청')}
diff --git a/src/components/discovery/DiscoveryHero.tsx b/src/components/discovery/DiscoveryHero.tsx
index dfb604a..4c13312 100644
--- a/src/components/discovery/DiscoveryHero.tsx
+++ b/src/components/discovery/DiscoveryHero.tsx
@@ -3,7 +3,6 @@
  * Hero.tsx의 배경·배지·헤드라인 구조를 따르고, 하단에 ABMR 루프 + AI 답변 목업 2열 그리드.
  * 시안: docs/reports/landing/ai_discovery_landing.html (픽셀 기준)
  */
-import { Link } from 'react-router';
 import { motion } from 'motion/react';
 import { ArrowRight } from 'lucide-react';
 import AbmrLoop from './AbmrLoop';
@@ -13,16 +12,14 @@ import AiAnswerMock from './AiAnswerMock';
 interface DiscoveryHeroProps {
   axes: AxisSummary[];
   clinicName: string;
-  sampleReportPath: string;
   criteriaCount: number;
-  /** CTA 클릭 → URL 입력 신청 모달 열기 */
+  /** CTA 클릭 → 진단 요청 폼(문의 폼과 같은 ContactModal) 열기 */
   onStart: () => void;
 }
 
 export default function DiscoveryHero({
   axes,
   clinicName,
-  sampleReportPath,
   criteriaCount,
   onStart,
 }: DiscoveryHeroProps) {
@@ -86,15 +83,9 @@ export default function DiscoveryHero({
             onClick={onStart}
             className="inline-flex items-center justify-center gap-2 px-10 py-4 text-lg font-medium text-white rounded-full shadow-xl bg-gradient-to-r from-[#4F1DA1] to-[#021341] hover:opacity-90 transition-opacity"
           >
-            URL 입력으로 시작하기
+            AEO, GEO 진단 요청하기
             <ArrowRight className="w-5 h-5" />
           </button>
-          <Link
-            to={sampleReportPath}
-            className="inline-flex items-center justify-center px-10 py-4 text-lg font-medium text-primary-900 bg-white/80 border border-slate-200 rounded-full hover:bg-white transition-colors"
-          >
-            샘플 리포트 보기
-          </Link>
         </motion.div>
 
         {/* ABMR loop + AI answer mock */}
diff --git a/src/pages/DiscoveryLandingPage.tsx b/src/pages/DiscoveryLandingPage.tsx
index 736a1c4..f881c69 100644
--- a/src/pages/DiscoveryLandingPage.tsx
+++ b/src/pages/DiscoveryLandingPage.tsx
@@ -20,10 +20,11 @@ import SampleReport from '../components/discovery/SampleReport';
 import Roadmap from '../components/discovery/Roadmap';
 import HonestyStrip from '../components/discovery/HonestyStrip';
 import DiscoveryCta from '../components/discovery/DiscoveryCta';
-import DiscoveryLeadModal from '../components/discovery/DiscoveryLeadModal';
+import ContactModal from '../components/ContactModal';
 
 export default function DiscoveryLandingPage() {
-  const [leadOpen, setLeadOpen] = useState(false);
+  // 진단 요청은 문의하기와 같은 폼(구글시트 기록 + 메일 알림)으로 받는다. source 로 어느 버튼에서 왔는지 남긴다.
+  const [leadSource, setLeadSource] = useState<string | null>(null);
   const result = DISCOVERY_VIEWCLINIC;
   const overall = useMemo(() => scoreDiscovery(AEO_GEO_RUBRIC, result), [result]);
   const overallV2 = useMemo(() => scoreDiscoveryV2(AEO_GEO_RUBRIC_V2, result), [result]);
@@ -47,9 +48,8 @@ export default function DiscoveryLandingPage() {
       <DiscoveryHero
         axes={axes}
         clinicName={result.clinicName}
-        sampleReportPath={`/discovery/${result.id}`}
         criteriaCount={criteriaCount}
-        onStart={() => setLeadOpen(true)}
+        onStart={() => setLeadSource('discovery_hero')}
       />
       <WhyNow />
       <HowItWorks criteriaCount={criteriaCount} categoryCount={categoryCount} />
@@ -60,8 +60,8 @@ export default function DiscoveryLandingPage() {
         unverifiedCount={unverifiedCount}
       />
       <HonestyStrip />
-      <DiscoveryCta criteriaCount={criteriaCount} onStart={() => setLeadOpen(true)} />
-      <DiscoveryLeadModal open={leadOpen} onClose={() => setLeadOpen(false)} />
+      <DiscoveryCta criteriaCount={criteriaCount} onStart={() => setLeadSource('discovery_cta')} />
+      <ContactModal open={leadSource !== null} onClose={() => setLeadSource(null)} source={leadSource ?? 'discovery'} />
     </div>
   );
 }

From f03c6a5b908990a7f51339ec1da97dc16e094506 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 11:23:41 +0900
Subject: [PATCH 02/22] =?UTF-8?q?feat:=20webforai.kr=20=EA=B3=B5=EA=B0=9C?=
 =?UTF-8?q?=20=EC=A0=84=20=EC=A0=95=EB=A6=AC=20(=EB=B9=84=EC=8B=9D?=
 =?UTF-8?q?=EB=B3=84=20=EC=83=98=ED=94=8C=C2=B7=EC=8B=A4=EC=A0=9C=20?=
 =?UTF-8?q?=EB=A6=AC=ED=8F=AC=ED=8A=B8=20=EB=B9=84=EA=B3=B5=EA=B0=9C=C2=B7?=
 =?UTF-8?q?=EC=95=BD=EA=B4=80)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 랜딩 샘플 리포트·AI 답변 예시·문의 서식 예시를 가상 A성형외과로 바꾼다 (discovery_sample, 고정 시드 무작위 판정)
- VITE_SITE=discovery 배포는 랜딩·요금·로그인·약관만 연다. 실제 병원 진단 결과와 내부 화면 경로는 홈으로 돌린다
- src/data·src/services 를 부수효과 없는 모듈로 표시해 쓰지 않는 실제 병원 목업이 공개 번들에서 빠지게 한다
- 공개 배포 번들에 GEMINI_API_KEY 를 넣지 않는다
- 헤더 Product·Use Cases 는 공개 배포에서 숨기고, 푸터에 개인정보처리방침·이용약관 페이지를 연결한다
- 기준표 설명의 실제 병원 예시 문구를 일반 예시로 바꾼다

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/ContactModal.tsx           |   2 +-
 src/components/Footer.tsx                 |   4 +-
 src/components/LegalLayout.tsx            |  61 +++++++++++
 src/components/Navbar.tsx                 |  18 ++--
 src/components/discovery/AiAnswerMock.tsx |   8 +-
 src/components/discovery/SampleReport.tsx |  14 +--
 src/data/aeoGeoRubric.ts                  |   2 +-
 src/data/discovery_sample.ts              |  61 +++++++++++
 src/lib/site.ts                           |   6 ++
 src/main.tsx                              |  68 +++++++-----
 src/pages/DiscoveryLandingPage.tsx        |   5 +-
 src/pages/PrivacyPage.tsx                 | 122 ++++++++++++++++++++++
 src/pages/TermsPage.tsx                   | 109 +++++++++++++++++++
 vite.config.ts                            |  12 ++-
 14 files changed, 442 insertions(+), 50 deletions(-)
 create mode 100644 src/components/LegalLayout.tsx
 create mode 100644 src/data/discovery_sample.ts
 create mode 100644 src/lib/site.ts
 create mode 100644 src/pages/PrivacyPage.tsx
 create mode 100644 src/pages/TermsPage.tsx

diff --git a/src/components/ContactModal.tsx b/src/components/ContactModal.tsx
index 2da9efe..22e1634 100644
--- a/src/components/ContactModal.tsx
+++ b/src/components/ContactModal.tsx
@@ -200,7 +200,7 @@ export default function ContactModal({ open, onClose, source }: ContactModalProp
                   type="text"
                   value={company}
                   onChange={(e) => setCompany(e.target.value)}
-                  placeholder="예: 뷰성형외과"
+                  placeholder="예: OO성형외과"
                   className={`${INPUT_CLASS} mb-4`}
                 />
 
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 1a2ed85..3e3dd03 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -35,8 +35,8 @@ export default function Footer() {
             Infinite Marketing for Premium Medical Business &amp; Marketing Agency
           </div>
           <div className="flex items-center gap-6 text-sm font-medium text-slate-600 shrink-0">
-            <a href="#" className="hover:text-primary-900 transition-colors">Privacy Policy</a>
-            <a href="#" className="hover:text-primary-900 transition-colors">Terms of Service</a>
+            <Link to="/privacy" className="font-bold text-primary-900 hover:opacity-80 transition-opacity">개인정보처리방침</Link>
+            <Link to="/terms" className="hover:text-primary-900 transition-colors">이용약관</Link>
             <button
               type="button"
               onClick={() => setContactOpen(true)}
diff --git a/src/components/LegalLayout.tsx b/src/components/LegalLayout.tsx
new file mode 100644
index 0000000..aea376f
--- /dev/null
+++ b/src/components/LegalLayout.tsx
@@ -0,0 +1,61 @@
+/**
+ * LegalLayout: 개인정보처리방침·이용약관 공통 틀.
+ * 조항은 { title, body } 배열로 받고, body 의 각 줄은 문단 또는 목록 항목으로 그린다.
+ * '- ' 로 시작하는 줄은 목록 항목이다.
+ */
+import type { ReactNode } from 'react';
+
+export interface LegalSection {
+  title: string;
+  body: (string | ReactNode)[];
+}
+
+interface LegalLayoutProps {
+  title: string;
+  intro: string;
+  effectiveDate: string;
+  sections: LegalSection[];
+}
+
+function renderBody(body: LegalSection['body']) {
+  const out: ReactNode[] = [];
+  let list: ReactNode[] = [];
+  const flush = () => {
+    if (list.length) {
+      out.push(<ul key={`ul-${out.length}`} className="list-disc pl-5 space-y-1.5">{list}</ul>);
+      list = [];
+    }
+  };
+  body.forEach((line, i) => {
+    if (typeof line === 'string' && line.startsWith('- ')) {
+      list.push(<li key={i}>{line.slice(2)}</li>);
+      return;
+    }
+    flush();
+    out.push(<p key={i}>{line}</p>);
+  });
+  flush();
+  return out;
+}
+
+export default function LegalLayout({ title, intro, effectiveDate, sections }: LegalLayoutProps) {
+  return (
+    <section className="min-h-screen pt-32 pb-24 px-6 bg-white [word-break:keep-all]">
+      <div className="max-w-3xl mx-auto">
+        <h1 className="font-serif text-3xl md:text-4xl font-bold text-primary-900 mb-4">{title}</h1>
+        <p className="text-[15px] leading-[1.8] text-slate-600 mb-3">{intro}</p>
+        <p className="text-sm text-slate-400 mb-12">시행일 {effectiveDate}</p>
+        <div className="flex flex-col gap-10">
+          {sections.map((s, i) => (
+            <div key={s.title}>
+              <h2 className="text-lg font-bold text-primary-900 mb-3">
+                제{i + 1}조 {s.title}
+              </h2>
+              <div className="flex flex-col gap-2.5 text-[15px] leading-[1.8] text-slate-600">{renderBody(s.body)}</div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index f876d92..b5944f2 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -24,6 +24,7 @@ import { Link, useLocation } from 'react-router';
 import { ArrowRight } from 'lucide-react';
 import ContactModal from './ContactModal';
 import ClinicNav, { clinicIdFromPath } from './ClinicNav';
+import { DISCOVERY_SITE } from '../lib/site';
 
 export default function Navbar() {
   const { pathname } = useLocation();
@@ -45,18 +46,23 @@ export default function Navbar() {
 
         {/* 가운데 메뉴 */}
         <div className="hidden md:flex items-center gap-8 text-sm font-medium text-slate-600">
-          <a href="/#solution" className="hover:text-primary-900 transition-colors">
-            Product
-          </a>
+          {/* Product·Use Cases 는 INFINITH 랜딩의 섹션 앵커라 그 섹션이 없는 공개 배포(webforai.kr)에서는 뺀다 */}
+          {!DISCOVERY_SITE && (
+            <a href="/#solution" className="hover:text-primary-900 transition-colors">
+              Product
+            </a>
+          )}
           <Link
             to="/pricing?from=header"
             className="hover:text-primary-900 transition-colors"
           >
             Pricing
           </Link>
-          <a href="/#use-cases" className="hover:text-primary-900 transition-colors">
-            Use Cases
-          </a>
+          {!DISCOVERY_SITE && (
+            <a href="/#use-cases" className="hover:text-primary-900 transition-colors">
+              Use Cases
+            </a>
+          )}
         </div>
 
         {/* 우측 CTA — Login(Secondary) + 문의하기(Primary) */}
diff --git a/src/components/discovery/AiAnswerMock.tsx b/src/components/discovery/AiAnswerMock.tsx
index a61406d..d51466b 100644
--- a/src/components/discovery/AiAnswerMock.tsx
+++ b/src/components/discovery/AiAnswerMock.tsx
@@ -5,7 +5,8 @@
  */
 import { motion } from 'motion/react';
 
-const CITED_DOMAINS = ['viewclinic.com', 'gangnamunni.com', 'youtube.com'];
+// 예시 카드라 실제 병원 도메인을 쓰지 않는다. 병원 사이트 자리는 일반 명칭으로 둔다.
+const CITED_DOMAINS = ['병원 공식 홈페이지', 'gangnamunni.com', 'youtube.com'];
 
 interface AiAnswerMockProps {
   clinicName: string;
@@ -45,12 +46,11 @@ export default function AiAnswerMock({ clinicName, criteriaCount }: AiAnswerMock
 
       {/* 목표 상태의 답변 예시 */}
       <p className="text-[15px] leading-[1.8] text-slate-600 mb-4 break-keep">
-        모티바 공식 KOL 의료진이 있는{' '}
+        의료진 14명의 약력을 공개한{' '}
         <span className="bg-[#F3F0FF] text-[#4A3A7C] font-semibold px-1.5 py-0.5 rounded-md">
           {clinicName}
         </span>
-        는 강남언니 후기 19,316건과 의료진 26명 정보가 공개되어 있으며, 시술별 FAQ와 비교표를
-        제공합니다.
+        는 후기 7,800여 건이 공개되어 있고, 시술별 FAQ와 회복 일정표를 제공합니다.
       </p>
 
       {/* 인용 도메인 칩 + 목표 상태 라벨 (제거 금지) */}
diff --git a/src/components/discovery/SampleReport.tsx b/src/components/discovery/SampleReport.tsx
index 4eebe1f..3be2090 100644
--- a/src/components/discovery/SampleReport.tsx
+++ b/src/components/discovery/SampleReport.tsx
@@ -1,5 +1,5 @@
 /**
- * 샘플 리포트 섹션 — 뷰성형외과 실측 스냅샷.
+ * 샘플 리포트 섹션. 가상 데이터(discovery_sample)로 만든 예시이며 실제 병원 진단 결과가 아니다.
  * 점수·등급·항목 %·항목 수는 전부 discoveryScore(v1 실측)·discoveryScoreV2(AEO/GEO) 계산값에서 렌더 (하드코딩 금지).
  * 발견 칩 3장의 카피는 result.keyFindings를 랜딩용으로 압축한 시안 확정 문안이다.
  */
@@ -16,28 +16,28 @@ const GRADE_BADGE_STYLE: Record<OverallScore['grade'], string> = {
   D: 'bg-[#FFF0F0] border-[#F5D5DC] text-[#7C3A4B]',
 };
 
-/** keyFindings 압축본 (시안 확정 카피). 수치는 2026-09-07 재검증(v1.1) 스냅샷과 일치한다. */
+/** 발견 칩 예시 카피. 특정 병원을 알아볼 수 없도록 고유 명칭을 빼고 수치는 가상 값으로 둔다. */
 const FINDING_CHIPS = [
   {
     label: '치명',
     chipClass: 'bg-[#FFF0F0] border-[#F5D5DC] text-[#7C3A4B]',
     dotColor: '#D4889A',
     title: 'AI가 누구인지 확정 못 함',
-    detail: 'MedicalClinic 스키마 없음. 시술 목록 JSON-LD는 문법 오류로 통째로 버려집니다.',
+    detail: 'MedicalClinic 스키마가 없고, 시술 정보 JSON-LD는 문법 오류로 읽히지 않습니다.',
   },
   {
     label: '보완',
     chipClass: 'bg-[#FFF6ED] border-[#F5E0C5] text-[#7C5C3A]',
     dotColor: '#D4A872',
     title: '인용할 문장이 없음',
-    detail: '정의문 0개, HTML 표 0개, FAQ는 프리저베 한 페이지뿐. 답변엔진이 잘라 갈 단락이 없습니다.',
+    detail: '정의문 2개, HTML 표 0개, FAQ는 시술 페이지 한 곳뿐. 답변엔진이 잘라 갈 단락이 적습니다.',
   },
   {
     label: '강점',
     chipClass: 'bg-[#F3F0FF] border-[#D5CDF5] text-[#4A3A7C]',
     dotColor: '#9B8AD4',
     title: '표면 자산은 이미 강함',
-    detail: '강남언니 후기 19,373건, GBP 4.9점. 홈페이지가 따라가면 바로 인용 근거가 됩니다.',
+    detail: '후기 플랫폼 후기 7,800여 건, 지도 평점 4.7점. 홈페이지가 따라가면 바로 인용 근거가 됩니다.',
   },
 ];
 
@@ -62,13 +62,13 @@ export default function SampleReport({ overall, axes, result }: SampleReportProp
           transition={{ duration: 0.6 }}
         >
           <div className="text-sm font-bold tracking-[0.24em] text-accent mb-4">
-            SAMPLE REPORT · 실제 사례
+            SAMPLE REPORT · 예시
           </div>
           <h2 className="font-serif text-3xl md:text-[40px] font-bold leading-tight text-primary-900 mb-3 break-keep">
             읽을 수는 있지만, 인용할 근거가 없습니다.
           </h2>
           <p className="text-[17px] leading-[1.7] text-slate-500 mb-12 break-keep">
-            실제 1차 진단 결과입니다. 답변 준비도(AEO)와 출처 준비도(GEO)를 각각 100점으로 보고,
+            가상의 A성형외과로 만든 예시 리포트입니다. 답변 준비도(AEO)와 출처 준비도(GEO)를 각각 100점으로 보고,
             어디가 강하고 어디가 비어 있는지 항목 단위로 드러냅니다.
           </p>
         </motion.div>
diff --git a/src/data/aeoGeoRubric.ts b/src/data/aeoGeoRubric.ts
index 28f5b2e..c9fc102 100644
--- a/src/data/aeoGeoRubric.ts
+++ b/src/data/aeoGeoRubric.ts
@@ -279,7 +279,7 @@ export const AEO_GEO_RUBRIC: Rubric = {
       id: 'C3',
       category: 'content',
       name: '제목 계층 의미성',
-      rationale: 'H1은 페이지당 1개, 주제를 서술해야 한다. "VIEW SELFIE" 같은 라벨형 H1은 AI에게 아무 정보도 주지 않는다.',
+      rationale: 'H1은 페이지당 1개, 주제를 서술해야 한다. "MAIN VISUAL" 같은 라벨형 H1은 AI에게 아무 정보도 주지 않는다.',
       weight: 3,
       evidenceGrade: 'measured',
       control: 'direct',
diff --git a/src/data/discovery_sample.ts b/src/data/discovery_sample.ts
new file mode 100644
index 0000000..024097a
--- /dev/null
+++ b/src/data/discovery_sample.ts
@@ -0,0 +1,61 @@
+/**
+ * 랜딩용 예시 진단 결과 (가상 데이터).
+ * 실제 병원의 진단 결과가 아니다. 병원명·주소·수치는 모두 비식별 가상 값이고, 항목 판정은 고정 시드(20261007)로 무작위 생성했다.
+ * 공개 사이트(webforai.kr)에는 실제 병원 리포트를 싣지 않는다 (2026-10-07 haewon 결정).
+ */
+import type { DiscoveryResult } from '../types/discovery';
+
+export const DISCOVERY_SAMPLE: DiscoveryResult = {
+  id: 'sample',
+  clinicName: 'A성형외과',
+  url: '',
+  industry: '성형외과 (예시)',
+  auditedAt: '2026-10-01',
+  rubricVersion: '2.0',
+  conditions: ['가상 데이터로 만든 예시 리포트입니다. 실제 병원의 진단 결과가 아닙니다.'],
+  results: [
+    { criterionId: 'A1', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'A2', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'A3', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'A4', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'A5', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'A6', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+    { criterionId: 'A7', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B1', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B2', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B3', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B4', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B5', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B6', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'B7', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C1', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C2', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C3', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C4', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C5', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C6', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C7', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'C8', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'D1', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'D2', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+    { criterionId: 'D3', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'D4', level: 3, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'D5', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'D6', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'E1', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+    { criterionId: 'E2', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+    { criterionId: 'E3', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+    { criterionId: 'E4', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'F1', level: 2, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'F2', level: 1, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'F3', level: 0, evidence: '예시 데이터 (가상 값)' },
+    { criterionId: 'F4', level: 'unverified', evidence: '예시 데이터: 병원 계정 접근이 필요한 항목이라 미검증으로 둡니다' },
+  ],
+  keyFindings: [
+    { title: 'AI가 병원을 하나의 기관으로 확정하지 못함', detail: '예시 데이터: 병원 정보를 구조화한 스키마가 없습니다.', severity: 'critical' },
+    { title: '인용할 문장이 부족함', detail: '예시 데이터: 정의문·비교표·FAQ가 적습니다.', severity: 'warning' },
+    { title: '외부 평판 자산은 있음', detail: '예시 데이터: 후기 플랫폼과 지도 서비스의 공개 정보가 충분합니다.', severity: 'good' },
+  ],
+  actions: [],
+  notDoing: [],
+};
diff --git a/src/lib/site.ts b/src/lib/site.ts
new file mode 100644
index 0000000..10c731d
--- /dev/null
+++ b/src/lib/site.ts
@@ -0,0 +1,6 @@
+/**
+ * 배포 구분. Vercel 프로젝트 환경변수 VITE_SITE 로 정한다.
+ * 'discovery' 로 빌드한 배포(webforai.kr)는 공개 사이트라 랜딩·요금·로그인·약관만 연다.
+ * 실제 병원의 진단 결과와 내부 작업 화면은 이 배포에서 열지 않는다 (2026-10-07 haewon 결정).
+ */
+export const DISCOVERY_SITE = import.meta.env.VITE_SITE === 'discovery';
diff --git a/src/main.tsx b/src/main.tsx
index 3d92fc9..ef0dc28 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,6 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { BrowserRouter, Routes, Route } from 'react-router';
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router';
 import App from './App.tsx';
 import LandingPage from './pages/LandingPage.tsx';
 import PricingPage from './pages/PricingPage.tsx';
@@ -21,39 +21,55 @@ import ActionPlanPage from './pages/ActionPlanPage.tsx';
 import SupportersBuildPage from './pages/SupportersBuildPage.tsx';
 import ImageReviewPage from './pages/ImageReviewPage.tsx';
 import SiteBuildPage from './pages/SiteBuildPage.tsx';
+import PrivacyPage from './pages/PrivacyPage.tsx';
+import TermsPage from './pages/TermsPage.tsx';
+import { DISCOVERY_SITE } from './lib/site';
 import './index.css';
 
-// 배포별 루트 페이지 분기. Vercel 프로젝트의 환경변수로 정한다.
-const DISCOVERY_SITE = import.meta.env.VITE_SITE === 'discovery';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <BrowserRouter>
       <Routes>
         <Route element={<App />}>
-          {/* 루트에서 무엇을 그릴지는 배포마다 다르다. VITE_SITE=discovery 로 빌드한 배포(webforai.kr)는
-              AI Discovery 랜딩을 루트에 놓고, 값이 없으면 지금까지처럼 INFINITH 랜딩을 놓는다.
-              한 코드베이스로 두 사이트를 내되 기존 배포의 동작은 바꾸지 않는다. */}
-          <Route index element={DISCOVERY_SITE ? <DiscoveryLandingPage /> : <LandingPage />} />
-          <Route path="pricing" element={<PricingPage />} />
-          <Route path="login" element={<LoginPage />} />
-          <Route path="report/loading" element={<AnalysisLoadingPage />} />
-          <Route path="report/loading/:reportId" element={<AnalysisLoadingPage />} />
-          <Route path="report/:id" element={<ReportPage />} />
-          <Route path="plan/:id" element={<MarketingPlanPage />} />
-          <Route path="studio/:id" element={<ContentStudioPage />} />
-          <Route path="channels" element={<ChannelConnectPage />} />
-          <Route path="distribute" element={<DistributionPage />} />
-          <Route path="performance" element={<PerformancePage />} />
-          <Route path="data-validation" element={<DataValidationPage />} />
-          <Route path="clinic/:id" element={<ClinicProfilePage />} />
-          <Route path="api-dashboard" element={<ApiDashboardPage />} />
-          <Route path="discovery" element={<DiscoveryLandingPage />} />
-          <Route path="discovery/:id" element={<DiscoveryReportPage />} />
-          <Route path="actions/:id" element={<ActionPlanPage />} />
-          <Route path="supporters/:id" element={<SupportersBuildPage />} />
-          <Route path="images/:id" element={<ImageReviewPage />} />
-          <Route path="build/:id" element={<SiteBuildPage />} />
+          {/* 배포마다 여는 화면이 다르다. VITE_SITE=discovery 로 빌드한 공개 배포(webforai.kr)는 AI Discovery 랜딩을
+              루트에 두고 공개 페이지만 연다. 실제 병원 진단 결과·내부 작업 화면 경로는 홈으로 돌린다.
+              값이 없으면 지금까지처럼 INFINITH 랜딩과 전체 화면을 연다. */}
+          {DISCOVERY_SITE ? (
+            <>
+              <Route index element={<DiscoveryLandingPage />} />
+              <Route path="pricing" element={<PricingPage />} />
+              <Route path="login" element={<LoginPage />} />
+              <Route path="privacy" element={<PrivacyPage />} />
+              <Route path="terms" element={<TermsPage />} />
+              <Route path="*" element={<Navigate to="/" replace />} />
+            </>
+          ) : (
+            <>
+              <Route index element={<LandingPage />} />
+              <Route path="pricing" element={<PricingPage />} />
+              <Route path="login" element={<LoginPage />} />
+              <Route path="report/loading" element={<AnalysisLoadingPage />} />
+              <Route path="report/loading/:reportId" element={<AnalysisLoadingPage />} />
+              <Route path="report/:id" element={<ReportPage />} />
+              <Route path="plan/:id" element={<MarketingPlanPage />} />
+              <Route path="studio/:id" element={<ContentStudioPage />} />
+              <Route path="channels" element={<ChannelConnectPage />} />
+              <Route path="distribute" element={<DistributionPage />} />
+              <Route path="performance" element={<PerformancePage />} />
+              <Route path="data-validation" element={<DataValidationPage />} />
+              <Route path="clinic/:id" element={<ClinicProfilePage />} />
+              <Route path="api-dashboard" element={<ApiDashboardPage />} />
+              <Route path="discovery" element={<DiscoveryLandingPage />} />
+              <Route path="discovery/:id" element={<DiscoveryReportPage />} />
+              <Route path="actions/:id" element={<ActionPlanPage />} />
+              <Route path="supporters/:id" element={<SupportersBuildPage />} />
+              <Route path="images/:id" element={<ImageReviewPage />} />
+              <Route path="build/:id" element={<SiteBuildPage />} />
+              <Route path="privacy" element={<PrivacyPage />} />
+              <Route path="terms" element={<TermsPage />} />
+            </>
+          )}
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/src/pages/DiscoveryLandingPage.tsx b/src/pages/DiscoveryLandingPage.tsx
index f881c69..7098473 100644
--- a/src/pages/DiscoveryLandingPage.tsx
+++ b/src/pages/DiscoveryLandingPage.tsx
@@ -8,7 +8,7 @@
  */
 import { useMemo, useState } from 'react';
 import { AEO_GEO_RUBRIC } from '../data/aeoGeoRubric';
-import { DISCOVERY_VIEWCLINIC } from '../data/discovery_viewclinic';
+import { DISCOVERY_SAMPLE } from '../data/discovery_sample';
 import { scoreDiscovery, nextGradeTarget } from '../lib/discoveryScore';
 import { AEO_GEO_RUBRIC_V2 } from '../data/aeoGeoRubricV2';
 import { scoreDiscoveryV2 } from '../lib/discoveryScoreV2';
@@ -25,7 +25,8 @@ import ContactModal from '../components/ContactModal';
 export default function DiscoveryLandingPage() {
   // 진단 요청은 문의하기와 같은 폼(구글시트 기록 + 메일 알림)으로 받는다. source 로 어느 버튼에서 왔는지 남긴다.
   const [leadSource, setLeadSource] = useState<string | null>(null);
-  const result = DISCOVERY_VIEWCLINIC;
+  // 공개 랜딩은 가상 예시 데이터만 쓴다. 실제 병원 진단 결과를 싣지 않는다.
+  const result = DISCOVERY_SAMPLE;
   const overall = useMemo(() => scoreDiscovery(AEO_GEO_RUBRIC, result), [result]);
   const overallV2 = useMemo(() => scoreDiscoveryV2(AEO_GEO_RUBRIC_V2, result), [result]);
   const axes: AxisSummary[] = [overallV2.aeo, overallV2.geo].map((ax) => ({
diff --git a/src/pages/PrivacyPage.tsx b/src/pages/PrivacyPage.tsx
new file mode 100644
index 0000000..dcd8b37
--- /dev/null
+++ b/src/pages/PrivacyPage.tsx
@@ -0,0 +1,122 @@
+/**
+ * 개인정보처리방침 (/privacy).
+ * 이 사이트가 실제로 처리하는 것만 적는다: 문의·진단 요청 서식(이름·연락처·회사·문의 내용) → /api/lead(Vercel) →
+ * Google Apps Script → 구글 시트 저장 + 알림 메일. 방문 분석 쿠키는 아직 쓰지 않는다. GA4 등을 붙이면 제8조를 고친다.
+ * 구조는 의료 분야 SaaS 방침(메디팔·애프터닥)의 조항 구성을 참고했고, 문장은 이 서비스에 맞춰 새로 썼다.
+ */
+import LegalLayout, { type LegalSection } from '../components/LegalLayout';
+import { COMPANY_LEGAL_NAME, COMPANY_HQ, CONTACT_PHONE } from '../lib/contact';
+
+const PRIVACY_EMAIL = 'o2oteam@o2o.kr';
+
+const SECTIONS: LegalSection[] = [
+  {
+    title: '수집하는 개인정보 항목과 수집 방법',
+    body: [
+      '회사는 웹사이트의 문의하기 및 AEO, GEO 진단 요청 서식을 통해 아래 항목을 수집합니다.',
+      '- 필수: 성함, 연락처(전화번호 또는 이메일 중 하나 이상)',
+      '- 선택: 회사(병원)명, 문의 내용',
+      '서비스 이용 과정에서 접속 IP 주소, 브라우저 정보, 접속 일시가 웹 호스팅 서버의 로그로 자동 생성될 수 있습니다.',
+      '회사는 만 14세 미만 아동의 개인정보를 수집하지 않으며, 환자의 건강 정보 등 민감정보를 서식으로 받지 않습니다. 문의 내용에 환자 개인정보를 적지 말아 주십시오.',
+    ],
+  },
+  {
+    title: '개인정보의 수집 및 이용 목적',
+    body: [
+      '- 문의 및 진단 요청에 대한 회신과 상담',
+      '- 요청하신 AEO, GEO 진단의 수행과 결과 전달',
+      '- 서비스 도입 관련 안내(요청하신 범위에 한함)',
+      '회사는 위 목적 외의 용도로 개인정보를 이용하지 않으며, 목적이 바뀌는 경우 미리 동의를 받습니다.',
+    ],
+  },
+  {
+    title: '개인정보의 보유 및 이용 기간',
+    body: [
+      '회사는 문의 처리가 끝난 날부터 1년간 개인정보를 보관한 뒤 지체 없이 파기합니다. 정보주체가 삭제를 요청하면 그 전이라도 파기합니다.',
+      '서비스 계약을 체결한 경우에는 관계 법령에 따라 아래 기간 동안 보관합니다.',
+      '- 계약 또는 청약철회 등에 관한 기록: 5년 (전자상거래 등에서의 소비자보호에 관한 법률)',
+      '- 대금결제 및 재화 등의 공급에 관한 기록: 5년 (같은 법)',
+      '- 소비자의 불만 또는 분쟁처리에 관한 기록: 3년 (같은 법)',
+      '- 웹사이트 방문 기록: 3개월 (통신비밀보호법)',
+    ],
+  },
+  {
+    title: '개인정보의 제3자 제공',
+    body: ['회사는 정보주체의 개인정보를 제3자에게 제공하지 않습니다. 법령에 특별한 규정이 있거나 정보주체가 동의한 경우에만 예외로 합니다.'],
+  },
+  {
+    title: '개인정보 처리업무의 위탁 및 국외 이전',
+    body: [
+      '회사는 서비스 운영을 위해 아래와 같이 개인정보 처리업무를 위탁하며, 수탁자의 서버가 국외에 있어 개인정보가 국외로 이전됩니다.',
+      '- Google LLC (미국): 문의 내용 저장(Google 스프레드시트) 및 접수 알림 메일 발송. 이전 항목은 제1조의 서식 입력 항목이며, 서식을 제출하는 시점에 네트워크로 전송됩니다. 보유 기간은 제3조와 같습니다.',
+      '- Vercel Inc. (미국): 웹사이트 호스팅 및 서식 전송 처리. 이전 항목은 서식 입력 항목과 접속 기록이며, 웹사이트 이용 및 서식 제출 시 네트워크로 전송됩니다. 보유 기간은 위탁 계약 종료 시까지입니다.',
+      '국외 이전을 원하지 않으시면 서식 대신 이메일 또는 전화로 문의하실 수 있습니다. 다만 이 경우에도 회신 메일은 회사의 메일 서비스를 통해 처리됩니다.',
+    ],
+  },
+  {
+    title: '정보주체의 권리와 행사 방법',
+    body: [
+      '정보주체는 언제든지 자신의 개인정보에 대한 열람, 정정, 삭제, 처리정지를 요청할 수 있습니다.',
+      `요청은 이메일(${PRIVACY_EMAIL}) 또는 전화(${CONTACT_PHONE})로 하실 수 있으며, 회사는 본인 확인 후 10일 이내에 조치하고 결과를 알려 드립니다.`,
+      '법정대리인이나 위임을 받은 사람을 통해서도 권리를 행사할 수 있습니다.',
+    ],
+  },
+  {
+    title: '개인정보의 파기 절차 및 방법',
+    body: [
+      '보유 기간이 끝나거나 처리 목적이 달성된 개인정보는 지체 없이 파기합니다.',
+      '- 전자 파일: 복구할 수 없는 방법으로 영구 삭제',
+      '- 종이 문서: 분쇄 또는 소각',
+    ],
+  },
+  {
+    title: '쿠키 등 자동 수집 장치',
+    body: [
+      '회사는 현재 이 웹사이트에서 광고 또는 방문 분석을 위한 쿠키를 사용하지 않습니다.',
+      '방문 분석 도구를 도입하는 경우 이 방침을 개정해 수집 항목, 목적, 거부 방법을 미리 알려 드립니다.',
+    ],
+  },
+  {
+    title: '개인정보의 안전성 확보 조치',
+    body: [
+      '- 개인정보에 접근할 수 있는 담당자를 최소한으로 지정하고 접근 권한을 관리합니다.',
+      '- 서식 전송 구간을 HTTPS로 암호화합니다.',
+      '- 서식 전송에 쓰는 인증 정보는 서버에만 보관하고 웹 페이지에 노출하지 않습니다.',
+      '- 자동 입력 방지 장치와 전송 횟수 제한으로 무단 접근을 막습니다.',
+    ],
+  },
+  {
+    title: '개인정보 보호책임자',
+    body: [
+      '회사는 개인정보 처리에 관한 업무를 총괄하고 정보주체의 불만 처리와 피해 구제를 위해 아래와 같이 개인정보 보호 담당을 두고 있습니다.',
+      `- 담당: ${COMPANY_LEGAL_NAME} 개인정보 보호 담당`,
+      `- 이메일: ${PRIVACY_EMAIL}`,
+      `- 전화: ${CONTACT_PHONE}`,
+    ],
+  },
+  {
+    title: '권익침해 구제 방법',
+    body: [
+      '개인정보 침해에 대한 신고나 상담이 필요하시면 아래 기관에 문의하실 수 있습니다.',
+      '- 개인정보분쟁조정위원회: 1833-6972 (www.kopico.go.kr)',
+      '- 개인정보침해신고센터: 118 (privacy.kisa.or.kr)',
+      '- 대검찰청 사이버수사과: 1301 (www.spo.go.kr)',
+      '- 경찰청 사이버수사국: 182 (ecrm.police.go.kr)',
+    ],
+  },
+  {
+    title: '개인정보처리방침의 변경',
+    body: ['이 방침은 2026년 10월 7일부터 적용됩니다. 내용이 바뀌면 시행 7일 전부터 웹사이트에 알리며, 정보주체의 권리에 중요한 변경은 30일 전부터 알립니다.'],
+  },
+];
+
+export default function PrivacyPage() {
+  return (
+    <LegalLayout
+      title="개인정보처리방침"
+      intro={`${COMPANY_LEGAL_NAME}(이하 "회사")는 INFINITH AI Discovery 웹사이트(webforai.kr)를 운영하면서 개인정보 보호법에 따라 정보주체의 개인정보를 보호하고 관련 고충을 원활하게 처리하기 위해 다음과 같이 개인정보처리방침을 둡니다. 회사 소재지: ${COMPANY_HQ}.`}
+      effectiveDate="2026년 10월 7일"
+      sections={SECTIONS}
+    />
+  );
+}
diff --git a/src/pages/TermsPage.tsx b/src/pages/TermsPage.tsx
new file mode 100644
index 0000000..4844d41
--- /dev/null
+++ b/src/pages/TermsPage.tsx
@@ -0,0 +1,109 @@
+/**
+ * 이용약관 (/terms).
+ * 공개 웹사이트(진단 소개·문의 접수)의 이용 조건을 정한다. 유료 서비스의 범위·요금·기간은 별도 계약이 우선한다.
+ * 구조는 의료 분야 SaaS 약관(메디팔·애프터닥)의 조항 구성을 참고했고, 문장은 이 서비스에 맞춰 새로 썼다.
+ */
+import LegalLayout, { type LegalSection } from '../components/LegalLayout';
+import { COMPANY_LEGAL_NAME } from '../lib/contact';
+
+const SECTIONS: LegalSection[] = [
+  {
+    title: '목적',
+    body: [`이 약관은 ${COMPANY_LEGAL_NAME}(이하 "회사")가 운영하는 INFINITH AI Discovery 웹사이트(webforai.kr, 이하 "사이트")와 사이트를 통해 제공하는 서비스의 이용 조건, 회사와 이용자의 권리·의무를 정하는 것을 목적으로 합니다.`],
+  },
+  {
+    title: '정의',
+    body: [
+      '- "서비스"란 회사가 사이트에서 제공하는 AEO(답변엔진 최적화)·GEO(생성형 검색 최적화) 진단 소개, 진단 요청 및 문의 접수, 그리고 별도 계약에 따라 제공하는 진단·구축·측정 서비스를 말합니다.',
+      '- "이용자"란 사이트에 접속해 서비스를 이용하는 개인 또는 의료기관 등 사업자를 말합니다.',
+      '- "진단 결과"란 회사가 기준표에 따라 이용자의 웹사이트와 공개 채널을 측정해 제공하는 점수, 항목별 판정, 개선 권고를 말합니다.',
+    ],
+  },
+  {
+    title: '약관의 효력과 변경',
+    body: [
+      '이 약관은 사이트에 게시함으로써 효력이 생깁니다.',
+      '회사는 관계 법령을 위반하지 않는 범위에서 약관을 바꿀 수 있으며, 바꾸는 경우 시행일 7일 전부터 사이트에 알립니다. 이용자에게 불리한 변경은 30일 전부터 알립니다.',
+      '이 약관에 정하지 않은 사항은 관계 법령과 일반적인 상관례를 따릅니다.',
+    ],
+  },
+  {
+    title: '서비스의 내용',
+    body: [
+      '- 사이트: 서비스 소개, 예시 리포트, 요금 안내, 문의 및 진단 요청 접수',
+      '- 별도 계약 서비스: 진단 리포트 작성, 공식 답변 허브 구축, 정기 측정 및 보고',
+      '별도 계약 서비스의 범위, 요금, 기간, 산출물은 회사와 이용자가 맺는 개별 계약에서 정하며, 개별 계약이 이 약관과 다르면 개별 계약이 우선합니다.',
+    ],
+  },
+  {
+    title: '진단 결과의 성격',
+    body: [
+      '진단 결과는 측정한 날짜와 측정 조건을 기준으로 한 것이며, 측정 이후 웹사이트나 외부 서비스가 바뀌면 결과도 달라질 수 있습니다.',
+      'AI 답변엔진(ChatGPT, Gemini, Perplexity 등)의 답변 내용과 노출 여부는 각 서비스 운영사가 정합니다. 회사는 진단과 개선 작업을 통해 AI가 정보를 정확히 읽고 인용할 수 있도록 정비하지만, 특정 답변에 노출되거나 특정 순위에 오르는 것을 보장하지 않습니다.',
+      '사이트에 실린 예시 리포트는 가상 데이터로 만든 것이며 실제 의료기관의 진단 결과가 아닙니다.',
+    ],
+  },
+  {
+    title: '의료 관련 고지',
+    body: [
+      '서비스는 의료기관의 온라인 정보 정비를 돕는 마케팅 서비스이며, 의학적 진단이나 치료 판단을 제공하지 않습니다.',
+      '의료기관이 서비스 산출물을 광고 목적으로 게시하는 경우, 의료법에 따른 의료광고 사전심의 등 필요한 절차는 해당 의료기관이 책임지고 이행해야 합니다. 회사의 검토는 이 절차를 대신하지 않습니다.',
+    ],
+  },
+  {
+    title: '이용자의 의무',
+    body: [
+      '- 문의 및 진단 요청 시 사실에 맞는 정보를 입력해야 합니다.',
+      '- 권한이 없는 타인의 웹사이트나 정보를 자신의 것처럼 진단 요청해서는 안 됩니다.',
+      '- 문의 내용에 환자의 개인정보나 건강 정보를 적어서는 안 됩니다.',
+      '- 사이트의 정상적인 운영을 방해하거나, 자동화된 수단으로 서식을 반복 제출해서는 안 됩니다.',
+    ],
+  },
+  {
+    title: '회사의 의무',
+    body: [
+      '회사는 관계 법령과 이 약관을 지키며, 안정적으로 서비스를 제공하기 위해 노력합니다.',
+      '회사는 개인정보처리방침에 따라 이용자의 개인정보를 보호하며, 이용자의 정당한 의견과 불만은 지체 없이 처리합니다.',
+    ],
+  },
+  {
+    title: '지식재산권',
+    body: [
+      '사이트의 글, 디자인, 진단 기준표, 리포트 양식 등에 대한 권리는 회사에 있습니다. 이용자는 회사의 사전 동의 없이 이를 복제, 배포, 2차 가공해 영리 목적으로 이용할 수 없습니다.',
+      '별도 계약에 따른 산출물의 권리 귀속은 개별 계약에서 정합니다.',
+    ],
+  },
+  {
+    title: '서비스의 변경과 중단',
+    body: [
+      '회사는 운영상, 기술상 필요한 경우 사이트의 내용을 바꿀 수 있습니다.',
+      '설비 점검, 장애, 천재지변 등 부득이한 사유가 있으면 사이트 제공을 일시 중단할 수 있으며, 가능한 경우 미리 알립니다.',
+    ],
+  },
+  {
+    title: '책임의 제한',
+    body: [
+      '- 회사는 천재지변, 외부 서비스(호스팅·AI 답변엔진·검색엔진 등)의 장애나 정책 변경 등 회사가 통제할 수 없는 사유로 생긴 손해에 대해 책임을 지지 않습니다.',
+      '- 회사는 이용자가 입력한 정보의 오류나 이용자의 귀책사유로 생긴 손해에 대해 책임을 지지 않습니다.',
+      '- 회사는 무료로 제공하는 사이트 정보와 예시 리포트의 이용으로 생긴 손해에 대해 고의 또는 중대한 과실이 없는 한 책임을 지지 않습니다.',
+    ],
+  },
+  {
+    title: '분쟁 해결과 관할',
+    body: [
+      '회사와 이용자는 서비스와 관련한 분쟁을 성실히 협의해 해결합니다.',
+      '협의로 해결되지 않는 분쟁은 대한민국 법을 따르며, 민사소송법에 따른 관할 법원에서 해결합니다.',
+    ],
+  },
+];
+
+export default function TermsPage() {
+  return (
+    <LegalLayout
+      title="이용약관"
+      intro={`${COMPANY_LEGAL_NAME}가 운영하는 INFINITH AI Discovery 웹사이트의 이용 조건입니다.`}
+      effectiveDate="2026년 10월 7일"
+      sections={SECTIONS}
+    />
+  );
+}
diff --git a/vite.config.ts b/vite.config.ts
index 8bf55d1..592feba 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -88,7 +88,17 @@ export default defineConfig(({mode}) => {
       }),
     ],
     define: {
-      'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY),
+      // 공개 배포(webforai.kr)에는 이미지 생성 기능이 없으므로 키를 번들에 넣지 않는다. 브라우저로 내려간 값은 공개다.
+      'process.env.GEMINI_API_KEY': JSON.stringify(isDiscovery ? '' : env.GEMINI_API_KEY),
+    },
+    build: {
+      rollupOptions: {
+        treeshake: {
+          // src/data(목업·진단 데이터)와 src/services 는 import 만으로 할 일이 없는 모듈이다. 쓰는 곳이 없으면 번들에서 뺀다.
+          // 파생 목업의 최상단 객체 펼치기를 부수효과로 보고 실제 병원 목업이 공개 번들에 남던 문제를 막는다.
+          moduleSideEffects: (id: string) => !/[\\/]src[\\/](data|services)[\\/]/.test(id),
+        },
+      },
     },
     resolve: {
       alias: {

From c90aef654fae60c6767cb7ed66756ada641d3588 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 11:40:31 +0900
Subject: [PATCH 03/22] =?UTF-8?q?feat:=20webforai.kr=20=EB=B0=A9=EB=AC=B8?=
 =?UTF-8?q?=20=EC=B8=A1=EC=A0=95=20(GTM=C2=B7GA4)=20=EC=97=B0=EA=B2=B0?=
 =?UTF-8?q?=EA=B3=BC=20=EC=B2=98=EB=A6=AC=EB=B0=A9=EC=B9=A8=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- discovery 빌드에만 GTM(GTM-WQNTZVZH) 스니펫을 넣는다. GA4(G-013Z3BFY35)와 키 이벤트는 컨테이너 안에서 설정한다
- 문의 접수 성공 시 dataLayer 에 generate_lead(lead_source) 를 보낸다. 개인정보는 넣지 않는다
- GTM 가져오기 파일(docs/analytics/gtm_webforai_import.json): GA4 기본 태그, generate_lead·click_tel·click_email
- 개인정보처리방침 제1·5·8조에 Google 애널리틱스 분석 쿠키, 수집 항목, 국외 이전, 거부 방법을 반영한다

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/analytics/gtm_webforai_import.json | 268 ++++++++++++++++++++++++
 src/components/ContactModal.tsx         |   3 +
 src/lib/analytics.ts                    |  11 +
 src/pages/PrivacyPage.tsx               |  13 +-
 vite.config.ts                          |  14 +-
 5 files changed, 305 insertions(+), 4 deletions(-)
 create mode 100644 docs/analytics/gtm_webforai_import.json
 create mode 100644 src/lib/analytics.ts

diff --git a/docs/analytics/gtm_webforai_import.json b/docs/analytics/gtm_webforai_import.json
new file mode 100644
index 0000000..72b285d
--- /dev/null
+++ b/docs/analytics/gtm_webforai_import.json
@@ -0,0 +1,268 @@
+{
+ "exportFormatVersion": 2,
+ "exportTime": "2026-10-07 12:00:00",
+ "containerVersion": {
+  "accountId": "6381018301",
+  "containerId": "266335040",
+  "containerVersionId": "0",
+  "container": {
+   "accountId": "6381018301",
+   "containerId": "266335040",
+   "name": "webforai.kr",
+   "publicId": "GTM-WQNTZVZH",
+   "usageContext": [
+    "WEB"
+   ]
+  },
+  "tag": [
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "tagId": "1",
+    "name": "GA4 - 기본 태그",
+    "type": "googtag",
+    "parameter": [
+     {
+      "type": "TEMPLATE",
+      "key": "tagId",
+      "value": "G-013Z3BFY35"
+     }
+    ],
+    "firingTriggerId": [
+     "2147479553"
+    ],
+    "tagFiringOption": "ONCE_PER_EVENT"
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "tagId": "2",
+    "name": "GA4 이벤트 - generate_lead",
+    "type": "gaawe",
+    "parameter": [
+     {
+      "type": "TEMPLATE",
+      "key": "eventName",
+      "value": "generate_lead"
+     },
+     {
+      "type": "TEMPLATE",
+      "key": "measurementIdOverride",
+      "value": "G-013Z3BFY35"
+     },
+     {
+      "type": "LIST",
+      "key": "eventSettingsTable",
+      "list": [
+       {
+        "type": "MAP",
+        "map": [
+         {
+          "type": "TEMPLATE",
+          "key": "parameter",
+          "value": "lead_source"
+         },
+         {
+          "type": "TEMPLATE",
+          "key": "parameterValue",
+          "value": "{{DLV - lead_source}}"
+         }
+        ]
+       }
+      ]
+     }
+    ],
+    "firingTriggerId": [
+     "10"
+    ],
+    "tagFiringOption": "ONCE_PER_EVENT"
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "tagId": "3",
+    "name": "GA4 이벤트 - click_tel",
+    "type": "gaawe",
+    "parameter": [
+     {
+      "type": "TEMPLATE",
+      "key": "eventName",
+      "value": "click_tel"
+     },
+     {
+      "type": "TEMPLATE",
+      "key": "measurementIdOverride",
+      "value": "G-013Z3BFY35"
+     }
+    ],
+    "firingTriggerId": [
+     "11"
+    ],
+    "tagFiringOption": "ONCE_PER_EVENT"
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "tagId": "4",
+    "name": "GA4 이벤트 - click_email",
+    "type": "gaawe",
+    "parameter": [
+     {
+      "type": "TEMPLATE",
+      "key": "eventName",
+      "value": "click_email"
+     },
+     {
+      "type": "TEMPLATE",
+      "key": "measurementIdOverride",
+      "value": "G-013Z3BFY35"
+     }
+    ],
+    "firingTriggerId": [
+     "12"
+    ],
+    "tagFiringOption": "ONCE_PER_EVENT"
+   }
+  ],
+  "trigger": [
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "triggerId": "10",
+    "name": "CE - generate_lead",
+    "type": "CUSTOM_EVENT",
+    "customEventFilter": [
+     {
+      "type": "EQUALS",
+      "parameter": [
+       {
+        "type": "TEMPLATE",
+        "key": "arg0",
+        "value": "{{_event}}"
+       },
+       {
+        "type": "TEMPLATE",
+        "key": "arg1",
+        "value": "generate_lead"
+       }
+      ]
+     }
+    ]
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "triggerId": "11",
+    "name": "링크 클릭 - tel",
+    "type": "LINK_CLICK",
+    "filter": [
+     {
+      "type": "STARTS_WITH",
+      "parameter": [
+       {
+        "type": "TEMPLATE",
+        "key": "arg0",
+        "value": "{{Click URL}}"
+       },
+       {
+        "type": "TEMPLATE",
+        "key": "arg1",
+        "value": "tel:"
+       }
+      ]
+     }
+    ],
+    "waitForTags": {
+     "type": "BOOLEAN",
+     "key": "waitForTags",
+     "value": "false"
+    },
+    "checkValidation": {
+     "type": "BOOLEAN",
+     "key": "checkValidation",
+     "value": "false"
+    }
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "triggerId": "12",
+    "name": "링크 클릭 - mailto",
+    "type": "LINK_CLICK",
+    "filter": [
+     {
+      "type": "STARTS_WITH",
+      "parameter": [
+       {
+        "type": "TEMPLATE",
+        "key": "arg0",
+        "value": "{{Click URL}}"
+       },
+       {
+        "type": "TEMPLATE",
+        "key": "arg1",
+        "value": "mailto:"
+       }
+      ]
+     }
+    ],
+    "waitForTags": {
+     "type": "BOOLEAN",
+     "key": "waitForTags",
+     "value": "false"
+    },
+    "checkValidation": {
+     "type": "BOOLEAN",
+     "key": "checkValidation",
+     "value": "false"
+    }
+   }
+  ],
+  "variable": [
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "variableId": "20",
+    "name": "DLV - lead_source",
+    "type": "v",
+    "parameter": [
+     {
+      "type": "INTEGER",
+      "key": "dataLayerVersion",
+      "value": "2"
+     },
+     {
+      "type": "BOOLEAN",
+      "key": "setDefaultValue",
+      "value": "false"
+     },
+     {
+      "type": "TEMPLATE",
+      "key": "name",
+      "value": "lead_source"
+     }
+    ]
+   }
+  ],
+  "builtInVariable": [
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "type": "CLICK_URL",
+    "name": "Click URL"
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "type": "PAGE_PATH",
+    "name": "Page Path"
+   },
+   {
+    "accountId": "6381018301",
+    "containerId": "266335040",
+    "type": "EVENT",
+    "name": "Event"
+   }
+  ]
+ }
+}
\ No newline at end of file
diff --git a/src/components/ContactModal.tsx b/src/components/ContactModal.tsx
index 22e1634..a356449 100644
--- a/src/components/ContactModal.tsx
+++ b/src/components/ContactModal.tsx
@@ -12,6 +12,7 @@ import { createPortal } from 'react-dom';
 import { AnimatePresence, motion } from 'motion/react';
 import { ArrowRight } from 'lucide-react';
 import { submitLead } from '../lib/submitLead';
+import { trackEvent } from '../lib/analytics';
 import { CONTACT_EMAIL } from '../lib/contact';
 
 interface ContactModalProps {
@@ -86,6 +87,8 @@ export default function ContactModal({ open, onClose, source }: ContactModalProp
       source,
       website,
     });
+    // 접수에 성공한 경우만 리드로 센다. 어느 버튼에서 열었는지(source)만 보낸다.
+    if (result.ok) trackEvent('generate_lead', { lead_source: source });
     setState(result.ok ? 'done' : 'error');
   };
 
diff --git a/src/lib/analytics.ts b/src/lib/analytics.ts
new file mode 100644
index 0000000..e45d571
--- /dev/null
+++ b/src/lib/analytics.ts
@@ -0,0 +1,11 @@
+/**
+ * 방문 측정 이벤트. GTM 이 있는 배포(webforai.kr)에서만 dataLayer 로 넘기고, 없으면 아무것도 하지 않는다.
+ * 이벤트에는 개인정보(이름·연락처·문의 내용)를 넣지 않는다. 어느 버튼에서 왔는지 같은 화면 정보만 보낸다.
+ */
+type DataLayerWindow = Window & { dataLayer?: Record<string, unknown>[] };
+
+export function trackEvent(event: string, params: Record<string, string> = {}): void {
+  const w = window as DataLayerWindow;
+  if (!Array.isArray(w.dataLayer)) return;
+  w.dataLayer.push({ event, ...params });
+}
diff --git a/src/pages/PrivacyPage.tsx b/src/pages/PrivacyPage.tsx
index dcd8b37..7f59648 100644
--- a/src/pages/PrivacyPage.tsx
+++ b/src/pages/PrivacyPage.tsx
@@ -1,7 +1,8 @@
 /**
  * 개인정보처리방침 (/privacy).
  * 이 사이트가 실제로 처리하는 것만 적는다: 문의·진단 요청 서식(이름·연락처·회사·문의 내용) → /api/lead(Vercel) →
- * Google Apps Script → 구글 시트 저장 + 알림 메일. 방문 분석 쿠키는 아직 쓰지 않는다. GA4 등을 붙이면 제8조를 고친다.
+ * Google Apps Script → 구글 시트 저장 + 알림 메일. 방문 분석은 GTM(GTM-WQNTZVZH) 안의 GA4(G-013Z3BFY35)로 한다.
+ * 광고 픽셀(Meta·네이버 등)을 GTM 에 추가하면 제1·5·8조를 함께 고친다.
  * 구조는 의료 분야 SaaS 방침(메디팔·애프터닥)의 조항 구성을 참고했고, 문장은 이 서비스에 맞춰 새로 썼다.
  */
 import LegalLayout, { type LegalSection } from '../components/LegalLayout';
@@ -17,6 +18,7 @@ const SECTIONS: LegalSection[] = [
       '- 필수: 성함, 연락처(전화번호 또는 이메일 중 하나 이상)',
       '- 선택: 회사(병원)명, 문의 내용',
       '서비스 이용 과정에서 접속 IP 주소, 브라우저 정보, 접속 일시가 웹 호스팅 서버의 로그로 자동 생성될 수 있습니다.',
+      '방문 분석을 위해 쿠키를 통해 방문 페이지, 체류 시간, 유입 경로, 기기·브라우저 종류, 대략적인 접속 지역(도시 단위)이 수집됩니다. 이 정보로 개인을 직접 식별하지 않습니다.',
       '회사는 만 14세 미만 아동의 개인정보를 수집하지 않으며, 환자의 건강 정보 등 민감정보를 서식으로 받지 않습니다. 문의 내용에 환자 개인정보를 적지 말아 주십시오.',
     ],
   },
@@ -49,6 +51,7 @@ const SECTIONS: LegalSection[] = [
     body: [
       '회사는 서비스 운영을 위해 아래와 같이 개인정보 처리업무를 위탁하며, 수탁자의 서버가 국외에 있어 개인정보가 국외로 이전됩니다.',
       '- Google LLC (미국): 문의 내용 저장(Google 스프레드시트) 및 접수 알림 메일 발송. 이전 항목은 제1조의 서식 입력 항목이며, 서식을 제출하는 시점에 네트워크로 전송됩니다. 보유 기간은 제3조와 같습니다.',
+      '- Google LLC (미국): 웹사이트 방문 분석(Google 애널리틱스, Google 태그 관리자). 이전 항목은 제1조의 방문 분석 정보이며, 웹사이트를 이용하는 시점에 네트워크로 전송됩니다. 보유 기간은 수집일부터 최대 14개월입니다.',
       '- Vercel Inc. (미국): 웹사이트 호스팅 및 서식 전송 처리. 이전 항목은 서식 입력 항목과 접속 기록이며, 웹사이트 이용 및 서식 제출 시 네트워크로 전송됩니다. 보유 기간은 위탁 계약 종료 시까지입니다.',
       '국외 이전을 원하지 않으시면 서식 대신 이메일 또는 전화로 문의하실 수 있습니다. 다만 이 경우에도 회신 메일은 회사의 메일 서비스를 통해 처리됩니다.',
     ],
@@ -72,8 +75,12 @@ const SECTIONS: LegalSection[] = [
   {
     title: '쿠키 등 자동 수집 장치',
     body: [
-      '회사는 현재 이 웹사이트에서 광고 또는 방문 분석을 위한 쿠키를 사용하지 않습니다.',
-      '방문 분석 도구를 도입하는 경우 이 방침을 개정해 수집 항목, 목적, 거부 방법을 미리 알려 드립니다.',
+      '회사는 웹사이트 이용 현황을 파악하고 서비스를 개선하기 위해 Google 애널리틱스의 분석 쿠키를 사용합니다. 광고 목적의 쿠키는 사용하지 않습니다.',
+      '- 수집 항목: 제1조의 방문 분석 정보',
+      '- 이용 목적: 방문자 수, 많이 본 페이지, 유입 경로, 문의 전환 등 이용 현황 분석',
+      '- 거부 방법: 브라우저의 개인정보 보호 또는 쿠키 및 사이트 데이터 설정에서 이 사이트(webforai.kr)의 쿠키를 차단하거나 삭제할 수 있습니다. Google 애널리틱스 차단 브라우저 부가기능(tools.google.com/dlpage/gaoptout)으로도 수집을 거부할 수 있습니다.',
+      '쿠키 저장을 거부해도 웹사이트 이용과 문의에는 제한이 없습니다.',
+      '광고 목적의 쿠키나 추적 도구를 도입하는 경우 이 방침을 개정해 미리 알려 드립니다.',
     ],
   },
   {
diff --git a/vite.config.ts b/vite.config.ts
index 592feba..7bc6126 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -41,6 +41,15 @@ export default defineConfig(({mode}) => {
         '<link rel="apple-touch-icon" href="/discovery-apple-touch-icon.png" />',
       ]
     : [];
+  // 방문 측정: Google 태그 관리자(GTM) 컨테이너. GA4(G-013Z3BFY35)와 키 이벤트는 컨테이너 안에서 설정한다.
+  // 공개 배포(webforai.kr)에만 넣는다. 컨테이너 ID 는 공개 값이다. 개인정보처리방침 제5·8조와 함께 관리한다.
+  const GTM_ID = 'GTM-WQNTZVZH';
+  const gtmHead = isDiscovery
+    ? [`<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','${GTM_ID}');</script>`]
+    : [];
+  const gtmBody = isDiscovery
+    ? `<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${GTM_ID}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>`
+    : '';
   const headHtml = [
     `<title>${head.title}</title>`,
     `<meta name="description" content="${head.description}" />`,
@@ -50,6 +59,7 @@ export default defineConfig(({mode}) => {
     `<meta property="og:locale" content="ko_KR" />`,
     ...share,
     ...verify,
+    ...gtmHead,
   ].join('\n    ');
 
   return {
@@ -78,7 +88,9 @@ export default defineConfig(({mode}) => {
       {
         name: 'infinith-head',
         transformIndexHtml(html: string) {
-          return html.replace(/<title>[\s\S]*?<\/title>/, headHtml);
+          return html
+            .replace(/<title>[\s\S]*?<\/title>/, headHtml)
+            .replace('<body>', gtmBody ? `<body>\n    ${gtmBody}` : '<body>');
         },
       },
       tailwindcss(),

From b4d983a7d473892731e078a4e7c9b242cd8f548c Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 12:04:29 +0900
Subject: [PATCH 04/22] =?UTF-8?q?fix:=20webforai.kr=20=EB=B9=8C=EB=93=9C?=
 =?UTF-8?q?=20=EA=B2=B0=EA=B3=BC=EC=97=90=EC=84=9C=20=EC=8B=A4=EC=A0=9C=20?=
 =?UTF-8?q?=EB=B3=91=EC=9B=90=20=EB=A6=AC=ED=8F=AC=ED=8A=B8=C2=B7=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A6=B0=EC=83=B7=20=ED=8C=8C=EC=9D=BC=EC=9D=84=20?=
 =?UTF-8?q?=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

public/ 은 infinith-demo 와 공용이라 reports/viewclinic(영문 진단 리포트 HTML·PDF)과
assets/clients/(병원 채널 스크린샷)가 공개 배포에도 올라가 주소만 알면 열렸다.
discovery 빌드의 writeBundle 에서 두 폴더를 지운다. infinith-demo 빌드는 그대로다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 vite.config.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/vite.config.ts b/vite.config.ts
index 7bc6126..48c8ada 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -74,6 +74,11 @@ export default defineConfig(({mode}) => {
         writeBundle(options: {dir?: string}) {
           if (!isDiscovery) return;
           const out = options.dir ?? 'dist';
+          // public/ 은 infinith-demo 와 공용이라 실제 병원 리포트 원본(reports/)과 병원 채널 스크린샷(assets/clients/)이 들어 있다.
+          // 공개 배포(webforai.kr)에서는 링크가 없어도 주소만 알면 열리므로 빌드 결과에서 지운다 (2026-10-07).
+          for (const dir of ['reports', path.join('assets', 'clients')]) {
+            fs.rmSync(path.resolve(out, dir), { recursive: true, force: true });
+          }
           for (const [from, to] of [
             ['discovery-favicon.ico', 'favicon.ico'],
             ['discovery-favicon-32.png', 'favicon-32.png'],

From c2e7d5adfcb4f484069d595729a8d34f413926cd Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 12:06:28 +0900
Subject: [PATCH 05/22] =?UTF-8?q?fix:=20webforai.kr=20=EB=B2=88=EB=93=A4?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20Supabase=20=EC=A0=91=EC=86=8D=20=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EB=A5=BC=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

lib/supabase.ts 의 최상단 createClient() 가 부수효과로 남아, 쓰는 곳이 없는 공개 배포에도
Supabase URL·anon 키가 실렸다. 이 키로 marketing_reports 등 실제 병원 데이터 테이블을 읽을 수 있었다.
supabase 모듈을 부수효과 없는 모듈로 표시해 쓰지 않으면 번들에서 빠지게 한다. infinith-demo 빌드는 그대로 쓴다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 vite.config.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/vite.config.ts b/vite.config.ts
index 48c8ada..a367ade 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -113,7 +113,9 @@ export default defineConfig(({mode}) => {
         treeshake: {
           // src/data(목업·진단 데이터)와 src/services 는 import 만으로 할 일이 없는 모듈이다. 쓰는 곳이 없으면 번들에서 뺀다.
           // 파생 목업의 최상단 객체 펼치기를 부수효과로 보고 실제 병원 목업이 공개 번들에 남던 문제를 막는다.
-          moduleSideEffects: (id: string) => !/[\\/]src[\\/](data|services)[\\/]/.test(id),
+          // src/lib/supabase 도 같다. 최상단 createClient() 때문에 공개 배포에 Supabase 접속 정보가 남았다 (2026-10-07).
+          moduleSideEffects: (id: string) =>
+            !/[\\/]src[\\/](data|services)[\\/]/.test(id) && !/[\\/]src[\\/]lib[\\/]supabase\.ts$/.test(id),
         },
       },
     },

From 4245959a0f927f7982e4fd14e6b5817f980e7353 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 12:11:13 +0900
Subject: [PATCH 06/22] =?UTF-8?q?docs:=20anon=20=ED=82=A4=EB=A1=9C=20?=
 =?UTF-8?q?=EC=8B=A4=EC=A0=9C=20=EB=B3=91=EC=9B=90=20=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=EB=A5=BC=20=EC=9D=BD=EB=8A=94=20RLS=20=EC=A0=95?=
 =?UTF-8?q?=EC=B1=85=20=EC=A0=95=EB=A6=AC=20=EC=B4=88=EC=95=88=20(?=
 =?UTF-8?q?=EC=8B=A4=ED=96=89=20=EC=95=88=20=ED=95=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../2026-10-07_rls_anon_read_DRAFT.sql        | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 docs/security/2026-10-07_rls_anon_read_DRAFT.sql

diff --git a/docs/security/2026-10-07_rls_anon_read_DRAFT.sql b/docs/security/2026-10-07_rls_anon_read_DRAFT.sql
new file mode 100644
index 0000000..bd36b8a
--- /dev/null
+++ b/docs/security/2026-10-07_rls_anon_read_DRAFT.sql
@@ -0,0 +1,43 @@
+-- ════════════════════════════════════════════════════════════════════════
+-- 초안 (실행하지 않음) · 2026-10-07
+-- 익명(anon) 키로 실제 병원 데이터를 읽을 수 있는 RLS 정책 정리
+--
+-- 확인한 사실 (2026-10-07, anon 키로 행 수만 조회):
+--   marketing_reports 103 · clinics 12 · channel_snapshots 189 · analysis_runs 53
+--   supporter_builds 3 · supporter_inputs 2 행이 anon 키로 읽힌다.
+--   anon 키는 infinith-demo 번들에 공개로 들어 있다 (webforai.kr 번들에서는 2026-10-07 c2e7d5a 로 제거).
+--
+-- 실행 전 확인할 것 (haewon 결정 필요):
+--   1. infinith-demo 의 리포트·플랜·스튜디오·병원 확인 화면(/report, /plan, /clinic, /supporters, /build)은
+--      anon 키로 이 테이블을 읽는다. 아래를 실행하면 그 화면들이 빈 화면이 된다.
+--      대안: 로그인(Supabase Auth) 도입 후 authenticated 로 바꾸거나, 읽기를 Edge Function(service role) 뒤로 옮긴다.
+--   2. 운영 DB 변경이다. 실행 전에 영향 범위를 확인받고, Supabase 대시보드 SQL 편집기에서 실행한다.
+--   3. 되돌리기: 각 정책을 원래 마이그레이션의 CREATE POLICY 문으로 다시 만들면 된다 (파일명은 아래 주석).
+-- ════════════════════════════════════════════════════════════════════════
+
+begin;
+
+-- 20260330_create_tables.sql
+drop policy if exists "anon_read_reports" on public.marketing_reports;
+
+-- 20260405_saas_schema_v3.sql
+drop policy if exists "anon_read_clinics" on public.clinics;
+drop policy if exists "anon_read_runs" on public.analysis_runs;
+drop policy if exists "anon_read_snapshots" on public.channel_snapshots;
+drop policy if exists "anon_read_screenshots" on public.screenshots;
+drop policy if exists "anon_read_plans" on public.content_plans;
+drop policy if exists "anon_read_performance" on public.performance_metrics;
+drop policy if exists "anon_read_content_perf" on public.content_performance;
+drop policy if exists "anon_read_adjustments" on public.strategy_adjustments;
+
+-- 20260406_clinic_registry.sql
+drop policy if exists "public_read_registry" on public.clinic_registry;
+
+-- 20260907_supporter_builds.sql
+drop policy if exists "anon can read builds" on public.supporter_builds;
+drop policy if exists "anon can read inputs" on public.supporter_inputs;
+
+-- 스토리지 버킷의 공개 읽기(20260407_screenshots_storage.sql "public_read_screenshots")는
+-- 병원 채널 스크린샷 이미지다. 버킷 공개 여부와 함께 별도로 결정한다.
+
+commit;

From 85d09819c8bb97dc009067552879aa107cb49efc Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 13:08:37 +0900
Subject: [PATCH 07/22] =?UTF-8?q?feat:=20webforai.kr=20=EC=97=90=EC=84=9C?=
 =?UTF-8?q?=20=EC=9A=94=EA=B8=88(Pricing)=20=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=EB=A5=BC=20=EC=88=A8=EA=B8=B4=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

요금이 확정 전이라 공개 배포에서는 헤더 메뉴에서 빼고 /pricing 은 홈으로 돌린다.
페이지 코드가 번들에서도 빠진다. infinith-demo 배포는 그대로다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/Navbar.tsx | 15 +++++++++------
 src/lib/site.ts           |  2 +-
 src/main.tsx              |  4 ++--
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index b5944f2..e5955ed 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -52,12 +52,15 @@ export default function Navbar() {
               Product
             </a>
           )}
-          <Link
-            to="/pricing?from=header"
-            className="hover:text-primary-900 transition-colors"
-          >
-            Pricing
-          </Link>
+          {/* 요금은 아직 확정 전이라 공개 배포(webforai.kr)에서는 숨긴다 (2026-10-07) */}
+          {!DISCOVERY_SITE && (
+            <Link
+              to="/pricing?from=header"
+              className="hover:text-primary-900 transition-colors"
+            >
+              Pricing
+            </Link>
+          )}
           {!DISCOVERY_SITE && (
             <a href="/#use-cases" className="hover:text-primary-900 transition-colors">
               Use Cases
diff --git a/src/lib/site.ts b/src/lib/site.ts
index 10c731d..20b71e1 100644
--- a/src/lib/site.ts
+++ b/src/lib/site.ts
@@ -1,6 +1,6 @@
 /**
  * 배포 구분. Vercel 프로젝트 환경변수 VITE_SITE 로 정한다.
- * 'discovery' 로 빌드한 배포(webforai.kr)는 공개 사이트라 랜딩·요금·로그인·약관만 연다.
+ * 'discovery' 로 빌드한 배포(webforai.kr)는 공개 사이트라 랜딩·로그인·약관만 연다. 요금은 확정 전이라 열지 않는다.
  * 실제 병원의 진단 결과와 내부 작업 화면은 이 배포에서 열지 않는다 (2026-10-07 haewon 결정).
  */
 export const DISCOVERY_SITE = import.meta.env.VITE_SITE === 'discovery';
diff --git a/src/main.tsx b/src/main.tsx
index ef0dc28..b4564a7 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -33,12 +33,12 @@ createRoot(document.getElementById('root')!).render(
       <Routes>
         <Route element={<App />}>
           {/* 배포마다 여는 화면이 다르다. VITE_SITE=discovery 로 빌드한 공개 배포(webforai.kr)는 AI Discovery 랜딩을
-              루트에 두고 공개 페이지만 연다. 실제 병원 진단 결과·내부 작업 화면 경로는 홈으로 돌린다.
+              루트에 두고 공개 페이지(랜딩·로그인·약관)만 연다. 실제 병원 진단 결과·내부 작업 화면 경로는 홈으로 돌린다.
               값이 없으면 지금까지처럼 INFINITH 랜딩과 전체 화면을 연다. */}
           {DISCOVERY_SITE ? (
             <>
               <Route index element={<DiscoveryLandingPage />} />
-              <Route path="pricing" element={<PricingPage />} />
+              {/* 요금(/pricing)은 확정 전이라 공개 배포에서 열지 않는다. 아래 '*' 규칙으로 홈에 돌아간다 */}
               <Route path="login" element={<LoginPage />} />
               <Route path="privacy" element={<PrivacyPage />} />
               <Route path="terms" element={<TermsPage />} />

From ee904c816b7aa7d97203709d63ebf588b91c2909 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 13:10:21 +0900
Subject: [PATCH 08/22] =?UTF-8?q?fix:=20=EB=9E=9C=EB=94=A9=20=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20CTA=20=ED=98=B8=EC=B9=AD=EC=9D=84=20'=EB=8B=B9?=
 =?UTF-8?q?=EC=8B=A0'=EC=97=90=EC=84=9C=20'=EC=97=AC=EB=9F=AC=EB=B6=84'?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/discovery/DiscoveryCta.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/discovery/DiscoveryCta.tsx b/src/components/discovery/DiscoveryCta.tsx
index f17e245..0a4951c 100644
--- a/src/components/discovery/DiscoveryCta.tsx
+++ b/src/components/discovery/DiscoveryCta.tsx
@@ -21,7 +21,7 @@ export default function DiscoveryCta({ criteriaCount, onStart }: DiscoveryCtaPro
         className="max-w-7xl mx-auto flex flex-col items-center text-center"
       >
         <h2 className="font-serif text-3xl md:text-[44px] font-bold leading-tight text-white mb-[18px] break-keep">
-          AI가 당신의 병원을 인용하게 하세요.
+          AI가 여러분의 병원을 인용하게 하세요.
         </h2>
         <p className="text-lg leading-[1.7] text-slate-400 mb-10 break-keep">
           진단은 무료입니다. {criteriaCount}개 항목 실측 리포트를 받아보고 결정하세요.

From d4af2bf0d9e4e88f4a01ca88e8a52e79debacc0b Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 13:13:30 +0900
Subject: [PATCH 09/22] =?UTF-8?q?fix:=20=ED=95=98=EB=8B=A8=20CTA=20?=
 =?UTF-8?q?=EB=AC=B8=EA=B5=AC=EB=A5=BC=20AI=20=EC=A1=B0=EC=9E=91=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=BD=ED=9E=88=EC=A7=80=20=EC=95=8A=EA=B2=8C=20?=
 =?UTF-8?q?=EA=B3=A0=EC=B9=98=EA=B3=A0,=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=95=88=EB=82=B4=EC=97=90=EC=84=9C=20'=EC=A4=80=EB=B9=84=20?=
 =?UTF-8?q?=EC=A4=91'=20=EB=AC=B8=EC=9E=A5=EC=9D=84=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/discovery/DiscoveryCta.tsx | 2 +-
 src/pages/LoginPage.tsx                   | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/discovery/DiscoveryCta.tsx b/src/components/discovery/DiscoveryCta.tsx
index 0a4951c..1503f87 100644
--- a/src/components/discovery/DiscoveryCta.tsx
+++ b/src/components/discovery/DiscoveryCta.tsx
@@ -21,7 +21,7 @@ export default function DiscoveryCta({ criteriaCount, onStart }: DiscoveryCtaPro
         className="max-w-7xl mx-auto flex flex-col items-center text-center"
       >
         <h2 className="font-serif text-3xl md:text-[44px] font-bold leading-tight text-white mb-[18px] break-keep">
-          AI가 여러분의 병원을 인용하게 하세요.
+          AI가 여러분의 병원을 정확히 읽고 인용할 수 있도록 준비하세요.
         </h2>
         <p className="text-lg leading-[1.7] text-slate-400 mb-10 break-keep">
           진단은 무료입니다. {criteriaCount}개 항목 실측 리포트를 받아보고 결정하세요.
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index 3250300..d08140c 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -49,8 +49,6 @@ export default function LoginPage() {
         {/* 준비중 배너 */}
         <div className="mb-6 rounded-2xl bg-amber-50/80 border border-amber-200 p-4 text-center">
           <p className="text-xs font-semibold text-amber-800 break-keep leading-relaxed">
-            현재 로그인 기능은 준비 중입니다.
-            <br />
             신규 도입 문의는 하단 "문의하기"를 이용해 주세요.
           </p>
         </div>

From a47b79291222250567995d3460cdad43d6d86633 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 13:16:13 +0900
Subject: [PATCH 10/22] =?UTF-8?q?fix:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=A0=9C=EC=B6=9C=20=EC=95=88=EB=82=B4=EC=97=90=EC=84=9C=20'?=
 =?UTF-8?q?=EC=A4=80=EB=B9=84=20=EC=A4=91'=20=EB=AC=B8=EC=9E=A5=EC=9D=84?=
 =?UTF-8?q?=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/pages/LoginPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index d08140c..5e19194 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -23,7 +23,7 @@ export default function LoginPage() {
   const handleSubmit = (e: FormEvent) => {
     e.preventDefault();
     setNotice(
-      `로그인 기능은 준비 중입니다. 계약을 희망하시는 경우 ${CONTACT_EMAIL} 로 문의 주세요.`,
+      `계약을 희망하시는 경우 ${CONTACT_EMAIL} 로 문의 주세요.`,
     );
   };
 

From f1f8e6f6e4198c09247c909e2aa036561fae6b18 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:21:53 +0900
Subject: [PATCH 11/22] =?UTF-8?q?feat:=20webforai.kr=20=EA=B3=B5=EA=B0=9C?=
 =?UTF-8?q?=20=EA=B8=B0=EB=8A=A5=20=EC=8A=A4=EC=9C=84=EC=B9=98=20(?=
 =?UTF-8?q?=EC=9A=94=EA=B8=88=C2=B7=EC=98=88=EC=8B=9C=20=EB=A6=AC=ED=8F=AC?=
 =?UTF-8?q?=ED=8A=B8=C2=B7Use=20Cases)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- src/lib/site.ts 의 SHOW_PRICING·SHOW_SAMPLE_REPORT·SHOW_USE_CASES 로 라우트·헤더·랜딩 버튼을 한 곳에서 켜고 끈다. 공개 배포 기본값은 모두 꺼짐
- 리포트 본문을 DiscoveryReportView 로 분리하고, 가상 데이터만 그리는 /discovery/sample 을 만든다
- 예시 리포트 경로는 병원 작업 공간 메뉴 대신 일반 헤더를 쓴다
- Use Cases 데이터(src/data/useCases.ts, 비어 있음)와 섹션을 두고, 사례가 있을 때만 섹션·메뉴가 보인다

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/ClinicNav.tsx                 |  2 +
 src/components/Navbar.tsx                    | 12 +++---
 src/components/discovery/DiscoveryHero.tsx   | 11 +++++
 src/components/discovery/UseCasesSection.tsx | 42 +++++++++++++++++++
 src/data/useCases.ts                         | 27 ++++++++++++
 src/lib/site.ts                              | 22 ++++++++--
 src/main.tsx                                 | 10 +++--
 src/pages/DiscoveryLandingPage.tsx           |  4 ++
 src/pages/DiscoveryReportPage.tsx            | 44 ++++++++++++--------
 src/pages/SampleReportPage.tsx               | 11 +++++
 10 files changed, 157 insertions(+), 28 deletions(-)
 create mode 100644 src/components/discovery/UseCasesSection.tsx
 create mode 100644 src/data/useCases.ts
 create mode 100644 src/pages/SampleReportPage.tsx

diff --git a/src/components/ClinicNav.tsx b/src/components/ClinicNav.tsx
index 4965e34..bbfef69 100644
--- a/src/components/ClinicNav.tsx
+++ b/src/components/ClinicNav.tsx
@@ -23,6 +23,8 @@ const STEPS: Step[] = [
 
 /** 작업 공간 경로면 병원 id 를 돌려준다. 아니면 null. */
 export function clinicIdFromPath(pathname: string): string | null {
+  // /discovery/sample 은 병원 작업 공간이 아니라 가상 데이터 예시 리포트라 일반 헤더를 쓴다.
+  if (/^\/discovery\/sample\/?$/.test(pathname)) return null;
   for (const s of STEPS) {
     if (s.match.test(pathname)) return pathname.split('/')[2] ?? null;
   }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index e5955ed..60bd0ea 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -24,7 +24,8 @@ import { Link, useLocation } from 'react-router';
 import { ArrowRight } from 'lucide-react';
 import ContactModal from './ContactModal';
 import ClinicNav, { clinicIdFromPath } from './ClinicNav';
-import { DISCOVERY_SITE } from '../lib/site';
+import { DISCOVERY_SITE, SHOW_PRICING, SHOW_USE_CASES } from '../lib/site';
+import { USE_CASES } from '../data/useCases';
 
 export default function Navbar() {
   const { pathname } = useLocation();
@@ -46,14 +47,14 @@ export default function Navbar() {
 
         {/* 가운데 메뉴 */}
         <div className="hidden md:flex items-center gap-8 text-sm font-medium text-slate-600">
-          {/* Product·Use Cases 는 INFINITH 랜딩의 섹션 앵커라 그 섹션이 없는 공개 배포(webforai.kr)에서는 뺀다 */}
+          {/* Product 는 INFINITH 랜딩의 섹션 앵커라 공개 배포(webforai.kr)에서는 뺀다.
+              Pricing·Use Cases 는 src/lib/site.ts 스위치를 따른다. */}
           {!DISCOVERY_SITE && (
             <a href="/#solution" className="hover:text-primary-900 transition-colors">
               Product
             </a>
           )}
-          {/* 요금은 아직 확정 전이라 공개 배포(webforai.kr)에서는 숨긴다 (2026-10-07) */}
-          {!DISCOVERY_SITE && (
+          {SHOW_PRICING && (
             <Link
               to="/pricing?from=header"
               className="hover:text-primary-900 transition-colors"
@@ -61,7 +62,8 @@ export default function Navbar() {
               Pricing
             </Link>
           )}
-          {!DISCOVERY_SITE && (
+          {/* 공개 배포에서는 사례가 있어야 섹션이 생기므로 메뉴도 그때만 보인다 */}
+          {SHOW_USE_CASES && (!DISCOVERY_SITE || USE_CASES.length > 0) && (
             <a href="/#use-cases" className="hover:text-primary-900 transition-colors">
               Use Cases
             </a>
diff --git a/src/components/discovery/DiscoveryHero.tsx b/src/components/discovery/DiscoveryHero.tsx
index 4c13312..7bcb775 100644
--- a/src/components/discovery/DiscoveryHero.tsx
+++ b/src/components/discovery/DiscoveryHero.tsx
@@ -4,6 +4,8 @@
  * 시안: docs/reports/landing/ai_discovery_landing.html (픽셀 기준)
  */
 import { motion } from 'motion/react';
+import { Link } from 'react-router';
+import { SHOW_SAMPLE_REPORT } from '../../lib/site';
 import { ArrowRight } from 'lucide-react';
 import AbmrLoop from './AbmrLoop';
 import type { AxisSummary } from './AbmrLoop';
@@ -86,6 +88,15 @@ export default function DiscoveryHero({
             AEO, GEO 진단 요청하기
             <ArrowRight className="w-5 h-5" />
           </button>
+          {/* 가상 데이터 예시 리포트로만 연결한다. 실제 병원 리포트로 연결하지 않는다 (src/lib/site.ts) */}
+          {SHOW_SAMPLE_REPORT && (
+            <Link
+              to="/discovery/sample"
+              className="inline-flex items-center justify-center px-10 py-4 text-lg font-medium text-primary-900 bg-white/80 border border-slate-200 rounded-full hover:bg-white transition-colors"
+            >
+              샘플 리포트 보기
+            </Link>
+          )}
         </motion.div>
 
         {/* ABMR loop + AI answer mock */}
diff --git a/src/components/discovery/UseCasesSection.tsx b/src/components/discovery/UseCasesSection.tsx
new file mode 100644
index 0000000..6fe6fd2
--- /dev/null
+++ b/src/components/discovery/UseCasesSection.tsx
@@ -0,0 +1,42 @@
+/**
+ * Use Cases 섹션 (공개 랜딩). 사례는 src/data/useCases.ts 에서 읽는다.
+ * 헤더의 Use Cases 메뉴(/#use-cases)가 이 섹션으로 온다. 사례가 없으면 랜딩에서 그리지 않는다.
+ */
+import { motion } from 'motion/react';
+import type { UseCase } from '../../data/useCases';
+
+export default function UseCasesSection({ cases }: { cases: UseCase[] }) {
+  return (
+    <section id="use-cases" className="bg-white px-6 py-24">
+      <div className="max-w-7xl mx-auto">
+        <div className="text-sm font-bold tracking-[0.24em] text-accent mb-4">USE CASES</div>
+        <h2 className="font-serif text-3xl md:text-[40px] font-bold leading-tight text-primary-900 mb-12 break-keep">
+          진단 이후 무엇이 달라졌는지
+        </h2>
+        <div className="grid md:grid-cols-3 gap-6">
+          {cases.map((c, index) => (
+            <motion.div
+              key={c.id}
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.6, delay: index * 0.1 }}
+              className="flex flex-col gap-3 bg-[#F4F6FB] border border-slate-200 rounded-2xl px-7 py-6"
+            >
+              <div className="text-[13px] font-bold text-accent">{c.specialty}</div>
+              <div className="text-[17px] font-semibold text-primary-900 break-keep">{c.clinicLabel}</div>
+              <p className="ui-note leading-[1.7]">{c.challenge}</p>
+              <ul className="list-disc pl-5 text-[14.5px] text-slate-600 space-y-1 break-keep">
+                {c.actions.map((a) => (
+                  <li key={a}>{a}</li>
+                ))}
+              </ul>
+              <p className="text-[15px] font-semibold text-primary-900 break-keep">{c.outcome}</p>
+              <p className="text-[13px] text-slate-400">{c.measuredAt}</p>
+            </motion.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/data/useCases.ts b/src/data/useCases.ts
new file mode 100644
index 0000000..c30c2ff
--- /dev/null
+++ b/src/data/useCases.ts
@@ -0,0 +1,27 @@
+/**
+ * 공개 랜딩(webforai.kr)의 Use Cases 사례.
+ *
+ * 비어 있으면 섹션과 헤더 메뉴가 나오지 않는다. 공개 배포에서 보이려면 사례를 넣고 src/lib/site.ts 의 SHOW_USE_CASES 를 켠다.
+ * 원칙 (docs/WEBFORAI_FEATURE_FLAGS.md 3단계):
+ *  - 병원은 비식별 표기만 쓴다 (예: "강남 A성형외과"). 실제 병원명·도메인·의료진명·고유 수치는 넣지 않는다.
+ *    빌드 끝의 공개 번들 검사(plugins/public-bundle-denylist.json)가 실제 병원명을 찾으면 빌드가 실패한다.
+ *  - 수치는 실측값만, 측정일과 함께 쓴다. 효과 보장·최상급 표현을 쓰지 않는다.
+ *  - 병원 동의를 받은 사례만 싣는다.
+ */
+export interface UseCase {
+  id: string;
+  /** 비식별 표기. 예: "강남 A성형외과" */
+  clinicLabel: string;
+  /** 진료 분야. 예: "성형외과" */
+  specialty: string;
+  /** 진단 전 문제 한 문장 */
+  challenge: string;
+  /** 한 일 (2~4개) */
+  actions: string[];
+  /** 결과 한 문장. 실측 수치와 측정 시점을 함께 쓴다 */
+  outcome: string;
+  /** 측정일 또는 기간. 예: "2026-11 재측정" */
+  measuredAt: string;
+}
+
+export const USE_CASES: UseCase[] = [];
diff --git a/src/lib/site.ts b/src/lib/site.ts
index 20b71e1..cbbc836 100644
--- a/src/lib/site.ts
+++ b/src/lib/site.ts
@@ -1,6 +1,22 @@
 /**
- * 배포 구분. Vercel 프로젝트 환경변수 VITE_SITE 로 정한다.
- * 'discovery' 로 빌드한 배포(webforai.kr)는 공개 사이트라 랜딩·로그인·약관만 연다. 요금은 확정 전이라 열지 않는다.
- * 실제 병원의 진단 결과와 내부 작업 화면은 이 배포에서 열지 않는다 (2026-10-07 haewon 결정).
+ * 배포 구분과 공개 기능 스위치. Vercel 프로젝트 환경변수 VITE_SITE 로 배포를 정한다.
+ * 'discovery' 로 빌드한 배포(webforai.kr)는 공개 사이트라 랜딩·로그인·약관만 연다 (2026-10-07 haewon 결정).
+ *
+ * 공개 배포에서 기능을 다시 열 때는 아래 SHOW_* 값만 바꾸고 배포한다. 라우트(main.tsx), 헤더(Navbar),
+ * 랜딩 버튼이 모두 이 값을 본다. 값은 빌드 때 정해지는 상수라 꺼진 기능은 공개 번들에서 통째로 빠진다.
+ * 켜기 전 조건과 순서는 docs/WEBFORAI_FEATURE_FLAGS.md 에 있다. 빌드 끝에 공개 번들 검사(vite.config.ts)가
+ * 실제 병원명·비밀 키를 찾으면 빌드를 실패시킨다.
  */
 export const DISCOVERY_SITE = import.meta.env.VITE_SITE === 'discovery';
+
+/** 요금(/pricing) 페이지와 헤더 메뉴. 요금 확정 후 공개 배포에서 켠다. */
+export const SHOW_PRICING = !DISCOVERY_SITE;
+
+/** 비식별 사례(Use Cases) 섹션과 헤더 메뉴. 공개 배포에서는 src/data/useCases.ts 에 사례가 있어야 보인다. */
+export const SHOW_USE_CASES = !DISCOVERY_SITE;
+
+/** 가상 데이터 예시 리포트(/discovery/sample)와 랜딩의 "샘플 리포트 보기" 버튼. */
+export const SHOW_SAMPLE_REPORT = !DISCOVERY_SITE;
+
+// 실제 병원 진단 결과(/discovery/:id 등 작업 화면)는 스위치로 열지 않는다.
+// 로그인과 데이터베이스 권한 정리가 끝난 뒤 별도 작업으로 연다 (docs/WEBFORAI_FEATURE_FLAGS.md 4단계).
diff --git a/src/main.tsx b/src/main.tsx
index b4564a7..d190a97 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -23,7 +23,8 @@ import ImageReviewPage from './pages/ImageReviewPage.tsx';
 import SiteBuildPage from './pages/SiteBuildPage.tsx';
 import PrivacyPage from './pages/PrivacyPage.tsx';
 import TermsPage from './pages/TermsPage.tsx';
-import { DISCOVERY_SITE } from './lib/site';
+import SampleReportPage from './pages/SampleReportPage.tsx';
+import { DISCOVERY_SITE, SHOW_PRICING, SHOW_SAMPLE_REPORT } from './lib/site';
 import './index.css';
 
 
@@ -33,12 +34,14 @@ createRoot(document.getElementById('root')!).render(
       <Routes>
         <Route element={<App />}>
           {/* 배포마다 여는 화면이 다르다. VITE_SITE=discovery 로 빌드한 공개 배포(webforai.kr)는 AI Discovery 랜딩을
-              루트에 두고 공개 페이지(랜딩·로그인·약관)만 연다. 실제 병원 진단 결과·내부 작업 화면 경로는 홈으로 돌린다.
+              루트에 두고 공개 페이지(랜딩·로그인·약관)만 연다. 요금·예시 리포트는 src/lib/site.ts 스위치가 켜졌을 때만 연다.
+              실제 병원 진단 결과·내부 작업 화면 경로는 홈으로 돌린다.
               값이 없으면 지금까지처럼 INFINITH 랜딩과 전체 화면을 연다. */}
           {DISCOVERY_SITE ? (
             <>
               <Route index element={<DiscoveryLandingPage />} />
-              {/* 요금(/pricing)은 확정 전이라 공개 배포에서 열지 않는다. 아래 '*' 규칙으로 홈에 돌아간다 */}
+              {SHOW_PRICING && <Route path="pricing" element={<PricingPage />} />}
+              {SHOW_SAMPLE_REPORT && <Route path="discovery/sample" element={<SampleReportPage />} />}
               <Route path="login" element={<LoginPage />} />
               <Route path="privacy" element={<PrivacyPage />} />
               <Route path="terms" element={<TermsPage />} />
@@ -61,6 +64,7 @@ createRoot(document.getElementById('root')!).render(
               <Route path="clinic/:id" element={<ClinicProfilePage />} />
               <Route path="api-dashboard" element={<ApiDashboardPage />} />
               <Route path="discovery" element={<DiscoveryLandingPage />} />
+              <Route path="discovery/sample" element={<SampleReportPage />} />
               <Route path="discovery/:id" element={<DiscoveryReportPage />} />
               <Route path="actions/:id" element={<ActionPlanPage />} />
               <Route path="supporters/:id" element={<SupportersBuildPage />} />
diff --git a/src/pages/DiscoveryLandingPage.tsx b/src/pages/DiscoveryLandingPage.tsx
index 7098473..fcfb13b 100644
--- a/src/pages/DiscoveryLandingPage.tsx
+++ b/src/pages/DiscoveryLandingPage.tsx
@@ -21,6 +21,9 @@ import Roadmap from '../components/discovery/Roadmap';
 import HonestyStrip from '../components/discovery/HonestyStrip';
 import DiscoveryCta from '../components/discovery/DiscoveryCta';
 import ContactModal from '../components/ContactModal';
+import UseCasesSection from '../components/discovery/UseCasesSection';
+import { USE_CASES } from '../data/useCases';
+import { SHOW_USE_CASES } from '../lib/site';
 
 export default function DiscoveryLandingPage() {
   // 진단 요청은 문의하기와 같은 폼(구글시트 기록 + 메일 알림)으로 받는다. source 로 어느 버튼에서 왔는지 남긴다.
@@ -55,6 +58,7 @@ export default function DiscoveryLandingPage() {
       <WhyNow />
       <HowItWorks criteriaCount={criteriaCount} categoryCount={categoryCount} />
       <SampleReport overall={overall} axes={axes} result={result} />
+      {SHOW_USE_CASES && USE_CASES.length > 0 && <UseCasesSection cases={USE_CASES} />}
       <Roadmap
         axes={axes}
         criteriaCount={criteriaCount}
diff --git a/src/pages/DiscoveryReportPage.tsx b/src/pages/DiscoveryReportPage.tsx
index 57fa24f..39cab2b 100644
--- a/src/pages/DiscoveryReportPage.tsx
+++ b/src/pages/DiscoveryReportPage.tsx
@@ -13,6 +13,7 @@ import type {
   CategoryId,
   CategoryScore,
   ControlLevel,
+  DiscoveryResult,
   EvidenceGrade,
   EvidenceMethod,
   RubricCriterion,
@@ -71,20 +72,22 @@ const scoreColor = (pct: number) =>
 export default function DiscoveryReportPage() {
   const { id } = useParams<{ id: string }>();
   const result = id ? DISCOVERY_RESULTS[id] : undefined;
-  const overall = useMemo(
-    () => (result ? scoreDiscovery(AEO_GEO_RUBRIC, result) : null),
-    [result],
-  );
-  const overallV2 = useMemo(
-    () => (result ? scoreDiscoveryV2(AEO_GEO_RUBRIC_V2, result) : null),
-    [result],
-  );
 
   // 진단은 AEO/GEO 36항목 실측 결과가 있어야 그린다. 사이트 빌드와는 별개 산출물이라
   // 빌드만 끝난 병원은 여기에 들어올 수 있다. 막다른 길로 두지 않고 다음 단계로 잇는다.
-  if (!result || !overall) {
+  if (!result) {
     return <NoReport clinicId={id ?? ''} />;
   }
+  return <DiscoveryReportView result={result} />;
+}
+
+/**
+ * 리포트 본문. 실제 병원 리포트(/discovery/:id)와 공개 예시 리포트(/discovery/sample)가 함께 쓴다.
+ * sample 이면 가상 데이터라는 표시를 붙인다. 이 컴포넌트는 실제 병원 목록(DISCOVERY_RESULTS)을 읽지 않는다.
+ */
+export function DiscoveryReportView({ result, sample = false }: { result: DiscoveryResult; sample?: boolean }) {
+  const overall = useMemo(() => scoreDiscovery(AEO_GEO_RUBRIC, result), [result]);
+  const overallV2 = useMemo(() => scoreDiscoveryV2(AEO_GEO_RUBRIC_V2, result), [result]);
 
   const resultById = new Map(result.results.map((r) => [r.criterionId, r]));
 
@@ -108,14 +111,21 @@ export default function DiscoveryReportPage() {
             </h1>
             <p className="text-3xl font-bold mb-2">{result.clinicName}</p>
             <p className="text-purple-200 text-base mb-1">{result.industry}</p>
-            <a
-              href={result.url}
-              target="_blank"
-              rel="noreferrer"
-              className="text-purple-300 text-base underline underline-offset-4"
-            >
-              {result.url}
-            </a>
+            {result.url && (
+              <a
+                href={result.url}
+                target="_blank"
+                rel="noreferrer"
+                className="text-purple-300 text-base underline underline-offset-4"
+              >
+                {result.url}
+              </a>
+            )}
+            {sample && (
+              <p className="inline-block mt-3 rounded-full bg-white/10 border border-white/15 px-3 py-1 text-sm text-purple-100">
+                가상 데이터로 만든 예시 리포트입니다. 실제 병원의 진단 결과가 아닙니다.
+              </p>
+            )}
             <p className="text-white/60 text-sm mt-4">
               실측일 {result.auditedAt} · 실측 항목 {overall.categories.reduce((s, c) => s + c.verifiedCount, 0)} /
               {' '}{AEO_GEO_RUBRIC.criteria.length} · AEO·GEO 각 100점 독립 지표 · 미검증 항목은 분모 제외
diff --git a/src/pages/SampleReportPage.tsx b/src/pages/SampleReportPage.tsx
new file mode 100644
index 0000000..c21e101
--- /dev/null
+++ b/src/pages/SampleReportPage.tsx
@@ -0,0 +1,11 @@
+/**
+ * 공개 예시 리포트 (/discovery/sample).
+ * 가상 데이터(discovery_sample)만 그린다. 실제 병원 리포트 목록(discoveryResults)은 import 하지 않는다.
+ * 공개 배포에서는 src/lib/site.ts 의 SHOW_SAMPLE_REPORT 가 true 일 때만 라우트와 랜딩 버튼이 열린다.
+ */
+import { DiscoveryReportView } from './DiscoveryReportPage';
+import { DISCOVERY_SAMPLE } from '../data/discovery_sample';
+
+export default function SampleReportPage() {
+  return <DiscoveryReportView result={DISCOVERY_SAMPLE} sample />;
+}

From 6b387c130c2f896288d8f0dd61eb4a12265034e3 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:21:53 +0900
Subject: [PATCH 12/22] =?UTF-8?q?feat:=20=EA=B3=B5=EA=B0=9C=20=EB=B0=B0?=
 =?UTF-8?q?=ED=8F=AC=20=EB=B2=88=EB=93=A4=20=EA=B2=80=EC=82=AC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=8B=A4=EC=A0=9C=20=EB=B3=91=EC=9B=90=EB=AA=85=C2=B7=EB=B9=84?=
 =?UTF-8?q?=EB=B0=80=20=ED=82=A4=EA=B0=80=20=EC=9E=88=EC=9C=BC=EB=A9=B4=20?=
 =?UTF-8?q?=EB=B9=8C=EB=93=9C=EB=A5=BC=20=EC=8B=A4=ED=8C=A8=EC=8B=9C?=
 =?UTF-8?q?=ED=82=A8=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

webforai.kr 빌드 결과에서 실제 병원명·도메인, Google·Supabase 키, reports/·assets/clients/ 파일을 찾으면
빌드를 멈춰 Vercel 배포가 진행되지 않게 한다. 목록은 plugins/public-bundle-denylist.json.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 plugins/public-bundle-denylist.json        | 29 +++++++++
 plugins/vite-plugin-public-bundle-guard.ts | 73 ++++++++++++++++++++++
 vite.config.ts                             |  4 ++
 3 files changed, 106 insertions(+)
 create mode 100644 plugins/public-bundle-denylist.json
 create mode 100644 plugins/vite-plugin-public-bundle-guard.ts

diff --git a/plugins/public-bundle-denylist.json b/plugins/public-bundle-denylist.json
new file mode 100644
index 0000000..9105409
--- /dev/null
+++ b/plugins/public-bundle-denylist.json
@@ -0,0 +1,29 @@
+{
+  "_comment": "공개 배포(webforai.kr) 빌드 결과에 있으면 빌드를 실패시키는 목록. plugins/vite-plugin-public-bundle-guard.ts 가 읽는다. 계약·공개 상황이 바뀌면 이 파일만 고친다. pattern 은 정규식(대소문자 무시)이다.",
+  "clinics": [
+    { "label": "뷰성형외과", "pattern": "뷰성형외과|viewclinic|viewplastic|ViewclinicKR" },
+    { "label": "원진성형외과", "pattern": "원진성형외과|k-wonjin|wonjin" },
+    { "label": "바노바기", "pattern": "바노바기|banobagi" },
+    { "label": "그랜드성형외과", "pattern": "그랜드성형외과|grandsurgery|grand_korea" },
+    { "label": "서울이룸", "pattern": "이룸성형외과|seoulips" },
+    { "label": "TS성형외과", "pattern": "TS성형외과|tsprs" },
+    { "label": "태하", "pattern": "태하성형외과|taeha" },
+    { "label": "JK성형외과", "pattern": "JK성형외과|jkplastic" },
+    { "label": "ID병원", "pattern": "ID병원|idhospital" },
+    { "label": "오라클피부과", "pattern": "오라클피부과" },
+    { "label": "차앤박", "pattern": "차앤박" },
+    { "label": "톡스앤필", "pattern": "톡스앤필" },
+    { "label": "더스완성형외과", "pattern": "더스완|sswan" },
+    { "label": "실측 고유값", "pattern": "프리저베|19,316|19,373" }
+  ],
+  "secrets": [
+    { "label": "Google API 키(AIza)", "pattern": "AIza[0-9A-Za-z_\\-]{35}" },
+    { "label": "Google API 키(AQ.)", "pattern": "AQ\\.[0-9A-Za-z_\\-]{20,}" },
+    { "label": "Supabase 프로젝트 주소", "pattern": "[a-z0-9]{20}\\.supabase\\.co" },
+    { "label": "JWT(Supabase 키 등)", "pattern": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9\\.[A-Za-z0-9_\\-]{10,}" }
+  ],
+  "paths": [
+    { "label": "실제 병원 리포트 파일", "pattern": "^reports/" },
+    { "label": "병원 채널 스크린샷", "pattern": "^assets/clients/" }
+  ]
+}
diff --git a/plugins/vite-plugin-public-bundle-guard.ts b/plugins/vite-plugin-public-bundle-guard.ts
new file mode 100644
index 0000000..02d4567
--- /dev/null
+++ b/plugins/vite-plugin-public-bundle-guard.ts
@@ -0,0 +1,73 @@
+/**
+ * 공개 배포 번들 검사.
+ *
+ * 공개 배포(webforai.kr) 빌드 결과에 실제 병원명·비밀 키·실제 병원 파일이 남아 있으면 빌드를 실패시킨다.
+ * 빌드가 실패하면 Vercel 배포도 진행되지 않는다. 기능을 다시 켤 때(src/lib/site.ts) 실제 데이터가 딸려 나가는
+ * 사고를 사람이 놓쳐도 여기서 막는다. 2026-10-07 공개 전 점검에서 손으로 반복한 검사를 옮긴 것이다.
+ *
+ * 금지 목록은 plugins/public-bundle-denylist.json 에 있다.
+ */
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+interface Rule {
+  label: string;
+  pattern: string;
+}
+interface Denylist {
+  clinics: Rule[];
+  secrets: Rule[];
+  paths: Rule[];
+}
+
+const TEXT_EXT = new Set(['.js', '.mjs', '.css', '.html', '.json', '.txt', '.xml', '.svg', '.map', '.webmanifest']);
+
+function listFiles(dir: string, base = dir): string[] {
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((e) => {
+    const full = path.join(dir, e.name);
+    return e.isDirectory() ? listFiles(full, base) : [path.relative(base, full).split(path.sep).join('/')];
+  });
+}
+
+/** 위반 목록을 돌려준다. 비어 있으면 통과다. 비밀 키 값은 그대로 출력하지 않고 앞 6자만 보인다. */
+export function findPublicBundleViolations(outDir: string, denylistPath?: string): string[] {
+  const here = path.dirname(fileURLToPath(import.meta.url));
+  const list: Denylist = JSON.parse(fs.readFileSync(denylistPath ?? path.join(here, 'public-bundle-denylist.json'), 'utf8'));
+  const files = listFiles(outDir);
+  const out: string[] = [];
+
+  for (const rule of list.paths) {
+    const re = new RegExp(rule.pattern, 'i');
+    const hits = files.filter((f) => re.test(f));
+    if (hits.length) out.push(`[파일] ${rule.label}: ${hits.slice(0, 3).join(', ')}${hits.length > 3 ? ` 외 ${hits.length - 3}개` : ''}`);
+  }
+
+  const textRules = [
+    ...list.clinics.map((r) => ({ ...r, kind: '병원명', secret: false })),
+    ...list.secrets.map((r) => ({ ...r, kind: '비밀 키', secret: true })),
+  ];
+  for (const file of files) {
+    if (!TEXT_EXT.has(path.extname(file).toLowerCase())) continue;
+    const text = fs.readFileSync(path.join(outDir, file), 'utf8');
+    for (const rule of textRules) {
+      const m = text.match(new RegExp(rule.pattern, 'i'));
+      if (!m) continue;
+      const shown = rule.secret ? `${m[0].slice(0, 6)}…` : m[0];
+      out.push(`[${rule.kind}] ${rule.label}: "${shown}" (${file})`);
+    }
+  }
+  return out;
+}
+
+/** 위반이 있으면 빌드를 멈춘다. */
+export function assertPublicBundleClean(outDir: string): void {
+  const violations = findPublicBundleViolations(outDir);
+  if (violations.length) {
+    throw new Error(
+      `공개 배포 번들 검사 실패 (${violations.length}건). 실제 병원 정보나 비밀 키가 공개 번들에 들어갔습니다.\n` +
+        violations.map((v) => `  - ${v}`).join('\n') +
+        '\n  목록: plugins/public-bundle-denylist.json · 스위치: src/lib/site.ts',
+    );
+  }
+}
diff --git a/vite.config.ts b/vite.config.ts
index a367ade..8dd9b6e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,6 +4,7 @@ import fs from 'fs';
 import path from 'path';
 import {defineConfig, loadEnv} from 'vite';
 import { supabaseSync } from './plugins/vite-plugin-supabase-sync';
+import { assertPublicBundleClean } from './plugins/vite-plugin-public-bundle-guard';
 
 export default defineConfig(({mode}) => {
   const env = loadEnv(mode, '.', '');
@@ -88,6 +89,9 @@ export default defineConfig(({mode}) => {
             const src = path.resolve(out, from);
             if (fs.existsSync(src)) fs.copyFileSync(src, path.resolve(out, to));
           }
+          // 정리가 끝난 결과물을 검사한다. 실제 병원명·비밀 키가 남아 있으면 빌드를 실패시켜 배포를 막는다.
+          // writeBundle 은 플러그인끼리 병렬로 돌 수 있어 별도 플러그인이 아니라 여기서 정리 뒤에 부른다.
+          assertPublicBundleClean(out);
         },
       },
       {

From 1d835f0f8b3939a3273378477b015f820d290018 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:21:53 +0900
Subject: [PATCH 13/22] =?UTF-8?q?refactor:=20=EC=9A=94=EA=B8=88=ED=91=9C?=
 =?UTF-8?q?=EB=A5=BC=20src/data/pricingTiers.ts=20=EB=A1=9C=20=EB=B6=84?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/data/pricingTiers.ts  | 80 +++++++++++++++++++++++++++++++++++++++
 src/pages/PricingPage.tsx | 80 +--------------------------------------
 2 files changed, 82 insertions(+), 78 deletions(-)
 create mode 100644 src/data/pricingTiers.ts

diff --git a/src/data/pricingTiers.ts b/src/data/pricingTiers.ts
new file mode 100644
index 0000000..ae368cf
--- /dev/null
+++ b/src/data/pricingTiers.ts
@@ -0,0 +1,80 @@
+/**
+ * 요금표 (INFINITH Product 1.0). /pricing 화면은 이 데이터만 그린다.
+ * 요금이 확정되면 이 파일만 고치고, 공개 배포(webforai.kr)에서 열려면 src/lib/site.ts 의 SHOW_PRICING 을 켠다.
+ * 2026-10-07 기준 확정 전 값이다.
+ */
+// plan 섹션 2·5 기준. Feature Comparison Table(Step 3)에서도 재사용 예정.
+export type TierId = 'insight' | 'intelligence' | 'intelligence-plus';
+
+export interface Tier {
+  id: TierId;
+  name: string;
+  tagline: string;
+  monthlyKRW: number; // 원화 (월 단가 · 계약 기준)
+  annualMonthlyKRW: number; // 원화 (연 계약 시 월 환산)
+  annualTotalKRW: number; // 원화 (연 계약 총액)
+  isPopular?: boolean;
+  /** 모든 Tier는 계약 기반 영업 — 온라인 결제 없음. 상담 문의 mailto로 통일. */
+  ctaLabel: string;
+  bullets: string[];
+  footnote?: string;
+}
+
+export const PRICING_TIERS: Tier[] = [
+  {
+    id: 'insight',
+    name: 'INSIGHT',
+    tagline: '매월 1번, 병원의 온라인 좌표를 점검하세요',
+    monthlyKRW: 90_000,
+    annualMonthlyKRW: 72_000,
+    annualTotalKRW: 864_000,
+    ctaLabel: '상담 문의',
+    bullets: [
+      '월 1회 분석 리포트',
+      '전 채널 분석 (홈페이지 · 강남언니 · YouTube · Instagram · Facebook · 네이버 플레이스 · 블로그)',
+      '4주 콘텐츠 플랜',
+      '경쟁사 추적 1개',
+      'PDF 내보내기',
+    ],
+    footnote: '신규 개업의 · 1인 의원 추천',
+  },
+  {
+    id: 'intelligence',
+    name: 'INTELLIGENCE',
+    tagline: '경쟁사가 지금 무엇을 바꾸는지, 월 2번 확인하세요',
+    monthlyKRW: 290_000,
+    annualMonthlyKRW: 232_000,
+    annualTotalKRW: 2_784_000,
+    isPopular: true,
+    ctaLabel: '상담 문의',
+    bullets: [
+      '월 4회 분석 리포트',
+      '8주 콘텐츠 캘린더 + 주간 KPI 기반 조정',
+      'Vision AI (의료진·슬로건·인증 자동 추출)',
+      '경쟁사 추적 3개 · 주간 변동 알림',
+      'KPI 대시보드 (3/12개월 목표)',
+      '브랜드 가이드 + 콘텐츠 필러 5종',
+      '스크린샷 증거 기반 심층 리포트',
+    ],
+    footnote: '중형 성형외과 · 메인 타겟',
+  },
+  {
+    id: 'intelligence-plus',
+    name: 'INTELLIGENCE+',
+    tagline: '매일 변하는 시장에 즉시 대응하세요',
+    monthlyKRW: 990_000,
+    annualMonthlyKRW: 792_000,
+    annualTotalKRW: 9_504_000,
+    ctaLabel: '상담 문의',
+    bullets: [
+      '월 10회 분석 리포트',
+      '12개월 로드맵 + 월간 전략 리뷰',
+      '최대 3개 분원 통합 대시보드',
+      '경쟁사 추적 5개 · 일간 변동 모니터링',
+      '브랜드 가이드 + 콘텐츠 필러 10종',
+      '커스텀 리포트 템플릿 (병원 CI 반영)',
+      '신규 기능 베타 우선 접근',
+    ],
+    footnote: '대형 · 멀티 분원 병원',
+  },
+];
diff --git a/src/pages/PricingPage.tsx b/src/pages/PricingPage.tsx
index 93158fa..963a425 100644
--- a/src/pages/PricingPage.tsx
+++ b/src/pages/PricingPage.tsx
@@ -16,7 +16,7 @@
  *    (analytics 연동은 Supabase `analytics_events` 테이블 도입 후 후속 작업)
  *
  * 핵심 데이터 소스:
- *  - src/data/pricingTiers.ts ← (이 파일 내부에 임시 정의, Step 3에서 분리 고려)
+ *  - src/data/pricingTiers.ts ← 요금표 데이터 (2026-10-07 분리. 요금 확정 시 이 파일만 고친다)
  */
 import React, { useEffect, useState } from 'react';
 import { useSearchParams } from 'react-router';
@@ -32,83 +32,7 @@ import Badge from '../components/Badge';
 import FeatureComparisonTable from '../components/pricing/FeatureComparisonTable';
 import FAQ from '../components/pricing/FAQ';
 import { buildContactMailto } from '../lib/contact';
-
-// ─── Tier 데이터 정의 ──────────────────────────────────────────────
-// plan 섹션 2·5 기준. Feature Comparison Table(Step 3)에서도 재사용 예정.
-type TierId = 'insight' | 'intelligence' | 'intelligence-plus';
-
-interface Tier {
-  id: TierId;
-  name: string;
-  tagline: string;
-  monthlyKRW: number; // 원화 (월 단가 · 계약 기준)
-  annualMonthlyKRW: number; // 원화 (연 계약 시 월 환산)
-  annualTotalKRW: number; // 원화 (연 계약 총액)
-  isPopular?: boolean;
-  /** 모든 Tier는 계약 기반 영업 — 온라인 결제 없음. 상담 문의 mailto로 통일. */
-  ctaLabel: string;
-  bullets: string[];
-  footnote?: string;
-}
-
-const tiers: Tier[] = [
-  {
-    id: 'insight',
-    name: 'INSIGHT',
-    tagline: '매월 1번, 병원의 온라인 좌표를 점검하세요',
-    monthlyKRW: 90_000,
-    annualMonthlyKRW: 72_000,
-    annualTotalKRW: 864_000,
-    ctaLabel: '상담 문의',
-    bullets: [
-      '월 1회 분석 리포트',
-      '전 채널 분석 (홈페이지 · 강남언니 · YouTube · Instagram · Facebook · 네이버 플레이스 · 블로그)',
-      '4주 콘텐츠 플랜',
-      '경쟁사 추적 1개',
-      'PDF 내보내기',
-    ],
-    footnote: '신규 개업의 · 1인 의원 추천',
-  },
-  {
-    id: 'intelligence',
-    name: 'INTELLIGENCE',
-    tagline: '경쟁사가 지금 무엇을 바꾸는지, 월 2번 확인하세요',
-    monthlyKRW: 290_000,
-    annualMonthlyKRW: 232_000,
-    annualTotalKRW: 2_784_000,
-    isPopular: true,
-    ctaLabel: '상담 문의',
-    bullets: [
-      '월 4회 분석 리포트',
-      '8주 콘텐츠 캘린더 + 주간 KPI 기반 조정',
-      'Vision AI (의료진·슬로건·인증 자동 추출)',
-      '경쟁사 추적 3개 · 주간 변동 알림',
-      'KPI 대시보드 (3/12개월 목표)',
-      '브랜드 가이드 + 콘텐츠 필러 5종',
-      '스크린샷 증거 기반 심층 리포트',
-    ],
-    footnote: '중형 성형외과 · 메인 타겟',
-  },
-  {
-    id: 'intelligence-plus',
-    name: 'INTELLIGENCE+',
-    tagline: '매일 변하는 시장에 즉시 대응하세요',
-    monthlyKRW: 990_000,
-    annualMonthlyKRW: 792_000,
-    annualTotalKRW: 9_504_000,
-    ctaLabel: '상담 문의',
-    bullets: [
-      '월 10회 분석 리포트',
-      '12개월 로드맵 + 월간 전략 리뷰',
-      '최대 3개 분원 통합 대시보드',
-      '경쟁사 추적 5개 · 일간 변동 모니터링',
-      '브랜드 가이드 + 콘텐츠 필러 10종',
-      '커스텀 리포트 템플릿 (병원 CI 반영)',
-      '신규 기능 베타 우선 접근',
-    ],
-    footnote: '대형 · 멀티 분원 병원',
-  },
-];
+import { PRICING_TIERS as tiers, type Tier } from '../data/pricingTiers';
 
 // ─── 가격 포맷터 ──────────────────────────────────────────────────
 // 29_0000원 → "29만원" 포맷. 1000원 단위까지는 표기 안 함 (B2B 가격은 만원 단위)

From 8667bf6e2e64e2d1d68a60f99c1f0b2bd3cc1dce Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:21:53 +0900
Subject: [PATCH 14/22] =?UTF-8?q?docs:=20webforai.kr=20=EA=B3=B5=EA=B0=9C?=
 =?UTF-8?q?=20=EA=B8=B0=EB=8A=A5=20=EC=8A=A4=EC=9C=84=EC=B9=98=EC=99=80=20?=
 =?UTF-8?q?=EB=8B=A4=EC=8B=9C=20=EC=97=AC=EB=8A=94=20=EC=88=9C=EC=84=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 docs/WEBFORAI_FEATURE_FLAGS.md | 45 ++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 docs/WEBFORAI_FEATURE_FLAGS.md

diff --git a/docs/WEBFORAI_FEATURE_FLAGS.md b/docs/WEBFORAI_FEATURE_FLAGS.md
new file mode 100644
index 0000000..e42d25f
--- /dev/null
+++ b/docs/WEBFORAI_FEATURE_FLAGS.md
@@ -0,0 +1,45 @@
+# webforai.kr 공개 기능 스위치
+
+공개 배포(webforai.kr, `VITE_SITE=discovery`)에서 숨겨 둔 기능을 다시 여는 방법. 2026-10-07 보도자료 공개일 기준.
+
+## 지금 공개된 것
+
+랜딩(`/`), 로그인(`/login`), 개인정보처리방침(`/privacy`), 이용약관(`/terms`). 나머지 경로는 홈으로 돌아간다.
+infinith-demo 배포(VITE_SITE 없음)는 모든 화면이 그대로 열린다.
+
+## 스위치 (`src/lib/site.ts`)
+
+| 스위치 | 여는 것 | 켜기 전 조건 | 같이 고칠 것 |
+|---|---|---|---|
+| `SHOW_PRICING` | `/pricing`, 헤더 Pricing | 요금 확정 | `src/data/pricingTiers.ts` 요금표 |
+| `SHOW_SAMPLE_REPORT` | `/discovery/sample`, 랜딩 "샘플 리포트 보기" | 없음 (가상 데이터 `src/data/discovery_sample.ts`) | 필요하면 가상 데이터 문구 |
+| `SHOW_USE_CASES` | 랜딩 Use Cases 섹션, 헤더 Use Cases | 병원 동의를 받은 비식별 사례 | `src/data/useCases.ts` 에 사례 추가 (비어 있으면 섹션·메뉴가 나오지 않는다) |
+
+켜는 방법: 값을 `!DISCOVERY_SITE` 에서 `true` 로 바꾸고 커밋·배포한다. 값은 빌드 때 정해지는 상수라 꺼진 기능은 공개 번들에서 통째로 빠진다.
+
+## 공개 번들 검사 (배포 차단)
+
+공개 배포 빌드 끝에 `plugins/vite-plugin-public-bundle-guard.ts` 가 결과물 전체를 검사한다. 아래가 하나라도 있으면 빌드가 실패해 Vercel 배포가 진행되지 않는다.
+
+- 실제 병원명·도메인 (`plugins/public-bundle-denylist.json` 의 `clinics`)
+- 비밀 키: Google API 키(AIza·AQ.), Supabase 주소·JWT (`secrets`)
+- 실제 병원 파일: `reports/`, `assets/clients/` (`paths`)
+
+새 병원과 계약하거나 진단하면 `public-bundle-denylist.json` 에 이름·도메인을 추가한다. 실패 메시지에 어느 파일에서 무엇이 걸렸는지 나온다.
+
+## 켜기 전 확인 순서
+
+1. 스위치를 켠 상태로 로컬 빌드: `VITE_SITE=discovery npx vite build` → 번들 검사 통과 확인
+2. 로컬 미리보기로 화면 확인 (`npx vite preview`, 루트가 아니라 해당 경로)
+3. 헤더 메뉴가 빈 곳을 가리키지 않는지 확인
+4. 배포 후 라이브에서 같은 경로 확인
+
+## 4단계: 실제 병원 리포트 (스위치로 열지 않음)
+
+`/discovery/:id`, `/actions/:id`, `/supporters/:id`, `/images/:id`, `/build/:id`, `/report/:id` 는 실제 병원 데이터를 보여 준다.
+공개 배포에서 열려면 아래가 먼저 끝나야 한다. 스위치를 만들지 않은 이유다.
+
+1. 로그인(Supabase Auth)과 병원별 접근 권한
+2. 데이터베이스 익명 읽기 정리: `docs/security/2026-10-07_rls_anon_read_DRAFT.sql` (infinith-demo 화면 영향 확인 후 실행)
+3. `src/lib/supabase.ts` 가 공개 번들에 들어가게 되므로 번들 검사 `secrets` 의 Supabase 항목을 어떻게 다룰지 결정
+4. 진단 신청 모달(`DiscoveryLeadModal.tsx`, 현재 미사용)은 신청마다 자동 빌드 큐(`supporter_builds`)에 넣는다. 공개 폼에 다시 붙이려면 사람 승인 단계를 먼저 둔다.

From 0b729759c39e4493a76a897ed852a0d6c0b4fa00 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:39:19 +0900
Subject: [PATCH 15/22] =?UTF-8?q?feat:=20Gemini=C2=B7Creatomate=20?=
 =?UTF-8?q?=ED=98=B8=EC=B6=9C=EC=9D=84=20=EC=84=9C=EB=B2=84=20=ED=95=A8?=
 =?UTF-8?q?=EC=88=98=EB=A1=9C=20=EC=98=AE=EA=B8=B4=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

브라우저가 키를 들고 외부 API 를 직접 부르던 구조를 api/gemini-image.js, api/creatomate-render.js 로 옮긴다.
브라우저는 채널·포맷·주제 선택값만 보내고, 서버가 허용 목록과 대조한 뒤 프롬프트·영상 구성을 만든다.
키는 서버 환경변수 GEMINI_API_KEY·CREATOMATE_API_KEY 에만 둔다. 출처는 infinith-demo·localhost 만 받는다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 api/_studio.js                     |  84 ++++++++++++
 api/creatomate-render.js           | 111 ++++++++++++++++
 api/gemini-image.js                |  82 ++++++++++++
 src/services/creatomateVideoGen.ts | 205 +++++------------------------
 src/services/geminiImageGen.ts     |  87 +++---------
 5 files changed, 330 insertions(+), 239 deletions(-)
 create mode 100644 api/_studio.js
 create mode 100644 api/creatomate-render.js
 create mode 100644 api/gemini-image.js

diff --git a/api/_studio.js b/api/_studio.js
new file mode 100644
index 0000000..ac65548
--- /dev/null
+++ b/api/_studio.js
@@ -0,0 +1,84 @@
+/**
+ * 콘텐츠 스튜디오 서버 공용 모듈 (Vercel 서버 함수 전용, '_' 로 시작해 주소로 열리지 않는다).
+ *
+ * 왜 서버에 두는가
+ *   Gemini·Creatomate 키는 브라우저로 내려가면 공개다. 2026-10-07 공개 번들에서 Gemini 키가 발견됐고,
+ *   새 Gemini 키는 서비스 계정 바인딩 키라 웹사이트(리퍼러) 제한을 걸 수 없다. 그래서 호출을 서버로 옮긴다.
+ *   브라우저는 채널·포맷·주제 선택값만 보내고, 프롬프트와 영상 구성은 여기서 만든다.
+ *   임의의 프롬프트·렌더를 대신 실행해 주는 통로가 되지 않도록 선택값은 아래 목록에 있는 것만 받는다.
+ *
+ * 채널·포맷 목록은 src/types/studio.ts 의 CHANNEL_OPTIONS 와 같아야 한다 (서버 함수는 src 의 TS 를 불러올 수 없다).
+ */
+
+export const CHANNELS = {
+  youtube: { label: 'YouTube', formats: { shorts: ['Shorts', '9:16'], long_form: ['Long-form', '16:9'] } },
+  instagram: {
+    label: 'Instagram',
+    formats: { reels: ['Reels', '9:16'], carousel: ['Carousel', '1:1'], feed_image: ['Feed Image', '1:1'], stories: ['Stories', '9:16'] },
+  },
+  naver_blog: { label: 'Naver Blog', formats: { seo_post: ['SEO Post', '16:9'], faq_post: ['FAQ Post', '16:9'] } },
+  tiktok: { label: 'TikTok', formats: { short_video: ['Short Video', '9:16'] } },
+  facebook: { label: 'Facebook', formats: { ad_creative: ['Ad Creative', '1:1'], retarget_content: ['Retarget Content', '16:9'] } },
+};
+
+export const PILLARS = ['safety', 'expertise', 'results', 'care'];
+
+/** 이 주소들에서 온 요청만 받는다. 키를 쓰는 유료 API 라 Origin 이 없는 요청(브라우저 밖 호출)도 받지 않는다. */
+const ALLOWED_ORIGINS = [
+  'https://infinith-demo.vercel.app',
+  'http://localhost:3000',
+  'http://127.0.0.1:3000',
+];
+
+/**
+ * CORS·메서드·출처를 확인한다. 통과하면 null, 아니면 이미 응답을 보낸 뒤 true 를 돌려준다.
+ * @param {string[]} methods 허용 메서드
+ */
+export function guard(req, res, methods) {
+  const origin = req.headers.origin || '';
+  const allowed = ALLOWED_ORIGINS.includes(origin);
+  if (allowed) {
+    res.setHeader('Access-Control-Allow-Origin', origin);
+    res.setHeader('Vary', 'Origin');
+    res.setHeader('Access-Control-Allow-Methods', [...methods, 'OPTIONS'].join(', '));
+    res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+  }
+  if (req.method === 'OPTIONS') {
+    res.status(allowed ? 204 : 403).end();
+    return true;
+  }
+  if (!methods.includes(req.method)) {
+    res.status(405).json({ ok: false, error: 'method not allowed' });
+    return true;
+  }
+  // 같은 출처 GET 은 브라우저가 Origin 을 붙이지 않을 수 있어 Referer 로도 확인한다.
+  const referer = req.headers.referer || '';
+  const sameSite = ALLOWED_ORIGINS.some((o) => referer.startsWith(o + '/'));
+  if (!allowed && !sameSite) {
+    res.status(403).json({ ok: false, error: 'forbidden origin' });
+    return true;
+  }
+  return null;
+}
+
+/**
+ * 브라우저가 보낸 선택값을 목록과 대조한다. 목록 밖이면 null.
+ * @returns {{ channel: string, channelLabel: string, format: string, formatLabel: string, aspectRatio: string, pillarId: string | null } | null}
+ */
+export function readSelection(body) {
+  const b = typeof body === 'string' ? safeParse(body) : body ?? {};
+  const ch = CHANNELS[b?.channel];
+  const fmt = ch?.formats[b?.format];
+  if (!ch || !fmt) return null;
+  const pillarId = b?.pillarId == null ? null : String(b.pillarId);
+  if (pillarId !== null && !PILLARS.includes(pillarId)) return null;
+  return { channel: b.channel, channelLabel: ch.label, format: b.format, formatLabel: fmt[0], aspectRatio: fmt[1], pillarId };
+}
+
+export function safeParse(s) {
+  try {
+    return JSON.parse(s);
+  } catch {
+    return null;
+  }
+}
diff --git a/api/creatomate-render.js b/api/creatomate-render.js
new file mode 100644
index 0000000..9327005
--- /dev/null
+++ b/api/creatomate-render.js
@@ -0,0 +1,111 @@
+/**
+ * 콘텐츠 스튜디오 영상 렌더 (Vercel 서버 함수).
+ *   POST { channel, format, pillarId } → { ok, id, status, url? }  렌더 시작
+ *   GET  ?id=<renderId>                → { ok, id, status, url?, error? } 렌더 상태
+ *
+ * Creatomate 키는 서버 환경변수 CREATOMATE_API_KEY 에만 둔다 (예전 VITE_CREATOMATE_API_KEY 는 번들에 들어가 공개됐다).
+ * 렌더는 수십 초 걸릴 수 있어 서버 함수가 기다리지 않고, 브라우저가 GET 으로 상태를 묻는다.
+ * 영상 구성은 브라우저가 아니라 여기서 선택값으로 만든다. 배경은 api/_studio.js 주석.
+ */
+import { guard, readSelection } from './_studio.js';
+
+// 이미지·렌더 요청은 외부 API 응답을 기다리므로 실행 시간 한도를 명시한다.
+export const config = { maxDuration: 30 };
+
+const API_BASE = 'https://api.creatomate.com/v1';
+const RENDER_ID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+
+const ASPECT_DIMENSIONS = {
+  '9:16': { width: 1080, height: 1920 },
+  '16:9': { width: 1920, height: 1080 },
+  '1:1': { width: 1080, height: 1080 },
+  '4:5': { width: 1080, height: 1350 },
+};
+
+const PILLAR_TITLES = {
+  safety: { ko: '안전한 수술 시스템', en: 'Safe Surgery System' },
+  expertise: { ko: '전문 의료진', en: 'Expert Medical Team' },
+  results: { ko: '자연스러운 결과', en: 'Natural Results' },
+  care: { ko: '환자 중심 케어', en: 'Patient-Centered Care' },
+};
+
+/** 템플릿 없이 만드는 브랜드 슬라이드 영상 구성. 예전 src/services/creatomateVideoGen.ts 의 buildSource 와 같다. */
+function buildSource(sel) {
+  const dims = ASPECT_DIMENSIONS[sel.aspectRatio] ?? ASPECT_DIMENSIONS['16:9'];
+  const pillar = sel.pillarId ? PILLAR_TITLES[sel.pillarId] : null;
+  const wide = dims.width > dims.height;
+  return {
+    output_format: 'mp4',
+    width: dims.width,
+    height: dims.height,
+    duration: 10,
+    elements: [
+      { type: 'shape', shape: 'rectangle', width: '100%', height: '100%', fill_color: 'linear-gradient(180deg, #0A1128 0%, #1A2B5E 50%, #4F1DA1 100%)' },
+      {
+        type: 'text', text: pillar?.ko || 'INFINITH Marketing', font_family: 'Noto Sans KR', font_weight: '700',
+        font_size: wide ? '72px' : '56px', fill_color: '#FFFFFF', x: '50%', y: '40%', x_anchor: '50%', y_anchor: '50%',
+        width: '80%', text_align: 'center', animations: [{ type: 'text-appear', duration: 1, split: 'word' }],
+      },
+      {
+        type: 'text', text: pillar?.en || 'Premium Medical Marketing', font_family: 'Noto Sans KR', font_weight: '400',
+        font_size: wide ? '36px' : '28px', fill_color: 'rgba(255,255,255,0.7)', x: '50%', y: '55%', x_anchor: '50%', y_anchor: '50%',
+        width: '80%', text_align: 'center', animations: [{ type: 'fade', fade_in: true, duration: 0.8, start: 0.5 }],
+      },
+      {
+        type: 'shape', shape: 'rectangle', width: '120px', height: '4px', fill_color: '#6C5CE7', x: '50%', y: '48%',
+        x_anchor: '50%', y_anchor: '50%', animations: [{ type: 'wipe', duration: 0.6, start: 0.3 }],
+      },
+      {
+        type: 'text', text: `${sel.channelLabel} · ${sel.formatLabel}`, font_family: 'Noto Sans KR', font_weight: '500',
+        font_size: '20px', fill_color: 'rgba(255,255,255,0.5)', x: '50%', y: '90%', x_anchor: '50%', y_anchor: '50%', text_align: 'center',
+      },
+    ],
+  };
+}
+
+/** Creatomate 응답에서 브라우저에 필요한 것만 넘긴다. */
+const pick = (r) => ({ ok: true, id: r.id, status: r.status, url: r.url ?? null, error: r.error_message ?? null });
+
+export default async function handler(req, res) {
+  if (guard(req, res, ['POST', 'GET'])) return;
+
+  const key = process.env.CREATOMATE_API_KEY;
+  if (!key) {
+    console.error('[api/creatomate-render] CREATOMATE_API_KEY 가 설정되지 않았습니다.');
+    return res.status(500).json({ ok: false, error: 'unconfigured' });
+  }
+  const auth = { Authorization: `Bearer ${key}` };
+
+  try {
+    if (req.method === 'GET') {
+      const id = String(req.query?.id ?? '');
+      if (!RENDER_ID.test(id)) return res.status(400).json({ ok: false, error: 'bad id' });
+      const r = await fetch(`${API_BASE}/renders/${id}`, { headers: auth });
+      if (!r.ok) {
+        console.error('[api/creatomate-render] 상태 조회 실패', r.status);
+        return res.status(502).json({ ok: false, error: 'status failed' });
+      }
+      return res.status(200).json(pick(await r.json()));
+    }
+
+    const sel = readSelection(req.body);
+    if (!sel) return res.status(400).json({ ok: false, error: 'bad selection' });
+    const r = await fetch(`${API_BASE}/renders`, {
+      method: 'POST',
+      headers: { ...auth, 'Content-Type': 'application/json' },
+      body: JSON.stringify({ source: buildSource(sel) }),
+    });
+    if (!r.ok) {
+      const detail = await r.text().catch(() => '');
+      console.error('[api/creatomate-render] 렌더 요청 실패', r.status, detail.slice(0, 300));
+      const status = [401, 429, 400].includes(r.status) ? r.status : 502;
+      return res.status(status).json({ ok: false, error: `render ${status}` });
+    }
+    const renders = await r.json();
+    if (!renders?.[0]?.id) return res.status(502).json({ ok: false, error: 'no render id' });
+    return res.status(200).json(pick(renders[0]));
+  } catch (e) {
+    console.error('[api/creatomate-render] 연결 실패', e);
+    return res.status(502).json({ ok: false, error: 'upstream unreachable' });
+  }
+}
diff --git a/api/gemini-image.js b/api/gemini-image.js
new file mode 100644
index 0000000..130f6b1
--- /dev/null
+++ b/api/gemini-image.js
@@ -0,0 +1,82 @@
+/**
+ * 콘텐츠 스튜디오 이미지 생성 (Vercel 서버 함수). POST { channel, format, pillarId } → { ok, imageDataUrl, prompt }
+ *
+ * Gemini 키는 서버 환경변수 GEMINI_API_KEY 에만 둔다 (VITE_ 접두사·vite.config define 금지).
+ * 프롬프트는 브라우저가 아니라 여기서 선택값으로 만든다. 배경은 api/_studio.js 주석.
+ */
+import { guard, readSelection } from './_studio.js';
+
+// 이미지·렌더 요청은 외부 API 응답을 기다리므로 실행 시간 한도를 명시한다.
+export const config = { maxDuration: 60 };
+
+const MODEL = 'gemini-2.5-flash-image';
+
+const PILLAR_DESCRIPTIONS = {
+  safety: 'hospital safety systems, clean surgical rooms, CCTV monitoring, professional medical team, trust and reliability',
+  expertise: 'medical expertise, advanced surgical equipment, professional doctors, medical certifications, precision and skill',
+  results: 'natural beautiful results, before and after transformation, patient satisfaction, subtle elegant outcomes',
+  care: 'patient-centered care, warm consultation, personalized treatment plan, caring medical staff, comfortable clinic interior',
+};
+
+const CHANNEL_HINTS = {
+  youtube: 'YouTube thumbnail style, bold text overlay area, high contrast, eye-catching',
+  instagram: 'Instagram aesthetic, clean minimalist, lifestyle photography style, warm tones',
+  naver_blog: 'Korean blog header image, informative, medical illustration, clean layout',
+  tiktok: 'TikTok cover image, vertical format, trendy, dynamic, youthful',
+  facebook: 'Facebook ad creative, professional, compelling, clear messaging space',
+};
+
+function buildPrompt(sel) {
+  return [
+    'Generate a premium medical marketing image for a plastic surgery clinic.',
+    `Theme: ${sel.pillarId ? PILLAR_DESCRIPTIONS[sel.pillarId] : ''}`,
+    `Style: ${CHANNEL_HINTS[sel.channel] ?? ''}`,
+    `Aspect ratio: ${sel.aspectRatio}`,
+    'Color palette: soft purple (#7B2D8E), gold (#E8B931), warm white (#FAF8F5).',
+    'Premium, luxurious, trustworthy aesthetic.',
+    'No text or logos in the image.',
+    'Photorealistic, high quality, professional medical marketing.',
+  ].filter(Boolean).join(' ');
+}
+
+export default async function handler(req, res) {
+  if (guard(req, res, ['POST'])) return;
+
+  const key = process.env.GEMINI_API_KEY;
+  if (!key) {
+    console.error('[api/gemini-image] GEMINI_API_KEY 가 설정되지 않았습니다.');
+    return res.status(500).json({ ok: false, error: 'unconfigured' });
+  }
+  const sel = readSelection(req.body);
+  if (!sel) return res.status(400).json({ ok: false, error: 'bad selection' });
+
+  const prompt = buildPrompt(sel);
+  let upstream;
+  try {
+    upstream = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${MODEL}:generateContent`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'x-goog-api-key': key },
+      body: JSON.stringify({
+        contents: [{ role: 'user', parts: [{ text: prompt }] }],
+        generationConfig: { responseModalities: ['TEXT', 'IMAGE'] },
+      }),
+    });
+  } catch (e) {
+    console.error('[api/gemini-image] 연결 실패', e);
+    return res.status(502).json({ ok: false, error: 'upstream unreachable' });
+  }
+
+  const data = await upstream.json().catch(() => null);
+  if (!upstream.ok) {
+    // 브라우저에는 상태만 넘기고, Google 의 상세 메시지는 서버 로그에만 남긴다.
+    console.error('[api/gemini-image] 업스트림 오류', upstream.status, JSON.stringify(data?.error ?? {}).slice(0, 300));
+    const status = upstream.status === 429 ? 429 : upstream.status === 400 ? 400 : 502;
+    return res.status(status).json({ ok: false, error: status === 429 ? 'rate limited' : 'upstream error' });
+  }
+
+  const parts = data?.candidates?.[0]?.content?.parts ?? [];
+  const image = parts.find((p) => p.inlineData?.mimeType?.startsWith('image/'))?.inlineData;
+  if (!image) return res.status(502).json({ ok: false, error: 'no image' });
+
+  return res.status(200).json({ ok: true, imageDataUrl: `data:${image.mimeType};base64,${image.data}`, prompt });
+}
diff --git a/src/services/creatomateVideoGen.ts b/src/services/creatomateVideoGen.ts
index 14a537c..a31382b 100644
--- a/src/services/creatomateVideoGen.ts
+++ b/src/services/creatomateVideoGen.ts
@@ -1,202 +1,63 @@
 import type { StudioState } from '../types/studio';
-import { CHANNEL_OPTIONS } from '../types/studio';
 
-const CREATOMATE_API_KEY = import.meta.env.VITE_CREATOMATE_API_KEY ?? '';
-const API_BASE = 'https://api.creatomate.com/v1';
+/**
+ * 콘텐츠 스튜디오 영상 생성. Creatomate 는 서버 함수(api/creatomate-render.js)에서만 호출한다.
+ * 브라우저는 키를 모르고 선택값만 보낸다. 렌더 시작 뒤 서버에 상태를 물어 완료를 기다린다 (2026-10-07).
+ */
 
 export interface VideoResult {
   videoUrl: string;
   prompt: string;
 }
 
-interface CreatomateRender {
-  id: string;
-  status: 'planned' | 'waiting' | 'transcribing' | 'rendering' | 'succeeded' | 'failed';
-  url?: string;
-  error_message?: string;
+interface RenderState {
+  ok: boolean;
+  id?: string;
+  status?: 'planned' | 'waiting' | 'transcribing' | 'rendering' | 'succeeded' | 'failed';
+  url?: string | null;
+  error?: string | null;
 }
 
-const ASPECT_DIMENSIONS: Record<string, { width: number; height: number }> = {
-  '9:16': { width: 1080, height: 1920 },
-  '16:9': { width: 1920, height: 1080 },
-  '1:1': { width: 1080, height: 1080 },
-  '4:5': { width: 1080, height: 1350 },
-};
+const ENDPOINT = '/api/creatomate-render';
 
-const PILLAR_TITLES: Record<string, { ko: string; en: string }> = {
-  safety: { ko: '안전한 수술 시스템', en: 'Safe Surgery System' },
-  expertise: { ko: '전문 의료진', en: 'Expert Medical Team' },
-  results: { ko: '자연스러운 결과', en: 'Natural Results' },
-  care: { ko: '환자 중심 케어', en: 'Patient-Centered Care' },
-};
-
-/**
- * Build a Creatomate source object programmatically.
- * This creates a simple branded slideshow video without needing
- * a pre-built template — ideal for initial integration.
- */
-function buildSource(state: StudioState) {
-  const channel = CHANNEL_OPTIONS.find(c => c.channel === state.channel);
-  const format = channel?.formats.find(f => f.key === state.format);
-  const dims = ASPECT_DIMENSIONS[format?.aspectRatio ?? '16:9'];
-  const pillar = state.pillarId ? PILLAR_TITLES[state.pillarId] : null;
-
-  return {
-    output_format: 'mp4',
-    width: dims.width,
-    height: dims.height,
-    duration: 10,
-    elements: [
-      // Background gradient
-      {
-        type: 'shape',
-        shape: 'rectangle',
-        width: '100%',
-        height: '100%',
-        fill_color: 'linear-gradient(180deg, #0A1128 0%, #1A2B5E 50%, #4F1DA1 100%)',
-      },
-      // Title text
-      {
-        type: 'text',
-        text: pillar?.ko || 'INFINITH Marketing',
-        font_family: 'Noto Sans KR',
-        font_weight: '700',
-        font_size: dims.width > dims.height ? '72px' : '56px',
-        fill_color: '#FFFFFF',
-        x: '50%',
-        y: '40%',
-        x_anchor: '50%',
-        y_anchor: '50%',
-        width: '80%',
-        text_align: 'center',
-        animations: [
-          { type: 'text-appear', duration: 1, split: 'word' },
-        ],
-      },
-      // Subtitle
-      {
-        type: 'text',
-        text: pillar?.en || 'Premium Medical Marketing',
-        font_family: 'Noto Sans KR',
-        font_weight: '400',
-        font_size: dims.width > dims.height ? '36px' : '28px',
-        fill_color: 'rgba(255,255,255,0.7)',
-        x: '50%',
-        y: '55%',
-        x_anchor: '50%',
-        y_anchor: '50%',
-        width: '80%',
-        text_align: 'center',
-        animations: [
-          { type: 'fade', fade_in: true, duration: 0.8, start: 0.5 },
-        ],
-      },
-      // Brand accent line
-      {
-        type: 'shape',
-        shape: 'rectangle',
-        width: '120px',
-        height: '4px',
-        fill_color: '#6C5CE7',
-        x: '50%',
-        y: '48%',
-        x_anchor: '50%',
-        y_anchor: '50%',
-        animations: [
-          { type: 'wipe', duration: 0.6, start: 0.3 },
-        ],
-      },
-      // Channel badge
-      {
-        type: 'text',
-        text: `${channel?.label || ''} · ${format?.label || ''}`,
-        font_family: 'Noto Sans KR',
-        font_weight: '500',
-        font_size: '20px',
-        fill_color: 'rgba(255,255,255,0.5)',
-        x: '50%',
-        y: '90%',
-        x_anchor: '50%',
-        y_anchor: '50%',
-        text_align: 'center',
-      },
-    ],
-  };
-}
-
-async function pollRender(renderId: string, maxAttempts = 30): Promise<CreatomateRender> {
+async function pollRender(renderId: string, maxAttempts = 30): Promise<RenderState> {
   for (let i = 0; i < maxAttempts; i++) {
-    const res = await fetch(`${API_BASE}/renders/${renderId}`, {
-      headers: { Authorization: `Bearer ${CREATOMATE_API_KEY}` },
-    });
-
-    if (!res.ok) {
-      throw new Error(`렌더 상태 확인 실패 (${res.status})`);
-    }
-
-    const render: CreatomateRender = await res.json();
-
-    if (render.status === 'succeeded' && render.url) {
-      return render;
-    }
-
-    if (render.status === 'failed') {
-      throw new Error(render.error_message || '영상 렌더링에 실패했습니다');
-    }
-
-    // Wait 2 seconds before next poll
-    await new Promise(resolve => setTimeout(resolve, 2000));
+    const res = await fetch(`${ENDPOINT}?id=${encodeURIComponent(renderId)}`);
+    if (!res.ok) throw new Error(`렌더 상태 확인 실패 (${res.status})`);
+    const render: RenderState = await res.json();
+    if (render.status === 'succeeded' && render.url) return render;
+    if (render.status === 'failed') throw new Error(render.error || '영상 렌더링에 실패했습니다');
+    await new Promise((resolve) => setTimeout(resolve, 2000));
   }
-
   throw new Error('영상 렌더링 시간이 초과되었습니다 — 다시 시도해주세요');
 }
 
 export async function generateVideo(state: StudioState): Promise<VideoResult> {
-  if (!CREATOMATE_API_KEY) {
-    throw new Error('Creatomate API 키가 설정되지 않았습니다');
-  }
-
-  const source = buildSource(state);
   const prompt = `${state.channel}/${state.format} — ${state.pillarId || 'general'}`;
 
-  let renderResponse;
+  let res: Response;
   try {
-    renderResponse = await fetch(`${API_BASE}/renders`, {
+    res = await fetch(ENDPOINT, {
       method: 'POST',
-      headers: {
-        'Authorization': `Bearer ${CREATOMATE_API_KEY}`,
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({ source }),
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ channel: state.channel, format: state.format, pillarId: state.pillarId }),
     });
   } catch (err) {
-    throw new Error('Creatomate 서버에 연결할 수 없습니다');
+    console.error('[generateVideo] 서버 연결 실패', err);
+    throw new Error('영상 생성 서버에 연결할 수 없습니다');
   }
 
-  if (!renderResponse.ok) {
-    const status = renderResponse.status;
-    if (status === 401) throw new Error('Creatomate API 인증 실패 — 관리자에게 문의하세요');
-    if (status === 429) throw new Error('렌더 한도 초과 — 잠시 후 다시 시도해주세요');
-    if (status === 400) {
-      const body = await renderResponse.json().catch(() => ({}));
-      throw new Error(`영상 설정 오류: ${body.message || '잘못된 요청'}`);
-    }
-    throw new Error(`영상 생성 요청 실패 (${status})`);
+  const render: RenderState | null = await res.json().catch(() => null);
+  if (!res.ok || !render?.ok) {
+    if (res.status === 500) throw new Error('Creatomate API 키가 설정되지 않았습니다');
+    if (res.status === 401) throw new Error('Creatomate API 인증 실패 — 관리자에게 문의하세요');
+    if (res.status === 429) throw new Error('렌더 한도 초과 — 잠시 후 다시 시도해주세요');
+    if (res.status === 400) throw new Error('영상 설정 오류: 잘못된 요청');
+    throw new Error(`영상 생성 요청 실패 (${res.status})`);
   }
+  if (!render.id) throw new Error('렌더 ID를 받지 못했습니다');
 
-  const renders: CreatomateRender[] = await renderResponse.json();
-  const render = renders[0];
-
-  if (!render?.id) {
-    throw new Error('렌더 ID를 받지 못했습니다');
-  }
-
-  // If already succeeded (fast render)
-  if (render.status === 'succeeded' && render.url) {
-    return { videoUrl: render.url, prompt };
-  }
-
-  // Poll for completion
+  if (render.status === 'succeeded' && render.url) return { videoUrl: render.url, prompt };
   const completed = await pollRender(render.id);
   return { videoUrl: completed.url!, prompt };
 }
diff --git a/src/services/geminiImageGen.ts b/src/services/geminiImageGen.ts
index 747a2b9..f407c46 100644
--- a/src/services/geminiImageGen.ts
+++ b/src/services/geminiImageGen.ts
@@ -1,44 +1,9 @@
-import { GoogleGenAI } from '@google/genai';
 import type { StudioState } from '../types/studio';
-import { CHANNEL_OPTIONS } from '../types/studio';
 
-const client = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY ?? '' });
-
-function buildPrompt(state: StudioState): string {
-  const channel = CHANNEL_OPTIONS.find(c => c.channel === state.channel);
-  const format = channel?.formats.find(f => f.key === state.format);
-
-  const pillarDescriptions: Record<string, string> = {
-    safety: 'hospital safety systems, clean surgical rooms, CCTV monitoring, professional medical team, trust and reliability',
-    expertise: 'medical expertise, advanced surgical equipment, professional doctors, medical certifications, precision and skill',
-    results: 'natural beautiful results, before and after transformation, patient satisfaction, subtle elegant outcomes',
-    care: 'patient-centered care, warm consultation, personalized treatment plan, caring medical staff, comfortable clinic interior',
-  };
-
-  const pillarContext = state.pillarId ? pillarDescriptions[state.pillarId] ?? '' : '';
-  const aspectRatio = format?.aspectRatio ?? '16:9';
-
-  const channelHints: Record<string, string> = {
-    youtube: 'YouTube thumbnail style, bold text overlay area, high contrast, eye-catching',
-    instagram: 'Instagram aesthetic, clean minimalist, lifestyle photography style, warm tones',
-    naver_blog: 'Korean blog header image, informative, medical illustration, clean layout',
-    tiktok: 'TikTok cover image, vertical format, trendy, dynamic, youthful',
-    facebook: 'Facebook ad creative, professional, compelling, clear messaging space',
-  };
-
-  const channelHint = state.channel ? channelHints[state.channel] ?? '' : '';
-
-  return [
-    'Generate a premium medical marketing image for a plastic surgery clinic.',
-    `Theme: ${pillarContext}`,
-    `Style: ${channelHint}`,
-    `Aspect ratio: ${aspectRatio}`,
-    'Color palette: soft purple (#7B2D8E), gold (#E8B931), warm white (#FAF8F5).',
-    'Premium, luxurious, trustworthy aesthetic.',
-    'No text or logos in the image.',
-    'Photorealistic, high quality, professional medical marketing.',
-  ].filter(Boolean).join(' ');
-}
+/**
+ * 콘텐츠 스튜디오 이미지 생성. Gemini 는 서버 함수(api/gemini-image.js)에서만 호출한다.
+ * 브라우저는 키를 모르고 선택값(채널·포맷·주제)만 보낸다. 프롬프트도 서버에서 만든다 (2026-10-07).
+ */
 
 export interface GenerateResult {
   imageDataUrl: string;
@@ -46,36 +11,24 @@ export interface GenerateResult {
 }
 
 export async function generateImage(state: StudioState): Promise<GenerateResult> {
-  const prompt = buildPrompt(state);
-
-  let response;
+  let res: Response;
   try {
-    response = await client.models.generateContent({
-      model: 'gemini-2.5-flash-image',
-      contents: prompt,
-      config: {
-        responseModalities: ['Text', 'Image'],
-      },
+    res = await fetch('/api/gemini-image', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ channel: state.channel, format: state.format, pillarId: state.pillarId }),
     });
-  } catch (err: any) {
-    const code = err?.status ?? err?.code ?? err?.message?.match(/"code":(\d+)/)?.[1];
-    if (String(code) === '429' || err?.message?.includes('RESOURCE_EXHAUSTED')) {
-      throw new Error('API 요청 한도 초과 — 잠시 후 다시 시도해주세요');
-    }
-    if (String(code) === '400' || err?.message?.includes('INVALID_ARGUMENT')) {
-      throw new Error('API 설정 오류 — 관리자에게 문의하세요');
-    }
-    throw new Error('이미지 생성 중 오류가 발생했습니다');
+  } catch (err) {
+    console.error('[generateImage] 서버 연결 실패', err);
+    throw new Error('이미지 생성 서버에 연결할 수 없습니다');
   }
 
-  // Extract image from response parts
-  const parts = response.candidates?.[0]?.content?.parts;
-  if (!parts) throw new Error('AI 응답을 받지 못했습니다');
-
-  const imagePart = parts.find((p: any) => p.inlineData?.mimeType?.startsWith('image/'));
-  if (!imagePart?.inlineData) throw new Error('이미지가 생성되지 않았습니다 — 다시 시도해주세요');
-
-  const { mimeType, data } = imagePart.inlineData;
-  const imageDataUrl = `data:${mimeType};base64,${data}`;
-  return { imageDataUrl, prompt };
+  const data = await res.json().catch(() => null);
+  if (!res.ok || !data?.ok) {
+    if (res.status === 429) throw new Error('API 요청 한도 초과 — 잠시 후 다시 시도해주세요');
+    if (res.status === 400 || res.status === 500) throw new Error('API 설정 오류 — 관리자에게 문의하세요');
+    if (data?.error === 'no image') throw new Error('이미지가 생성되지 않았습니다 — 다시 시도해주세요');
+    throw new Error('이미지 생성 중 오류가 발생했습니다');
+  }
+  return { imageDataUrl: data.imageDataUrl, prompt: data.prompt };
 }

From e20a90dc350a22f676e53eda576b76c8179c608b Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:39:19 +0900
Subject: [PATCH 16/22] =?UTF-8?q?fix:=20=EC=84=9C=EB=B2=84=20=EC=A0=84?=
 =?UTF-8?q?=EC=9A=A9=20=ED=82=A4=EA=B0=80=20=EB=B8=8C=EB=9D=BC=EC=9A=B0?=
 =?UTF-8?q?=EC=A0=80=20=EB=B2=88=EB=93=A4=EC=97=90=20=EB=93=A4=EC=96=B4?=
 =?UTF-8?q?=EA=B0=80=EC=A7=80=20=EC=95=8A=EA=B2=8C=20=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- vite.config define 의 GEMINI_API_KEY 를 지운다
- API 대시보드의 import.meta.env 동적 조회를 공개 변수 목록으로 바꾼다. 동적 조회 때문에 VITE_ 변수 전체(VITE_CREATOMATE_API_KEY 포함)가 번들에 들어갔다
- 모든 배포 빌드 끝에 서버 전용 키 값이 번들에 있으면 빌드를 실패시킨다

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 plugins/vite-plugin-public-bundle-guard.ts | 32 ++++++++++++++++++++++
 src/pages/ApiDashboardPage.tsx             | 19 +++++++++----
 vite.config.ts                             | 11 ++++----
 3 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/plugins/vite-plugin-public-bundle-guard.ts b/plugins/vite-plugin-public-bundle-guard.ts
index 02d4567..5f8d9fe 100644
--- a/plugins/vite-plugin-public-bundle-guard.ts
+++ b/plugins/vite-plugin-public-bundle-guard.ts
@@ -71,3 +71,35 @@ export function assertPublicBundleClean(outDir: string): void {
     );
   }
 }
+
+// ─── 모든 배포 공통: 서버 전용 비밀값이 번들에 들어갔는지 ─────────────────────────────
+// 이름에 KEY·SECRET·TOKEN·PASSWORD·SERVICE_ROLE 이 들어간 환경변수 값을 서버 전용으로 본다.
+// 공개를 전제로 만든 값만 예외로 둔다. 값 자체를 대조하므로 키 형식이 바뀌어도 잡는다.
+const SECRET_NAME = /(KEY|SECRET|TOKEN|PASSWORD|SERVICE_ROLE)/;
+const PUBLIC_BY_DESIGN = new Set(['VITE_SUPABASE_ANON_KEY']);
+
+/** 위반한 환경변수 이름 목록을 돌려준다. 값은 출력하지 않는다. */
+export function findSecretValueLeaks(outDir: string, env: Record<string, string>): string[] {
+  const secrets = Object.entries(env).filter(
+    ([name, value]) => SECRET_NAME.test(name) && !PUBLIC_BY_DESIGN.has(name) && typeof value === 'string' && value.length >= 16,
+  );
+  if (!secrets.length) return [];
+  const leaks = new Set<string>();
+  for (const file of listFiles(outDir)) {
+    if (!TEXT_EXT.has(path.extname(file).toLowerCase())) continue;
+    const text = fs.readFileSync(path.join(outDir, file), 'utf8');
+    for (const [name, value] of secrets) if (text.includes(value)) leaks.add(`${name} (${file})`);
+  }
+  return [...leaks];
+}
+
+/** 서버 전용 비밀값이 번들에 있으면 빌드를 멈춘다. 모든 배포(webforai.kr·infinith-demo)에 건다. */
+export function assertNoSecretValues(outDir: string, env: Record<string, string>): void {
+  const leaks = findSecretValueLeaks(outDir, env);
+  if (leaks.length) {
+    throw new Error(
+      `번들 비밀값 검사 실패 (${leaks.length}건). 서버 전용 키가 브라우저 번들에 들어갔습니다. VITE_ 접두사나 vite.config define 을 확인하세요.\n` +
+        leaks.map((v) => `  - ${v}`).join('\n'),
+    );
+  }
+}
diff --git a/src/pages/ApiDashboardPage.tsx b/src/pages/ApiDashboardPage.tsx
index 5921a5e..2b69811 100644
--- a/src/pages/ApiDashboardPage.tsx
+++ b/src/pages/ApiDashboardPage.tsx
@@ -147,7 +147,7 @@ const API_REGISTRY: ApiConfig[] = [
     name: 'Google Gemini',
     description: 'AI 이미지 생성 + Vision 분석 (스크린샷 OCR)',
     envKeys: ['GEMINI_API_KEY'],
-    layer: 'both',
+    layer: 'edge-function',
     docsUrl: 'https://ai.google.dev/docs',
     IconComponent: DatabaseFilled,
     category: 'ai',
@@ -161,8 +161,8 @@ const API_REGISTRY: ApiConfig[] = [
     id: 'creatomate',
     name: 'Creatomate',
     description: '마케팅 영상 자동 생성 (템플릿 기반)',
-    envKeys: ['VITE_CREATOMATE_API_KEY'],
-    layer: 'frontend',
+    envKeys: ['CREATOMATE_API_KEY'],
+    layer: 'edge-function',
     docsUrl: 'https://creatomate.com/docs/api/introduction',
     IconComponent: VideoFilled,
     category: 'ai',
@@ -176,12 +176,19 @@ const API_REGISTRY: ApiConfig[] = [
 
 /* ────────────────── Environment Variable Checker ─────────────── */
 
+// 브라우저에서 확인할 수 있는 값은 공개를 전제로 만든 변수뿐이다. import.meta.env 를 이름으로 동적 조회하면
+// Vite 가 VITE_ 변수 전체를 번들에 넣으므로(2026-10-07 VITE_CREATOMATE_API_KEY 노출 원인), 여기 적은 것만 읽는다.
+const PUBLIC_ENV: Record<string, string | undefined> = {
+  VITE_SUPABASE_URL: import.meta.env.VITE_SUPABASE_URL,
+  VITE_SUPABASE_ANON_KEY: import.meta.env.VITE_SUPABASE_ANON_KEY,
+};
+
 function checkEnvVars(): ApiStatusInfo[] {
   return API_REGISTRY.map((api) => {
     const keyPresent: Record<string, boolean> = {};
     for (const key of api.envKeys) {
       if (key.startsWith('VITE_')) {
-        const val = (import.meta.env as Record<string, string | undefined>)[key];
+        const val = PUBLIC_ENV[key];
         keyPresent[key] = !!val && val.length > 0;
       } else {
         keyPresent[key] = true;
@@ -269,12 +276,12 @@ function EnvKeyRow({ envKey, present, isServerSide }: { key?: string; envKey: st
   const value = isServerSide
     ? '(Edge Function 환경변수 — 프론트엔드에서 확인 불가)'
     : showKey
-      ? (import.meta.env as Record<string, string | undefined>)[envKey] || ''
+      ? PUBLIC_ENV[envKey] || ''
       : '••••••••••••••••';
 
   const handleCopy = () => {
     if (!isServerSide) {
-      navigator.clipboard.writeText((import.meta.env as Record<string, string | undefined>)[envKey] || '');
+      navigator.clipboard.writeText(PUBLIC_ENV[envKey] || '');
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     }
diff --git a/vite.config.ts b/vite.config.ts
index 8dd9b6e..1d1374d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,7 +4,7 @@ import fs from 'fs';
 import path from 'path';
 import {defineConfig, loadEnv} from 'vite';
 import { supabaseSync } from './plugins/vite-plugin-supabase-sync';
-import { assertPublicBundleClean } from './plugins/vite-plugin-public-bundle-guard';
+import { assertNoSecretValues, assertPublicBundleClean } from './plugins/vite-plugin-public-bundle-guard';
 
 export default defineConfig(({mode}) => {
   const env = loadEnv(mode, '.', '');
@@ -73,8 +73,10 @@ export default defineConfig(({mode}) => {
         name: 'infinith-root-favicon',
         apply: 'build' as const,
         writeBundle(options: {dir?: string}) {
-          if (!isDiscovery) return;
           const out = options.dir ?? 'dist';
+          // 모든 배포 공통: 서버 전용 키 값이 번들에 있으면 빌드를 멈춘다.
+          assertNoSecretValues(out, env);
+          if (!isDiscovery) return;
           // public/ 은 infinith-demo 와 공용이라 실제 병원 리포트 원본(reports/)과 병원 채널 스크린샷(assets/clients/)이 들어 있다.
           // 공개 배포(webforai.kr)에서는 링크가 없어도 주소만 알면 열리므로 빌드 결과에서 지운다 (2026-10-07).
           for (const dir of ['reports', path.join('assets', 'clients')]) {
@@ -108,10 +110,7 @@ export default defineConfig(({mode}) => {
         serviceRoleKey: env.SUPABASE_SERVICE_ROLE_KEY ?? env.VITE_SUPABASE_ANON_KEY ?? '',
       }),
     ],
-    define: {
-      // 공개 배포(webforai.kr)에는 이미지 생성 기능이 없으므로 키를 번들에 넣지 않는다. 브라우저로 내려간 값은 공개다.
-      'process.env.GEMINI_API_KEY': JSON.stringify(isDiscovery ? '' : env.GEMINI_API_KEY),
-    },
+    // 서버 전용 키(Gemini·Creatomate 등)는 define·VITE_ 접두사로 번들에 넣지 않는다. 호출은 api/*.js 서버 함수에서 한다 (2026-10-07).
     build: {
       rollupOptions: {
         treeshake: {

From 506f594a4e612a50bf31d652d8d6c85a0f332355 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 14:47:09 +0900
Subject: [PATCH 17/22] =?UTF-8?q?fix:=20=EB=8D=B0=EB=AA=A8=20=EB=AF=B8?=
 =?UTF-8?q?=EB=A6=AC=EB=B3=B4=EA=B8=B0=20=EB=B0=B0=ED=8F=AC=20=EC=A3=BC?=
 =?UTF-8?q?=EC=86=8C=EC=97=90=EC=84=9C=EB=8F=84=20=EC=8A=A4=ED=8A=9C?=
 =?UTF-8?q?=EB=94=94=EC=98=A4=20=EC=84=9C=EB=B2=84=20=ED=95=A8=EC=88=98?=
 =?UTF-8?q?=EB=A5=BC=20=EB=B6=80=EB=A5=BC=20=EC=88=98=20=EC=9E=88=EA=B2=8C?=
 =?UTF-8?q?=20=ED=95=9C=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

미리보기는 Vercel 로그인 뒤에 있어 팀원만 연다. Referer 확인도 출처 단위로 비교한다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 api/_studio.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/api/_studio.js b/api/_studio.js
index ac65548..67d5bb3 100644
--- a/api/_studio.js
+++ b/api/_studio.js
@@ -30,13 +30,17 @@ const ALLOWED_ORIGINS = [
   'http://127.0.0.1:3000',
 ];
 
+/** 이 프로젝트의 미리보기 배포 주소. 미리보기는 Vercel 로그인(배포 보호) 뒤에 있어 팀원만 연다. */
+const PREVIEW_ORIGIN = /^https:\/\/infinith-demo-[a-z0-9]+-o2odev-5530s-projects\.vercel\.app$/;
+const isAllowedOrigin = (o) => ALLOWED_ORIGINS.includes(o) || PREVIEW_ORIGIN.test(o);
+
 /**
  * CORS·메서드·출처를 확인한다. 통과하면 null, 아니면 이미 응답을 보낸 뒤 true 를 돌려준다.
  * @param {string[]} methods 허용 메서드
  */
 export function guard(req, res, methods) {
   const origin = req.headers.origin || '';
-  const allowed = ALLOWED_ORIGINS.includes(origin);
+  const allowed = isAllowedOrigin(origin);
   if (allowed) {
     res.setHeader('Access-Control-Allow-Origin', origin);
     res.setHeader('Vary', 'Origin');
@@ -53,7 +57,8 @@ export function guard(req, res, methods) {
   }
   // 같은 출처 GET 은 브라우저가 Origin 을 붙이지 않을 수 있어 Referer 로도 확인한다.
   const referer = req.headers.referer || '';
-  const sameSite = ALLOWED_ORIGINS.some((o) => referer.startsWith(o + '/'));
+  const refOrigin = (referer.match(/^https?:\/\/[^/]+/) || [''])[0];
+  const sameSite = isAllowedOrigin(refOrigin);
   if (!allowed && !sameSite) {
     res.status(403).json({ ok: false, error: 'forbidden origin' });
     return true;

From 13d44ddabc79213d4b3266ce7c512b575cc8d10c Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 15:18:51 +0900
Subject: [PATCH 18/22] =?UTF-8?q?fix:=20=EA=B0=9C=EC=9D=B8=EC=A0=95?=
 =?UTF-8?q?=EB=B3=B4=EC=B2=98=EB=A6=AC=EB=B0=A9=EC=B9=A8=C2=B7=EC=9D=B4?=
 =?UTF-8?q?=EC=9A=A9=EC=95=BD=EA=B4=80=20=EB=B2=95=EB=AC=B4=20=EA=B2=80?=
 =?UTF-8?q?=ED=86=A0=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 처리방침: 처리 목적별 법적 근거, 국외 이전 근거 조항·이전받는 자 연락처·거부 방법과 효과, 거래기록 보관 근거를 국세기본법으로
- 이용약관: AI 기본법 제31조 생성형 AI 사전 고지 조항 추가, 외부 서비스 면책을 회사 고의·과실 없는 경우로 한정
- 검토 문서 docs/legal/webforai_privacy_terms_review_2026-10-07.html

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 ...forai_privacy_terms_review_2026-10-07.html | 154 ++++++++++++++++++
 src/pages/PrivacyPage.tsx                     |  17 +-
 src/pages/TermsPage.tsx                       |  10 +-
 3 files changed, 172 insertions(+), 9 deletions(-)
 create mode 100644 docs/legal/webforai_privacy_terms_review_2026-10-07.html

diff --git a/docs/legal/webforai_privacy_terms_review_2026-10-07.html b/docs/legal/webforai_privacy_terms_review_2026-10-07.html
new file mode 100644
index 0000000..884cbc0
--- /dev/null
+++ b/docs/legal/webforai_privacy_terms_review_2026-10-07.html
@@ -0,0 +1,154 @@
+<!doctype html>
+<html lang="ko">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>webforai.kr 약관 법무 검토</title>
+<style>
+  :root { --ink:#1D0024; --navy:#021341; --violet:#4F1DA1; --line:#E5E7EF; --bg:#F7F8FC; --hi:#B42318; --mid:#B54708; --lo:#175CD3; --ok:#067647; }
+  * { box-sizing: border-box; }
+  body { margin:0; background:var(--bg); color:var(--ink); font-family: Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif; font-size:16px; line-height:1.75; word-break:keep-all; }
+  .wrap { max-width:980px; margin:0 auto; padding:40px 20px 80px; }
+  h1 { font-size:30px; margin:0 0 6px; color:var(--navy); }
+  h2 { font-size:21px; margin:44px 0 12px; color:var(--navy); border-bottom:2px solid var(--line); padding-bottom:6px; }
+  h3 { font-size:17px; margin:22px 0 6px; }
+  .meta { color:#555; font-size:14px; }
+  .note { background:#fff; border:1px solid var(--line); border-left:4px solid var(--violet); padding:14px 18px; border-radius:8px; margin:16px 0; }
+  table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; font-size:15px; }
+  th, td { text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line); }
+  th { background:#EEF0F7; color:var(--navy); font-weight:700; }
+  .badge { display:inline-block; font-weight:800; font-size:14px; padding:2px 10px; border-radius:999px; color:#fff; white-space:nowrap; }
+  .hi { background:var(--hi); } .mid { background:var(--mid); } .lo { background:var(--lo); } .ok { background:var(--ok); }
+  .card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin:14px 0; }
+  .card h3 { margin-top:0; }
+  .fix { background:#F4F3FE; border-radius:8px; padding:10px 14px; margin-top:8px; font-size:15px; }
+  code { background:#EEF0F7; padding:1px 6px; border-radius:4px; font-size:14px; }
+  a { color:var(--violet); }
+  ul { margin:6px 0; padding-left:22px; }
+  .src li { font-size:14px; }
+</style>
+</head>
+<body>
+<div class="wrap">
+  <h1>webforai.kr 개인정보처리방침·이용약관 법무 검토</h1>
+  <p class="meta">검토일 2026-10-07 · 대상: <code>webforai.kr/privacy</code>, <code>webforai.kr/terms</code> (2026-10-07 게시본) · 작성: Claude (웹 검색 근거 기반 1차 검토)</p>
+
+  <div class="note">
+    이 문서는 공개 법령 해설과 감독기관 자료를 근거로 한 1차 검토입니다. 법률 자문을 대신하지 않습니다.
+    "반드시 고칠 것"은 법령 문언상 필수 기재사항이 빠진 경우만 넣었고, 해석이 갈리는 부분은 "확인 필요"로 분리했습니다.
+    최종 게시 전에는 개인정보·의료 분야 변호사 검토를 권합니다.
+  </div>
+
+  <h2>요약</h2>
+  <table>
+    <tr><th style="width:120px">등급</th><th>건수</th><th>내용</th></tr>
+    <tr><td><span class="badge hi">반드시 고칠 것</span></td><td>3</td><td>국외 이전 필수 기재사항 누락 · 개인정보 보호책임자 표기 요건 미충족 · 개인 Gmail 계정에서 고객 정보 처리</td></tr>
+    <tr><td><span class="badge mid">권장</span></td><td>4</td><td>처리 목적별 법적 근거 기재 · AI 기본법 사전 고지 · 이행보조자 면책 문구 · 거래기록 보관 근거 법령</td></tr>
+    <tr><td><span class="badge lo">확인 필요</span></td><td>2</td><td>분석 쿠키(GA4)의 처리 근거 · 수집 시점 안내 문구</td></tr>
+    <tr><td><span class="badge ok">적합</span></td><td>-</td><td>필수 기재 13개 항목 중 대부분, 의료 관련 고지, 재판관할, 약관 변경 고지 기간, 처리방침 명칭 구분 표시</td></tr>
+  </table>
+
+  <h2>1. 반드시 고칠 것</h2>
+
+  <div class="card">
+    <h3><span class="badge hi">필수</span> ① 국외 이전 고지에 이전받는 자의 연락처와 거부 효과가 빠져 있음 (개인정보처리방침 제5조)</h3>
+    <p><b>근거:</b> 개인정보 보호법 제28조의8 제2항. 처리방침 공개를 근거로 국외 이전을 하려면 이전 항목, 국가·시기·방법, <b>이전받는 자의 성명(법인은 명칭과 연락처)</b>, 이용 목적과 보유·이용 기간, <b>거부 방법·절차와 거부의 효과</b>를 모두 적어야 합니다.</p>
+    <p><b>현재:</b> 항목·국가·시기·방법·목적·기간은 있으나 Google·Vercel의 연락처가 없고, 거부 방법은 "이메일 또는 전화로 문의"뿐이며 거부 효과(서비스 이용 제한 여부)가 없습니다. 이전 근거 조항(제28조의8 제1항 제3호 가목)도 적혀 있지 않습니다.</p>
+    <div class="fix"><b>수정안:</b>
+      <ul>
+        <li>Google LLC: 문의 구글코리아 유한회사, 02-722-7778, data-access-requests@google.com (Google 한국 거주자용 개인정보 추가 정보 페이지 기준)</li>
+        <li>Vercel Inc.: privacy@vercel.com, 440 N Barranca Avenue #4133, Covina, CA 91723, United States (Vercel 개인정보 고지 기준)</li>
+        <li>거부 방법·효과: "서식 대신 이메일(o2oteam@o2o.kr)이나 전화로 문의하면 서식 저장(Google)으로의 이전을 거부할 수 있습니다. 웹사이트 접속 자체는 호스팅(Vercel)을 거치므로, 접속 기록 이전을 거부하려면 웹사이트 이용을 중단해야 합니다. 분석 쿠키는 제8조 방법으로 거부할 수 있고, 거부해도 이용 제한은 없습니다."</li>
+        <li>근거 명시: "정보주체와의 계약 체결·이행을 위하여 필요한 처리위탁·보관으로서 이 방침에 공개한 경우(법 제28조의8 제1항 제3호 가목)"</li>
+      </ul>
+    </div>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge hi">필수</span> ② 개인정보 보호책임자 표기가 요건에 맞지 않음 (제10조)</h3>
+    <p><b>근거:</b> 개인정보 보호법 시행령 제31조. 처리방침에는 보호책임자의 <b>성명</b> 또는 개인정보 보호업무·고충 처리를 맡는 <b>부서의 명칭</b>과 전화번호 등 연락처를 적어야 합니다. 또한 법 제31조에 따라 보호책임자를 실제로 지정해야 합니다.</p>
+    <p><b>현재:</b> "(주)AI오투오 개인정보 보호 담당"으로 적혀 있어 성명도 실제 부서명도 아닙니다. 열람 청구를 받는 부서도 따로 적혀 있지 않습니다.</p>
+    <div class="fix"><b>수정안:</b> 회사가 지정한 보호책임자의 성명·직책, 또는 실제 담당 부서명(예: "경영지원팀")과 전화·이메일을 적고, "열람청구 접수·처리 부서: 위와 같음"을 덧붙입니다. <b>어느 사람·부서로 할지는 회사가 정해야 합니다.</b></div>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge hi">필수</span> ③ 고객 정보가 개인 Gmail 계정(aio2odev@gmail.com)의 시트에 쌓임</h3>
+    <p><b>근거:</b> 개인정보 보호법 제26조(업무위탁)는 위탁자와 수탁자 사이에 처리 목적·안전조치·재위탁 제한 등을 문서로 정하도록 합니다. 처리방침 제5조는 Google을 "수탁자"로 적었지만, 개인용 Gmail 계정은 기업용 데이터 처리 계약이 붙는 구조가 아니어서 이 표기를 뒷받침하기 어렵습니다. 문의 서식은 이름·연락처를 받으므로 회사 계정에서 관리되어야 합니다.</p>
+    <div class="fix"><b>수정안:</b> 문의 수신 시트와 Apps Script를 회사 계정으로 옮깁니다(예: 회사 Google Workspace, 또는 회사가 쓰는 Microsoft 365의 Excel·Power Automate). 옮긴 뒤 처리방침의 수탁자 표기를 실제 계약 주체에 맞춥니다. <b>어느 계정으로 옮길지는 결정이 필요합니다.</b></div>
+  </div>
+
+  <h2>2. 권장</h2>
+
+  <div class="card">
+    <h3><span class="badge mid">권장</span> ④ 처리 목적별 법적 근거를 함께 적기 (제1·2조)</h3>
+    <p><b>근거:</b> 개인정보보호위원회 「개인정보 처리방침 작성지침」(2025.4 개정)은 처리 목적별로 동의, 계약 이행, 법령 등 근거를 구분해 적도록 안내합니다. 개인정보 보호법 제15조 제1항 제4호(2023 개정)는 "계약을 체결하는 과정에서 정보주체의 요청에 따른 조치"에 필요한 경우 동의 없이 수집할 수 있게 합니다.</p>
+    <div class="fix"><b>수정안:</b> "문의·진단 요청 회신: 정보주체의 요청에 따른 조치 이행(법 제15조 제1항 제4호)" · "서비스 계약 이행: 계약 이행(같은 호)" · "거래기록 보관: 관계 법령(같은 항 제2호)".</div>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge mid">권장</span> ⑤ AI 기본법에 따른 생성형 AI 사전 고지 (이용약관)</h3>
+    <p><b>근거:</b> 「인공지능 발전과 신뢰 기반 조성 등에 관한 기본법」(2026.1.22 시행) 제31조. 생성형 AI를 이용한 제품·서비스를 제공할 때 그 사실을 이용자에게 미리 알리고(이용약관 등), 결과물이 생성형 AI로 만들어졌음을 표시해야 합니다. 정부는 시행 초기 1년 이상 과태료를 부과하지 않는 계도기간을 운영 중이며, 위반 시 과태료는 1회 500만 원부터입니다.</p>
+    <p><b>현재:</b> 이용약관에 AI 사용 고지가 없습니다. 진단 리포트 작성, 공식 답변 허브 콘텐츠 작성, 이미지·영상 생성(데모 스튜디오)에 생성형 AI를 씁니다.</p>
+    <div class="fix"><b>수정안:</b> 이용약관에 조항 추가. "서비스의 일부(진단 리포트 문안, 공식 답변 허브 콘텐츠 초안, 이미지·영상)는 생성형 인공지능을 이용해 만들어지며, 회사는 해당 결과물에 그 사실을 표시합니다. 의료 관련 내용은 의료기관 확인을 거쳐 게시합니다." 산출물(공식 답변 허브 글 등)에도 표시 방식을 정해야 합니다.</div>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge mid">권장</span> ⑥ 외부 서비스 장애 면책 문구를 좁히기 (이용약관 제11조)</h3>
+    <p><b>근거:</b> 약관의 규제에 관한 법률 제7조. 사업자·<b>이행보조자</b>의 고의·중과실 책임을 배제하거나, 상당한 이유 없이 사업자의 손해배상 범위를 제한하는 조항은 무효입니다.</p>
+    <p><b>현재:</b> "외부 서비스(호스팅·AI 답변엔진·검색엔진 등)의 장애나 정책 변경 등 회사가 통제할 수 없는 사유"로 면책합니다. 호스팅처럼 회사가 고른 업체는 이행보조자로 볼 여지가 있습니다.</p>
+    <div class="fix"><b>수정안:</b> "…회사의 고의 또는 과실 없이 발생한 외부 서비스의 장애나 정책 변경으로 생긴 손해"로 한정합니다. AI 답변엔진·검색엔진의 노출 변화처럼 성질상 통제할 수 없는 부분은 제5조(진단 결과의 성격)에 이미 있어 유지합니다.</div>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge mid">권장</span> ⑦ 거래기록 보관 근거 법령 바로잡기 (개인정보처리방침 제3조)</h3>
+    <p><b>근거:</b> 「전자상거래 등에서의 소비자보호에 관한 법률」의 보관 의무는 전자상거래·통신판매 거래를 대상으로 합니다. 이 서비스는 병원(사업자)과의 개별 계약이 중심이라 근거로 맞지 않을 수 있습니다.</p>
+    <div class="fix"><b>수정안:</b> 계약·대금 기록은 「국세기본법」(장부·증빙서류 5년) 등 실제로 적용되는 법령으로 적고, 전자상거래법 문구는 온라인 결제 등 해당 거래가 생길 때 추가합니다. 웹사이트 방문기록 3개월(통신비밀보호법)은 유지해도 무방합니다.</div>
+  </div>
+
+  <h2>3. 확인 필요 (해석이 갈림)</h2>
+
+  <div class="card">
+    <h3><span class="badge lo">확인</span> ⑧ 분석 쿠키(GA4)의 처리 근거</h3>
+    <p>국내에는 분석 쿠키에 사전 동의 배너를 요구하는 명문 규정이 없고, 처리방침에 수집 항목·목적·거부 방법을 공개하는 방식이 관행입니다(현재 제8조가 이 방식). 다만 쿠키 식별자와 결합된 방문 기록을 개인정보로 볼지, 근거를 "정당한 이익(법 제15조 제1항 제6호)"으로 둘지는 해석이 갈립니다. 해외 이용자(특히 EU) 비중이 커지면 동의 배너가 필요할 수 있습니다.</p>
+  </div>
+
+  <div class="card">
+    <h3><span class="badge lo">확인</span> ⑨ 문의 서식의 수집 시점 안내</h3>
+    <p>제15조 제1항 제4호로 동의 없이 받을 수 있지만, 서식 하단의 "입력 정보는 문의 회신 용도로만 사용합니다" 옆에 처리방침 링크와 "해외 서버(Google·Vercel)에 저장" 한 줄을 붙이면 투명성이 높아집니다(작성지침의 알기 쉬운 고지 원칙).</p>
+  </div>
+
+  <h2>4. 적합으로 본 항목</h2>
+  <table>
+    <tr><th>항목</th><th>근거</th><th>판단</th></tr>
+    <tr><td>처리 목적·항목·보유기간·파기·제3자 제공·정보주체 권리(10일 내 조치)·안전성 확보조치·자동수집장치·권익침해 구제·변경 고지</td><td>개인정보 보호법 제30조, 시행령 제31조</td><td>기재됨</td></tr>
+    <tr><td>처리방침 명칭을 다른 링크와 구분해 표시(푸터 굵게)</td><td>시행령 제31조 공개 방법</td><td>적합</td></tr>
+    <tr><td>만 14세 미만·민감정보 미수집, 문의에 환자 정보 금지 안내</td><td>법 제22조의2, 제23조</td><td>적합</td></tr>
+    <tr><td>의료광고 사전심의 책임은 의료기관에 있음을 고지</td><td>의료법 제56조 제1항(광고 주체), 제57조(사전심의)</td><td>적합. 회사는 의료광고의 주체가 될 수 없으므로 산출물 게시 책임 구분이 맞음</td></tr>
+    <tr><td>AI 답변 노출을 보장하지 않는다는 고지</td><td>의료법 제56조 제2항(효과 보장 금지 취지), 표시광고법</td><td>적합</td></tr>
+    <tr><td>재판관할: 민사소송법에 따른 관할 법원</td><td>약관규제법 제14조(고객에게 부당하게 불리한 관할 합의 금지)</td><td>적합</td></tr>
+    <tr><td>약관 변경 7일 전, 불리한 변경 30일 전 고지</td><td>약관규제법 제3조 취지, 업계 표준약관</td><td>적합</td></tr>
+    <tr><td>권익침해 구제 기관 연락처 (1833-6972, 118, 1301, 182)</td><td>작성지침</td><td>적합</td></tr>
+  </table>
+
+  <h2>5. 다음 단계 제안</h2>
+  <ul>
+    <li>①⑥⑦④⑤ 문구 수정은 바로 반영 가능 (페이지 2개, 배포 1회)</li>
+    <li>②는 보호책임자(사람 또는 부서) 지정, ③은 문의 수신 계정 이전 결정이 먼저 필요</li>
+    <li>⑧⑨는 변호사 검토 시 함께 질의</li>
+  </ul>
+
+  <h2>근거 자료</h2>
+  <ul class="src">
+    <li>개인정보보호위원회, 개인정보 처리방침 작성지침 개정(2025.4): <a href="https://www.daeryunlaw.com/newsletter/news/151">대륜 뉴스레터</a>, <a href="https://www.newsseoul.co.kr/news/view/1065585619471455">뉴스서울</a></li>
+    <li>개인정보 보호법 제28조의8 국외 이전: <a href="https://itwiki.kr/w/%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4_%EB%B3%B4%ED%98%B8%EB%B2%95_%EC%A0%9C28%EC%A1%B0%EC%9D%988">조문</a>, <a href="https://www.nepla.ai/wiki/it-정보-방송통신/개인정보-위치정보-신용정보/개인정보의-국외이전-mo59y3rr81vj">해설</a></li>
+    <li>개인정보 보호법 시행령 제31조: <a href="https://itwiki.kr/w/%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4_%EB%B3%B4%ED%98%B8%EB%B2%95_%EC%8B%9C%ED%96%89%EB%A0%B9_%EC%A0%9C31%EC%A1%B0">조문</a></li>
+    <li>개인정보 보호법 제15조 제1항 제4호(2023 개정): <a href="https://korea.legal/wiki/%ea%b0%9c%ec%9d%b8%ec%a0%95%eb%b3%b4-%eb%b3%b4%ed%98%b8%eb%b2%95-%ec%a0%9c15%ec%a1%b0/">조문</a></li>
+    <li>약관의 규제에 관한 법률 제7조: <a href="https://korea.legal/wiki/%ec%95%bd%ea%b4%80%ec%9d%98-%ea%b7%9c%ec%a0%9c%ec%97%90-%ea%b4%80%ed%95%9c-%eb%b2%95%eb%a5%a0-%ec%a0%9c7%ec%a1%b0/">조문</a></li>
+    <li>의료법 제56조·제57조: <a href="https://cheongchul.com/blog/의료광고-의료법-변호사-의료광고에-적용되는-법령(1)-의료법">해설</a></li>
+    <li>AI 기본법 제31조 투명성 의무: <a href="https://www.shinkim.com/kor/media/newsletter/pdf/3142">세종 뉴스레터</a>, <a href="https://www.skax.co.kr/insight/trend/3666">SK AX 해설</a></li>
+    <li>Google 한국 거주자용 개인정보 추가 정보: <a href="https://policies.google.com/privacy/additional?gl=kr">policies.google.com</a></li>
+    <li>Vercel 개인정보 고지: <a href="https://vercel.com/legal/privacy-notice">vercel.com/legal/privacy-notice</a></li>
+  </ul>
+</div>
+</body>
+</html>
diff --git a/src/pages/PrivacyPage.tsx b/src/pages/PrivacyPage.tsx
index 7f59648..fe9d085 100644
--- a/src/pages/PrivacyPage.tsx
+++ b/src/pages/PrivacyPage.tsx
@@ -28,6 +28,9 @@ const SECTIONS: LegalSection[] = [
       '- 문의 및 진단 요청에 대한 회신과 상담',
       '- 요청하신 AEO, GEO 진단의 수행과 결과 전달',
       '- 서비스 도입 관련 안내(요청하신 범위에 한함)',
+      '위 목적의 처리 근거는 정보주체의 요청에 따른 조치 이행입니다(개인정보 보호법 제15조 제1항 제4호).',
+      '- 서비스 계약의 이행과 거래 기록 보관: 계약 이행과 관계 법령에 따른 의무 준수(같은 법 제15조 제1항 제2호·제4호)',
+      '- 웹사이트 이용 현황 분석: 제8조의 분석 쿠키로 수집하며, 이 정보로 개인을 직접 식별하지 않습니다.',
       '회사는 위 목적 외의 용도로 개인정보를 이용하지 않으며, 목적이 바뀌는 경우 미리 동의를 받습니다.',
     ],
   },
@@ -36,9 +39,7 @@ const SECTIONS: LegalSection[] = [
     body: [
       '회사는 문의 처리가 끝난 날부터 1년간 개인정보를 보관한 뒤 지체 없이 파기합니다. 정보주체가 삭제를 요청하면 그 전이라도 파기합니다.',
       '서비스 계약을 체결한 경우에는 관계 법령에 따라 아래 기간 동안 보관합니다.',
-      '- 계약 또는 청약철회 등에 관한 기록: 5년 (전자상거래 등에서의 소비자보호에 관한 법률)',
-      '- 대금결제 및 재화 등의 공급에 관한 기록: 5년 (같은 법)',
-      '- 소비자의 불만 또는 분쟁처리에 관한 기록: 3년 (같은 법)',
+      '- 계약 및 대금 거래에 관한 기록(장부·증빙서류): 5년 (국세기본법)',
       '- 웹사이트 방문 기록: 3개월 (통신비밀보호법)',
     ],
   },
@@ -49,11 +50,11 @@ const SECTIONS: LegalSection[] = [
   {
     title: '개인정보 처리업무의 위탁 및 국외 이전',
     body: [
-      '회사는 서비스 운영을 위해 아래와 같이 개인정보 처리업무를 위탁하며, 수탁자의 서버가 국외에 있어 개인정보가 국외로 이전됩니다.',
-      '- Google LLC (미국): 문의 내용 저장(Google 스프레드시트) 및 접수 알림 메일 발송. 이전 항목은 제1조의 서식 입력 항목이며, 서식을 제출하는 시점에 네트워크로 전송됩니다. 보유 기간은 제3조와 같습니다.',
-      '- Google LLC (미국): 웹사이트 방문 분석(Google 애널리틱스, Google 태그 관리자). 이전 항목은 제1조의 방문 분석 정보이며, 웹사이트를 이용하는 시점에 네트워크로 전송됩니다. 보유 기간은 수집일부터 최대 14개월입니다.',
-      '- Vercel Inc. (미국): 웹사이트 호스팅 및 서식 전송 처리. 이전 항목은 서식 입력 항목과 접속 기록이며, 웹사이트 이용 및 서식 제출 시 네트워크로 전송됩니다. 보유 기간은 위탁 계약 종료 시까지입니다.',
-      '국외 이전을 원하지 않으시면 서식 대신 이메일 또는 전화로 문의하실 수 있습니다. 다만 이 경우에도 회신 메일은 회사의 메일 서비스를 통해 처리됩니다.',
+      '회사는 서비스 운영을 위해 아래와 같이 개인정보 처리업무를 위탁하며, 수탁자의 서버가 국외에 있어 개인정보가 국외로 이전됩니다. 이 이전은 정보주체와의 계약 체결·이행을 위하여 필요한 처리위탁·보관으로서 이 방침에 공개한 경우에 해당합니다(개인정보 보호법 제28조의8 제1항 제3호 가목).',
+      '- Google LLC (미국): 문의 내용 저장(Google 스프레드시트) 및 접수 알림 메일 발송. 이전 항목은 제1조의 서식 입력 항목이며, 서식을 제출하는 시점에 네트워크로 전송됩니다. 보유 기간은 제3조와 같습니다. 연락처: data-access-requests@google.com, 02-722-7778 (Google 한국 이용자 개인정보 문의 창구)',
+      '- Google LLC (미국): 웹사이트 방문 분석(Google 애널리틱스, Google 태그 관리자). 이전 항목은 제1조의 방문 분석 정보이며, 웹사이트를 이용하는 시점에 네트워크로 전송됩니다. 보유 기간은 수집일부터 최대 14개월입니다. 연락처는 위와 같습니다.',
+      '- Vercel Inc. (미국): 웹사이트 호스팅 및 서식 전송 처리. 이전 항목은 서식 입력 항목과 접속 기록이며, 웹사이트 이용 및 서식 제출 시 네트워크로 전송됩니다. 보유 기간은 위탁 계약 종료 시까지입니다. 연락처: privacy@vercel.com, 440 N Barranca Avenue #4133, Covina, CA 91723, United States',
+      `국외 이전을 거부하는 방법과 효과: 서식 대신 이메일(${PRIVACY_EMAIL})이나 전화(${CONTACT_PHONE})로 문의하시면 서식 내용의 저장(Google)을 위한 이전을 거부할 수 있으며, 문의와 회신은 그대로 이용하실 수 있습니다. 웹사이트 접속은 호스팅(Vercel)을 거치므로 접속 기록의 이전을 거부하려면 웹사이트 이용을 중단하셔야 합니다. 방문 분석 쿠키는 제8조의 방법으로 거부할 수 있고, 거부해도 웹사이트 이용에 제한은 없습니다.`,
     ],
   },
   {
diff --git a/src/pages/TermsPage.tsx b/src/pages/TermsPage.tsx
index 4844d41..8c68a0c 100644
--- a/src/pages/TermsPage.tsx
+++ b/src/pages/TermsPage.tsx
@@ -50,6 +50,14 @@ const SECTIONS: LegalSection[] = [
       '의료기관이 서비스 산출물을 광고 목적으로 게시하는 경우, 의료법에 따른 의료광고 사전심의 등 필요한 절차는 해당 의료기관이 책임지고 이행해야 합니다. 회사의 검토는 이 절차를 대신하지 않습니다.',
     ],
   },
+  {
+    title: '생성형 인공지능 이용 고지',
+    body: [
+      '서비스의 일부는 생성형 인공지능을 이용해 운용됩니다(인공지능 발전과 신뢰 기반 조성 등에 관한 기본법 제31조).',
+      '- 생성형 인공지능을 이용하는 부분: 공식 답변 허브에 실을 콘텐츠 초안, 이미지·영상 결과물',
+      '회사는 관련 법령에 따라 생성형 인공지능으로 만든 결과물에 그 사실을 표시합니다. 의료 관련 내용은 의료기관의 확인을 거친 뒤 게시합니다.',
+    ],
+  },
   {
     title: '이용자의 의무',
     body: [
@@ -83,7 +91,7 @@ const SECTIONS: LegalSection[] = [
   {
     title: '책임의 제한',
     body: [
-      '- 회사는 천재지변, 외부 서비스(호스팅·AI 답변엔진·검색엔진 등)의 장애나 정책 변경 등 회사가 통제할 수 없는 사유로 생긴 손해에 대해 책임을 지지 않습니다.',
+      '- 회사는 천재지변, 그리고 회사의 고의 또는 과실 없이 발생한 외부 서비스(호스팅·AI 답변엔진·검색엔진 등)의 장애나 정책 변경으로 생긴 손해에 대해 책임을 지지 않습니다.',
       '- 회사는 이용자가 입력한 정보의 오류나 이용자의 귀책사유로 생긴 손해에 대해 책임을 지지 않습니다.',
       '- 회사는 무료로 제공하는 사이트 정보와 예시 리포트의 이용으로 생긴 손해에 대해 고의 또는 중대한 과실이 없는 한 책임을 지지 않습니다.',
     ],

From 60f828cce05588ad382709aa0d88be46407e18cf Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 15:32:14 +0900
Subject: [PATCH 19/22] =?UTF-8?q?fix:=20=EC=8A=A4=ED=81=AC=EB=A6=B0?=
 =?UTF-8?q?=EC=83=B7=20=EB=B6=84=EC=84=9D(Vision)=20=EB=AA=A8=EB=8D=B8?=
 =?UTF-8?q?=EC=9D=84=20gemini-3.5-flash=20=EB=A1=9C=20=EB=B0=94=EA=BE=BC?=
 =?UTF-8?q?=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

gemini-2.0-flash 는 Google 이 내려 404 를 돌려주고 있었다(2026-10-07 확인). 분석이 조용히 빈 결과로 끝나던 상태다.
새 Gemini 키(서비스 계정 바인딩) 프로젝트에서도 호출되는 3.5-flash 로 바꾸고, 내부 추론 토큰을 감안해 출력 한도를 4096 으로 올린다.
운영 collect-channel-data v24 로 배포(운영 index.ts 는 로컬과 달라 운영 소스에 이 파일만 바꿔 배포), Supabase GEMINI_API_KEY 는 새 키로 교체.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 supabase/functions/_shared/visionAnalysis.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/supabase/functions/_shared/visionAnalysis.ts b/supabase/functions/_shared/visionAnalysis.ts
index 5e9dc3e..c9faa25 100644
--- a/supabase/functions/_shared/visionAnalysis.ts
+++ b/supabase/functions/_shared/visionAnalysis.ts
@@ -387,7 +387,7 @@ export async function analyzeScreenshot(
   try {
     console.log(`[vision] Analyzing screenshot: ${pageType} (${Math.round(base64.length / 1024)}KB)`);
     const res = await fetchWithRetry(
-      `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${geminiKey}`,
+      `https://generativelanguage.googleapis.com/v1beta/models/gemini-3.5-flash:generateContent?key=${geminiKey}`,
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
@@ -399,8 +399,10 @@ export async function analyzeScreenshot(
             ],
           }],
           generationConfig: {
+            // gemini-2.0-flash 는 Google 이 내려 404 다 (2026-10-07 확인). 3.5-flash 는 답 전에 내부 추론 토큰(약 550)을 쓰고
+          // 그것도 출력 한도에 들어가므로 JSON 이 잘리지 않게 한도를 넉넉히 둔다.
             temperature: 0.1,
-            maxOutputTokens: 2048,
+            maxOutputTokens: 4096,
           },
         }),
       },

From 845df728480890a78bd900e2197a60b47c331568 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 15:33:38 +0900
Subject: [PATCH 20/22] =?UTF-8?q?fix:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=EC=9D=98=20=EB=8F=99=EC=9E=91=ED=95=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8A=94=20mailto=20=EB=AC=B8=EC=9D=98=20?=
 =?UTF-8?q?=EB=A7=81=ED=81=AC=EB=A5=BC=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

메일 앱이 없는 환경에서는 눌러도 아무 일이 없었다. 문의는 헤더·푸터의 문의하기(서식)로 받는다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/pages/LoginPage.tsx | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index 5e19194..5fabbc9 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -13,7 +13,7 @@
 import { useState, type FormEvent } from 'react';
 import { Link } from 'react-router';
 import { ArrowRight } from 'lucide-react';
-import { buildContactMailto, CONTACT_EMAIL } from '../lib/contact';
+import { CONTACT_EMAIL } from '../lib/contact';
 
 export default function LoginPage() {
   const [email, setEmail] = useState('');
@@ -111,17 +111,6 @@ export default function LoginPage() {
             </div>
           )}
         </form>
-
-        {/* 하단 문의하기 */}
-        <div className="mt-6 text-center">
-          <p className="text-xs text-slate-500 mb-2">계약을 원하시나요?</p>
-          <a
-            href={buildContactMailto('도입 문의 (LoginPage)')}
-            className="inline-flex items-center gap-1 text-sm font-semibold text-[#4F1DA1] hover:text-[#021341] transition-colors underline-offset-4 hover:underline"
-          >
-            문의하기 →
-          </a>
-        </div>
       </div>
     </section>
   );

From e71e8816eead94b4c065ba7f3d6f9a3f47208622 Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 15:35:57 +0900
Subject: [PATCH 21/22] =?UTF-8?q?fix:=20=EB=9E=9C=EB=94=A9=20=ED=95=98?=
 =?UTF-8?q?=EB=8B=A8=20CTA=20=EC=98=86=EC=9D=98=20mailto=20=EB=A7=81?=
 =?UTF-8?q?=ED=81=AC=EB=A5=BC=20=EB=BA=80=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

메일 앱이 없으면 동작하지 않고, 옆의 진단 요청 버튼이 같은 문의 서식을 연다.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/discovery/DiscoveryCta.tsx | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/src/components/discovery/DiscoveryCta.tsx b/src/components/discovery/DiscoveryCta.tsx
index 1503f87..bd5b142 100644
--- a/src/components/discovery/DiscoveryCta.tsx
+++ b/src/components/discovery/DiscoveryCta.tsx
@@ -1,8 +1,7 @@
 /**
- * 최종 CTA (다크). 연락처는 lib/contact.ts 의 sales@o2o.kr 단일 채널 (허위 연락처 금지).
+ * 최종 CTA (다크). 문의는 진단 요청 버튼이 여는 문의 서식으로 받는다. mailto 링크는 메일 앱이 없으면 동작하지 않아 두지 않는다.
  */
 import { motion } from 'motion/react';
-import { buildDiscoveryMailto, DISCOVERY_CONTACT_EMAIL } from './discoveryContact';
 
 interface DiscoveryCtaProps {
   criteriaCount: number;
@@ -34,12 +33,6 @@ export default function DiscoveryCta({ criteriaCount, onStart }: DiscoveryCtaPro
           >
             AEO, GEO 진단 요청하기
           </button>
-          <a
-            href={buildDiscoveryMailto('무료 진단 신청')}
-            className="text-[15px] text-slate-500 hover:text-slate-300 transition-colors"
-          >
-            {DISCOVERY_CONTACT_EMAIL}
-          </a>
         </div>
       </motion.div>
     </section>

From b91fdf1a6af2086bcf652690a79a2f77dc43b38e Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Wed, 7 Oct 2026 15:36:39 +0900
Subject: [PATCH 22/22] =?UTF-8?q?docs:=20DiscoveryCta=20onStart=20?=
 =?UTF-8?q?=EC=A3=BC=EC=84=9D=EC=9D=84=20=EC=8B=A4=EC=A0=9C=20=EB=8F=99?=
 =?UTF-8?q?=EC=9E=91=EC=97=90=20=EB=A7=9E=EC=B6=98=EB=8B=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/discovery/DiscoveryCta.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/discovery/DiscoveryCta.tsx b/src/components/discovery/DiscoveryCta.tsx
index bd5b142..ccc24ac 100644
--- a/src/components/discovery/DiscoveryCta.tsx
+++ b/src/components/discovery/DiscoveryCta.tsx
@@ -5,7 +5,7 @@ import { motion } from 'motion/react';
 
 interface DiscoveryCtaProps {
   criteriaCount: number;
-  /** CTA 클릭 → URL 입력 신청 모달 열기 */
+  /** CTA 클릭 → 진단 요청(문의 서식) 열기 */
   onStart: () => void;
 }