# Long pages have persistent or in-content CTA repetition

- **Pattern:** `ab-001745` (`marketing-conversion.cta-effectiveness.cta-repetition`)
- **Severity:** low
- **Lifecycle:** active
- **Last modified:** 2026-04-18
- **Canonical URL:** https://auditbuffet.com/patterns/ab-001745
- **License:** CC-BY-4.0 — attribute to AuditBuffet Pattern Catalog (https://auditbuffet.com/patterns/ab-001745)

## Why it matters

Visitors who scroll past the hero are actively evaluating, and a long landing page that only offers a CTA in the hero forces them to scroll back up when they are finally ready to convert — a micro-friction that silently drops conversion rates. Repeated CTAs after testimonials or pricing sections meet intent at its peak, and a sticky header CTA keeps the conversion path permanently one click away during the scroll journey.

## Severity rationale

Low because conversion still works but the page misses peak-intent moments further down the scroll.

## Remediation

Add either a sticky header CTA that stays visible during scroll or a repeated CTA block placed after testimonials and pricing so peak-intent moments always have a conversion path. Drop a simple repeat block near the bottom of `app/(marketing)/page.tsx`:

```tsx
<section className="py-16 text-center bg-gray-50">
  <h2>Ready to get started?</h2>
  <p>Join thousands of teams already using YourProduct.</p>
  <Button size="lg" className="mt-4">Start Free Trial</Button>
</section>
```

## Detection

- **ID:** `cta-repetition`
- **Severity:** `low`
- **What to look for:** Examine the landing page component for length and CTA placement. Count how many times a CTA appears on the page. For pages with multiple sections (hero, features, testimonials, pricing, FAQ), check whether a CTA appears at or near the end of the page (after testimonials or pricing, where the user's intent is highest) and whether there is a sticky header CTA or a repeated mid-page CTA. A short one-screen page with one CTA is fine. A long multi-section page with a CTA only in the hero is a miss.
- **Pass criteria:** Count all CTA placements across the full landing page length. Pages shorter than ~3 viewport heights have at least 1 visible CTA. Pages longer than ~3 viewport heights have either: (a) a sticky/fixed CTA that stays visible while scrolling, OR (b) a CTA repeated at least 1 additional time after the primary hero CTA. Report: "X CTA placements found across Y page sections."
- **Fail criteria:** A long marketing page (more than approximately 3 full-viewport sections) has a CTA only in the hero, with no sticky CTA and no in-content CTA repetition below.
- **Skip (N/A) when:** No long-form marketing page found. Signal: the landing page component has fewer than 3 distinct content sections.
- **Detail on fail:** `"Landing page has 6 sections (hero, features, how-it-works, testimonials, pricing, FAQ) but CTA appears only in the hero section. No sticky header CTA and no repeated CTA after the pricing or testimonials section."`.
- **Remediation:** Users who scroll past your hero are interested. Give them a CTA when their interest is highest — right after testimonials or pricing. A simple repeated button costs nothing:

  ```tsx
  // At the bottom of your landing page, after testimonials/pricing
  <section className="py-16 text-center bg-gray-50">
    <h2>Ready to get started?</h2>
    <p>Join thousands of teams already using YourProduct.</p>
    <Button size="lg" className="mt-4">Start Free Trial</Button>
  </section>
  ```

---

Taxons: user-experience

HTML version: https://auditbuffet.com/patterns/ab-001745