Two approaches
1. Generate all at once
Generate the full page in one go:2. Section by section
Build section by section: hero, pricing, FAQ, gallery…- Generate a blank hero → 2) Use editable design to tune copy / color / layout → 3) Add images / animation / pricing → 4) Align the theme (dark / glass / neon, etc.)
Layout inspiration and tools
- Mobbin: real examples
- 21st.dev: animation / components
- Remove.bg: background removal
- Recraft: AI icons and illustrations
Advanced features
- P5.js custom effects (particles / parallax / starfield)
- Resend for contact forms and auto-replies
- Stripe payment links
- Supabase for form storage and abuse protection
Landing page 101
- One primary goal (call / buy / waitlist)
- Clear headline and social proof
- Layout that matches user expectations
Static vs dynamic
Static by default; add dynamic behavior with forms, Supabase, Stripe, and similar.superun website
Learn more about product features and examples.