Overview
Use this order unless there is a reason not to. Swap content, not structure.
Build
- 01
Hook (wordmark / badge).
- 02
Hero (product push-in).
- 03
Proof (well and/or specs).
- 04
Range (optional).
- 05
Offer.
- 06
Lockup.
Hook → Hero → Proof → Range? → Offer → Lockup
Example source React / TSX
examples/hook-hero-proof-offer-lockup.tsx · Uses the catalog’s shared composition helpers.
Loading source…