landing-page-converter
Build high-converting landing pages and product sales pages using proven 10-section conversion frameworks. Includes Hero → Social Proof → Benefits → CTA flow for both lead capture and e-commerce pages.
安装 / 下载方式
TotalClaw CLI推荐
totalclaw install clawskills:clawskills~cameron-jovan-landing-page-convertercURL直接下载，无需登录
curl -fsSL https://skills.taituai.com/api/skills/clawskills%3Aclawskills~cameron-jovan-landing-page-converter/file -o cameron-jovan-landing-page-converter.md# Landing Page Converter Skill
Convert any offer into a high-converting landing page or product page using the proven templates from the Jovan Industries conversion framework.
## The Two Templates
### 1. LANDING PAGE Template
Used for: Lead magnets, email captures, webinar signups, free trials
```
┌─────────────────────────────────────────────────────────┐
│ HERO SECTION │
│ ┌─────────────────────────────────────────────────┐ │
│ │ Main Headline (1 line, punchy, benefit-driven) │ │
│ └─────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────┐ │
│ │ Sub-headline (explain the main benefit) │ │
│ └─────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────┐ │
│ │ PRIMARY CTA BUTTON (big, contrasting color) │ │
│ └─────────────────────────────────────────────────┘ │
│ [Product/hero image] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ SOCIAL PROOF BAR │
│ "TRUSTED BY 10,000+ [理想Customers]" │
│ [Logo] [Logo] [Logo] [Logo] [Logo] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ PROBLEM SECTION │
│ "Struggling with [PAIN POINT]?" │
│ Describe the problem in customer's words │
│ [Image: person looking frustrated] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ AGITATION SECTION │
│ "Here's why [PAIN POINT] keeps getting worse..." │
│ Make the problem feel more urgent/painful │
│ [Image: problem escalation visuals] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ SOLUTION SECTION │
│ ┌─────────────────────────────────────────────────┐ │
│ │ "Introducing [PRODUCT NAME]" │ │
│ │ │ │
│ │ [Product image - large, clear] │ │
│ └─────────────────────────────────────────────────┘ │
│ List 3-5 key benefits (not features) │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ MECHANICS SECTION │
│ "How it works - 3 simple steps" │
│ Step 1 → Step 2 → Step 3 (with icons/images) │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ TESTIMONIALS SECTION │
│ [★ 5.0] "Changed my life..." │
│ - Name, Title │
│ [★ 5.0] "Best investment..." │
│ - Name, Title │
│ [★ 5.0] "Finally works..." │
│ - Name, Title │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ OFFER SECTION │
│ "Here's what you get:" │
│ ✓ [Benefit 1] │
│ ✓ [Benefit 2] │
│ ✓ [Benefit 3] │
│ + [Bonuses] │
│ [PRIMARY CTA BUTTON] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ RISK REVERSAL │
│ "Your protection:" │
│ ✓ [Risk Reversal 1 - usually money-back] │
│ ✓ [Risk Reversal 2] │
│ ✓ [Risk Reversal 3] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ FINAL CTA SECTION │
│ "Start [DESIRED ACTION] Today" │
│ [Countdown timer if scarcity] │
│ [PRIMARY CTA BUTTON] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ FOOTER │
│ [Links] [Privacy] [Terms] [Contact] │
└─────────────────────────────────────────────────────────┘
```
### 2. PRODUCT PAGE Template
Used for: Direct product sales, e-commerce, digital products
Build product pages EXCLUSIVELY using this 10-section flow from top to bottom:
```
┌─────────────────────────────────────────────────────────┐
│ 1. NAV (Top Menu) │
│ [Logo] [Shop] [About] [Blog] [Contact] [Cart 🛒] │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 2. BUYBOX (Hero Product Module) │
│ ┌─────────────────────┬───────────────────────────┐ │
│ │ │ ★★★★★ (128 reviews) │ │
│ │ [Product Image] │ PRODUCT NAME │ │
│ │ │ $XX.XX │ │
│ │ │ [Color: ▼] [Size: ▼] │ │
│ │ │ [ADD TO CART] │ │
│ │ │ [Buy Now] │ │
│ └─────────────────────┴───────────────────────────┘ │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 3. SOCIAL PROOF #1 (Testimonials Row 1) │
│ "⭐⭐⭐⭐⭐ Loved by 10,000+ customers" │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ "Quote..." │ │ "Quote..." │ │ "Quote..." │ │
│ │ - Name │ │ - Name │ │ - Name │ │
│ │ [avatar] │ │ [avatar] │ │ [avatar] │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
│ ↗ ↗ ↗ │
│ [FB] [TW] [IG] [PI] (share icons above) │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 4. SOCIAL PROOF #2 (More Proof / UGC) │
│ "Here's what real customers are sharing..." │
│ [Customer photo 1] [Customer photo 2] │
│ [Customer photo 3] [Customer photo 4] │
│ "Posted on Instagram/Twitter..." │
└─────────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────────┐
│ 5. BENEFITS (Icon-Bulleted List) │
│ ┌─────────────────────────────────────────────────┐ │
│ │ [icon] BENEFIT 1 │ │
│ │ Short description of this benefit │ │
│ ├─────────────────────────────────────────────────┤ │
│ │ [icon] BENEFIT 2 │ │
│ │ Short description of this benefit │ │
│ ├─────────────────────────────────────────────────┤ │
│ │ [icon] BEN