landing-page

Landing Page

A landing page is a sales conversation, not a brochure. You have 5 seconds to communicate what the product does and why it matters. This skill gives you the structure and copy for every section.

Core Principles

• A landing page has ONE goal. Everything serves that goal or gets cut.
• Structure follows the buyer's internal monologue: "What is this?" -> "Is it for me?" -> "How does it work?" -> "Can I trust it?" -> "What do I do next?"
• Above the fold is the most valuable real estate on the internet.
• Long pages can outperform short pages — IF every section earns its place.

---

Workflow

Landing Page Build:
- [ ] Define the ONE goal (signup, waitlist, demo request)
- [ ] Write the hero section (headline + subheadline + CTA)
- [ ] Plan sections in scroll order
- [ ] Write copy for each section
- [ ] Build the page
- [ ] Test on mobile
- [ ] Add analytics tracking (see analytics skill)

---

Section-by-Section Build

Hero (Above the Fold)

The hero has 5 elements. Get these right and the rest is easier.

1. Headline — State the outcome, not the product.
   • Be specific: "Cut your deploy time from 45 minutes to 45 seconds"
   • Not: "Deploy faster"
2. Subheadline — Add the "how" or a second benefit.
3. Primary CTA — High contrast, specific action text. "Start building free" not "Get started."
4. Visual — Product screenshot, short demo, or animated illustration. Show the product in action.
5. Social proof bar — Logo strip or metric: "Trusted by 15,000+ teams"

Tell AI:

Write the hero section for our landing page:
- Product: [what it does, one sentence]
- Audience: [who it's for]
- Main benefit: [the #1 outcome users get]
- Social proof: [number of users, notable customers, or key metric]

Give me:
- 3 headline options (under 10 words each, outcome-focused)
- Subheadline for each (adds "how" or second benefit)
- Primary CTA button text + anxiety reducer below it
- Social proof line
Pick the strongest option and explain why.