SDF Hero Split
Two-column marketing hero — eyebrow, headline, lede, primary + secondary actions, an optional trust row, and a media panel.
Now in beta
A headline that states the outcome in one clear line.
One or two supporting sentences that make the promise concrete — who it's for, what changes for them, and why the next click is worth it.
The full source is for members
Sign in and choose a plan to view and copy sdf-hero-split.tsx. The live preview above is free to explore.
How to use. Copy sdf-hero-split.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
