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
- Marketing variant — large logo + nav + CTAs
- hero
- Headline + sub + dual CTAs + media
- social-proof
- Customer logos / quote
- features
- 3 column feature row
- pricing-teaser
- Single price + link to /pricing
- faq
- Top 5 questions accordion
- cta
- Final CTA before footer
- footer
States
- default
- Anonymous visitor, first paint
- partial
- Returning visitor with a cookie / signed in
- success
- CTA pressed — navigation in flight
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.