Hero Section

Most hero sections try to say everything and communicate nothing. The H1 is a tagline. The subheadline repeats it. The CTA says "Learn More." Visitors leave in 6 seconds. This skill diagnoses your product, visitor, and awareness level first — then selects from 9 proven layouts (Problem-Agitate-Solve, Feature-to-Benefit, Category King, Social Proof Sandwich, and five others) and writes the complete section: H1 (8 words max), subheadline, CTA button text, social proof line, visual direction, and one A/B alternative.

1. Click "Copy prompt" above and paste it into Claude or ChatGPT to start the session.
2. Describe your product, your primary visitor, their awareness level (unaware / problem-aware / solution-aware / product-aware), the one action you want them to take, and what social proof you have.
3. Review the layout recommendation and the reason. If the awareness diagnosis is wrong, correct it before accepting the copy.
4. Use the alternative H1 for an A/B test. The most defensible headline is often the second option.
5. Take the visual direction seriously. The skill will tell you to show the UI, not a stock photo — that matters for conversion.

Input:
Product: B2B SaaS that automates pipeline reporting for revenue teams
Visitor: VP Sales or RevOps lead
Awareness: Solution-aware — comparing options
Goal: Book a demo
Social proof: 200+ customers, G2 4.8, logos from Salesforce and HubSpot

RECOMMENDED LAYOUT: Feature-to-Benefit Engine
Reason: solution-aware audience responds to specific outcomes, not problem statements

HERO COPY:
H1: See your full pipeline in 60 seconds
H2: Automated reporting for revenue teams. No spreadsheets, no manual pulls.
CTA: See it live
Social proof: 4.8 on G2 · Trusted by 200+ revenue teams

ALTERNATIVE: Your pipeline report, without the manual work