Agent Skills: Landing Page Structure

Build high-converting landing pages with a simple 6-section framework. Use for landing page guidance.

UncategorizedID: da1z/agent-things/perfect-landing-page

Install this agent skill to your local

pnpm dlx add-skill https://github.com/da1z/agent-things/tree/HEAD/skills/perfect-landing-page

Skill Files

Browse the full folder contents for perfect-landing-page.

Download Skill

Loading file tree…

skills/perfect-landing-page/SKILL.md

Skill Metadata

Name
perfect-landing-page
Description
Build high-converting landing pages with a simple 6-section framework. Use for landing page guidance.

Landing Page Structure

Build landing pages using this proven 6-section structure. Each section has a specific purpose in the conversion journey.

The 6 Sections

1. Hero Section (Above the Fold)
2. Features & Benefits
3. Additional Social Proof
4. FAQ (Handle Objections)
5. Final Call to Action
6. Footer

1. Hero Section

The most critical section. If this fails, visitors won't scroll further.

Required Elements

| Element | Purpose | Copy Guidance | | ---------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------- | | Title | Explain the VALUE you provide | Don't just describe what you do—explain what happens when they use it. "Generate more traffic" > "Marketing agency" | | Subtitle | Explain HOW the value is created | Include the method and optionally WHO it's for. "We building high-converting websites for small businesses" | | Visual | Help them imagine the outcome | Show product in use, the experience, or the person behind the service | | Social Proof | Make claims believable | Logos, numbers ("5,000 customers"), years in business | | CTA | Tell them what to do next | One clear action: "Get Started", "Book a Call", "Buy Now" |

Hero Copy Formula

Title: [Value/Outcome they get]
Subtitle: [How you deliver it] + [Who it's for]
CTA: [Specific next action]

Examples

Stripe:

  • Title: "Payment infrastructure for the internet"
  • Subtitle: "Millions of companies of all sizes from startups to Fortune 500 use Stripe"
  • Visual: Shows analytics dashboard AND customer checkout experience

Service Provider:

  • Title: "Double your website conversions in 90 days"
  • Subtitle: "Strategic copywriting for B2B SaaS companies"
  • Visual: Photo of the person (helps visualize who they're hiring)
  • Social Proof: "Work completed for [brand logos]"

2. Features & Benefits

Deliver on the promise made in the hero. Explain HOW it works.

Features vs Benefits

| Type | Definition | Example (Tesla) | | ----------- | ---------------------------- | ------------------------------------------------------- | | Feature | Technical specs, what it has | "200 mph top speed", "120 horsepower" | | Benefit | What happens when you use it | "Stay connected anywhere", "Immersive sound experience" |

The Mario Principle

The feature is "we have a flower." The benefit is "you can throw fireballs."

Always connect features TO benefits. Don't just list specs—explain what those specs mean for the user.

Structure Options

Short format: 3-4 key benefits with icons Long format: Detailed feature sections with visuals


3. Additional Social Proof

Reinforce credibility after explaining how it works.

Types

  • Logos: Companies you've worked with
  • Testimonials: Quotes from customers (with photos/names)
  • Numbers: "10,000+ customers", "$2M saved for clients"
  • Case studies: Brief success stories
  • Press mentions: "As seen in..."

4. FAQ Section

Handle objections before they become reasons not to buy.

Purpose

A landing page is a sales presentation without a live salesperson. FAQs predict and answer the questions that would prevent purchase.

Identifying Objections

Think about why someone might NOT buy:

  • Price concerns
  • Trust issues
  • Technical questions
  • Timing doubts
  • Comparison to alternatives

Format

**Q: [Common objection phrased as question]**

A: [Direct answer that addresses the concern]

5. Final Call to Action

Last chance before they leave. Repeat the CTA.

Rules

  • Never end the page without a clear next step
  • Can include a summary of value proposition
  • Often includes urgency or a reminder of the benefit

Format Options

[Headline restating value]
[Brief supporting text]
[CTA Button]

6. Footer

Organizational element for navigation and legal requirements.

Common Elements

  • Site navigation links
  • Newsletter signup
  • Social media links
  • Legal pages (Privacy, Terms)
  • Contact information

Implementation Checklist

When building a landing page, verify each section:

- [ ] Hero: Title explains VALUE, not just what you do
- [ ] Hero: Subtitle explains HOW and/or WHO
- [ ] Hero: Visual helps them imagine the outcome
- [ ] Hero: Social proof makes claims credible
- [ ] Hero: CTA is clear and specific
- [ ] Features: Connected to benefits, not just specs
- [ ] Social Proof: Specific and verifiable
- [ ] FAQ: Addresses real objections
- [ ] Final CTA: Clear next step before they leave
- [ ] Footer: Navigation and legal requirements

Quick Reference

| Section | Purpose | Key Question to Answer | | ----------------- | ------------------------------ | ------------------------------ | | Hero | Capture attention, state value | "What's in it for me?" | | Features/Benefits | Explain how it works | "How does this deliver value?" | | Social Proof | Build credibility | "Can I trust this?" | | FAQ | Handle objections | "Why shouldn't I buy?" | | Final CTA | Drive action | "What do I do next?" | | Footer | Navigation | "What else is here?" |