Photo header
A photo header with a checklist of perks and a trial on the yearly plan.
Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.
Works with
What it does
The safe default for a subscription paywall: a big emotional photo, a clear headline, 3–5 benefits, and two or three plan rows right above the button. Selection, badges and sublines are computed — the cheapest-per-month plan (or the one with a badge) is pre-selected, gets an accent border and "SAVE 40%", and each row shows "7-day free trial · $4.00/mo" or "Billed monthly". The terms line under the button follows the selected plan. Follows the system appearance (light / dark).
Motion: the photo slowly zooms and drifts, stretches when the user pulls down, scrolls slower than the content (parallax), and can carry particles (.snow over mountains, .embers, .stars). The title, subtitle and checklist fade in staggered, checkmarks bounce, the CTA gets a periodic light sweep.
What you get
- ✓370 lines of source code, ready to paste
- ✓Architecture
- ✓Dependencies
- ✓Implementation
- ✓Usage
- ✓Integration Checklist
- ✓Common Customizations
- ✓Known Pitfalls