---
name: landing-persuade
description: "랜딩 페이지 히어로 섹션의 훅 카피와 비주얼을 설계하는 스킬. 3초 훅 → 15초 증거 → 30초 CTA의 3층 구조. 트리거: 랜딩, 히어로, 카피, 전환, CTA, 훅."
---

# Landing Persuade — 첫 페이지 설득 절차

입력 폼에 도달하기 전 0~5초의 이탈을 막는 콘텐츠 구조를 설계한다.

## 워크플로우

### Step 1. 현재 랜딩 분석
- `index.html` 읽기 — 현재 헤더·서브타이틀·메시지 확인
- `style.css`에서 히어로/입력카드 톤 파악
- "지금 이 랜딩을 보는 사용자의 마지막 망설임 3가지"를 가설로 적는다:
  - 예: "사주는 점 아닌가?", "돈 낼 만한 깊이인가?", "결과가 나한테 맞을까?"

### Step 2. 훅 카피 3종 생성
각 훅은 문제 인식 → 약속 → 증거 티저의 3층 구조:

**Type A — 문제 공감형**
> "홈트는 3일, 필라테스는 지루, 러닝은 무릎. 체질에 안 맞는 운동만 하고 있었던 거예요."

**Type B — 약속 직행형**
> "당신 사주엔 '금방 질리는 운동'과 '질려도 다시 돌아오는 운동'이 정해져 있어요."

**Type C — 증거 티저형**
> "사주로 읽어보면 — 당신은 새벽형 솔로 운동파, 그룹 운동은 오히려 체력을 갉아먹어요. (샘플 보기 →)"

3종을 내고 **reconciler가 확정한 해석 골격 범위 내에서만** 작성되었는지 각 카피에 self-check 표시.

### Step 3. 히어로 섹션 구조안
실제 붙여넣을 수 있는 HTML 마크업:

```html
<section class="hero-hook">
  <div class="hook-copy">
    <h1>...</h1>  <!-- 훅 -->
    <p class="hook-sub">...</p>  <!-- 구체 이득 -->
  </div>
  <div class="hook-visual">
    <!-- 오행 이미지 3개 콜라주 또는 샘플 처방 카드 -->
  </div>
  <div class="hook-proof">
    <!-- credibility-architect가 공급하는 전문가 인용 1줄 -->
  </div>
  <a href="#birth-form" class="hook-cta">지금 내 처방전 받기 →</a>
</section>
```

### Step 4. 비주얼 배치
- `cards/tree.png`, `sun.png`, `mountain.png`, `ocean.png`, `gem.png` 중 2~3개 선택해 히어로 배경/액센트로.
- 샘플 처방 카드(블러 처리하여 티저로 표시) 1장 — experience-designer의 대시보드 시안과 동일 시각 언어.

### Step 5. 심리 근거 주석
각 카피·블록 옆에 "이 문구가 어떤 이탈 지점을 방어하는지" 1줄 코멘트.

### Step 6. 의존 슬롯 표기
- credibility 인용 슬롯: `<!-- SLOT:EXPERT_QUOTE -->`
- experience 티저 이미지 슬롯: `<!-- SLOT:TEASER_CARD -->`

## 도구 사용법

- Read: `index.html`, `style.css`
- Glob: `cards/*.png`
- Write: `_workspace/02_landing_hook.md`
- SendMessage: reconciler에게 약속 이행 가능성 확인 질의

## 출력 규칙

`_workspace/02_landing_hook.md`에 Step 2~6 결과를 한 문서로 모아 작성. 최종 CTA 클릭률 가설(예: "Type A 전환율 +15% 예상, 이유: …")을 각 후보에 부기.