From 721cf3a5dd5950dec6f227c6a379214eb8254af0 Mon Sep 17 00:00:00 2001 From: rupy1014 Date: Sat, 6 Dec 2025 08:58:59 +0900 Subject: [PATCH] example update --- .claude/commands/appkit.sales.md | 29 +++++++++++++++++++ .../templates/sales-landing-template.html | 0 2 files changed, 29 insertions(+) rename example/index.html => .specify/templates/sales-landing-template.html (100%) diff --git a/.claude/commands/appkit.sales.md b/.claude/commands/appkit.sales.md index 2a57046..9b1a3e6 100644 --- a/.claude/commands/appkit.sales.md +++ b/.claude/commands/appkit.sales.md @@ -272,6 +272,35 @@ Subject: "김대리님, 이번 주말 테니스 어떠세요?" - Pain-Gain 매트릭스 - 차별화 포인트 +3. **`docs/appkit/landing-page.html`** (선택사항) + - 실제 HTML 랜딩 페이지 + - `.specify/templates/sales-landing-template.html` 템플릿 기반으로 생성 + +--- + +## Template Reference + +### 랜딩 페이지 HTML 템플릿 + +랜딩 페이지를 실제 HTML로 만들 때는 아래 템플릿을 참고하세요: + +``` +.specify/templates/sales-landing-template.html +``` + +**템플릿 특징**: +- SEO 최적화 (Open Graph, Twitter Card, JSON-LD 구조화 데이터) +- 반응형 디자인 (모바일 우선) +- 모던한 UI/UX (Noto Sans KR 폰트, 부드러운 애니메이션) +- 섹션 구성: Hero → Problem → Solution → Benefits → Social Proof → FAQ → CTA +- CSS 변수 기반 테마 시스템 (Primary: #7C3AED) + +**사용법**: +1. 템플릿을 복사하여 새 파일 생성 +2. 세일즈 메시지에 맞게 텍스트 수정 +3. 브랜드 컬러와 이미지 교체 +4. CTA 링크 및 폼 연결 + --- ## Integration Points diff --git a/example/index.html b/.specify/templates/sales-landing-template.html similarity index 100% rename from example/index.html rename to .specify/templates/sales-landing-template.html