feat(marketing): hero positioning A/B test + solid primary download CTA

Merged
SA
4mo ago
+57-21

What

Hero positioning experiment (landing-hero-positioning, PostHog experiment 386395, draft — launch after this deploys):

  • control — current "The Code Editor for AI Agents."
  • capability-mac — "Run parallel coding agents on your Mac." with improved subheadline ("Isolated workspaces for Claude Code, Codex, and any CLI agent — run them side by side and review every change from one dashboard. Free to start.")
  • Variant only applies to Mac platforms (isMacPlatform); Windows/Linux/mobile always see control. Experiment exposure is additionally filtered to $os = Mac OS X in PostHog so non-Mac flag evaluations don't dilute analysis.
  • Baseline: ~4,400 Mac visitors/wk on superset.sh, ~25% visitor→download click. 10% relative MDE, 50/50 split, 3-week pre-registered runtime.

Download CTA restyle (ship-lane change, no experiment): transparent orange → solid primary (bg-foreground text-background), matching the design system's primary button (e.g. WaitlistForm submit).

Drive-by: Biome format fix on desktop CommitRow.tsx (was committed unformatted; repo-wide lint:fix picked it up).

Notes

  • Flag read via useFeatureFlagVariantKey; the hero's 600ms typewriter delay masks flag-load latency, so no flicker handling needed.
  • Experiment tracked in Notion: Growth → Experiment Log.

https://claude.ai/code/session_01CALU4gFuyo3ABdp1Cc7BJh

Summary by cubic

Adds a Mac-only hero copy A/B test and updates the Download CTA to the solid primary button for a clearer, more consistent landing experience.

  • New Features

    • Adds landing-hero-positioning experiment (PostHog 386395): control vs capability-mac headline/subheadline, shown to Mac visitors only. Uses useFeatureFlagVariantKey from posthog-js/react; the typewriter delay masks flag load.
    • Restyles Download CTA to solid primary (bg-foreground text-background) with opacity hover.

  • Refactors

    • Biome format fix in CommitRow.tsx (no behavior change).

Summary by CodeRabbit

  • New Features

    • Added platform- and variant-specific messaging to the marketing hero section.
    • Updated hero headlines and supporting text dynamically based on active configuration.

  • Style

    • Refined the download button appearance with improved contrast and opacity-based hover feedback.

  • Refactor

    • Simplified commit row formatting without changing its behavior.