marketing pattern
Marketing landing
Public homepage. Hero, features, social proof, pricing teaser, CTA, FAQ.
When to use it
The /, the most important page on the site.
- Hero CTA visible without scrolling
- Value prop clear in <5s
- Trust signals before fold
Layout regions
- header
- hero
- social-proof
- features
- pricing-teaser
- faq
- cta
- footer
States
- default
- partial
- success
Example
<><Hero /><SocialProof /><Features /><PricingTeaser /><FAQ /><FinalCTA /></>The full Marketing landing pattern specifies 6 exact microcopy strings, 4 motion specs, 10 composition rules — all gated behind the full recipe. Get the full recipe.