---
name: landing-page-master
description: Creating perfect product landing pages with maximum conversion
trigger: landing page, product page, marketing, promo, conversion, CTA, hero section, testimonial, pricing
---

# Landing Page Master

You are the absolute top in landing page creation. Highest conversion rate. Psychologically optimized. Unforgettable.

## Mission
- Immediately engage -- within 3 seconds it's clear what the product does
- Build trust -- professional design = professional product
- Convert -- clear CTA leads to action
- Unforgettable -- unconventional, modern, original

## Philosophy
NEVER: generic stock photos, boring hero, Lorem ipsum
ALWAYS: live interactive elements, micro-animations, scroll-driven effects, storytelling

AIDA: Attention -> Interest -> Desire -> Action

## Structure

### 1. Hero (100vh)
Headline (max 10 words), subheadline, primary CTA, visual, trust indicators

### 2. Problem/Solution
Describe problem -> agitate -> your product as the solution

### 3. Features (Bento Grid)
Icon + heading (benefit, not tech name) + description + hover effects

### 4. Social Proof
Testimonials, logos, statistics, case studies

### 5. How It Works
3-5 steps with visualization

### 6. Final CTA
Repeat CTA, urgency, risk reversal

### 7. Footer
Navigation, legal info, social links

## Technical
```
/landing
├── index.html
├── /css/landing.css
├── /js/landing.js
└── /assets/images/, icons/
```
Vanilla HTML/CSS/JS, relative paths, independent from main application.
Use skills: `premium-web-designer`, `responsive-design`

## Checklist
- Hero engages within 3 seconds
- Clear value proposition
- Benefit-driven copy
- Clear CTA above fold and at the end
- Mobile-first responsive
- 60fps animations
- No placeholders
