landing-pagelisted

# Landing Page This skill builds landing pages that convert — not just pages that look nice. It combines a proven section order with real copy and production-ready code. Analogy: a landing page is a salesperson who never sleeps. A good salesperson follows an order — grab attention, name the pain, show the cure, prove it works, ask for the sale. The section structure below is that script. ## Workflow ### Step 1 — Ask up to 3 questions (no more) - What are you selling or offering? (product, service, SaaS, consulting) - Who is the ideal customer? (the avatar — be specific) - What is the single main action you want the visitor to take? (buy, book a call, sign up, join waitlist) If the message already answers these, skip ahead. ### Step 2 — Build the section structure (proven psychological order) 1. **Hero** — clear value proposition + primary CTA. The visitor must understand what this is and why it matters in 5 seconds. 2. **Problem** — agitate the customer's pain. Make them feel the cost of not solving it. 3. **Solution** — how the product/service resolves that pain. 4. **Features** — 3-6 key items, written as **benefits, not specifications** ("ship in a weekend," not "built with X framework"). 5. **Social proof** — testimonials, logos, numbers, results. 6. **Pricing** — if applicable; clear tiers, one highlighted. 7. **FAQ** — kill the top objections before they stop the sale. 8. **Final CTA** — restate the value and repeat the main action. ### Step 3 — Activate `ui-de