landing-page-funnellisted

# Landing Page Funnel Skill ## When to Use This Skill Use when building, auditing, or redesigning a SaaS landing page, pricing page, or signup funnel. --- ## 1. Page Structure Template (Exact Section Order) Build every landing page in this order. Do not skip sections. Do not reorder. | # | Section | Purpose | Key Rule | |---|---------|---------|----------| | 1 | **Nav bar** | Orientation + persistent CTA | Logo left, 3-5 links center, CTA button right | | 2 | **Hero** | Hook + primary conversion | Headline (under 8 words) + subheadline (1-2 sentences) + primary CTA + product screenshot or 15s demo | | 3 | **Logo bar** | Instant credibility | 5-8 recognizable customer/press logos. Scrolling carousel on mobile | | 4 | **Problem/pain** | Emotional resonance | Name the specific pain. No features here. Only the broken status quo | | 5 | **Solution showcase** | Outcome-driven features | 3-5 feature cards or use-case sections. Benefits, not features. Bento grid or card layout | | 6 | **Social proof** | Trust through evidence | Testimonials with photo + full name + title + company + specific metric. Never generic quotes | | 7 | **How it works** | Simplify the mental model | 3-step visual process. Numbered. Icons or illustrations per step | | 8 | **Pricing preview** | Remove ambiguity | Embedded pricing or "See Pricing" link. If embedded: 3 tiers max, middle highlighted | | 9 | **FAQ / objection handling** | Overcome hesitation | 5-8 most common questions. Accordion format on mo