Public demo
Landing · Hero & navigation
Marketing hero block: top nav, eyebrow, headline, supporting copy, dual CTAs, trust microcopy, and product visual placeholder.
First-fold pattern for SaaS and PLG sites—navigation chrome plus value prop and primary conversion pair.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Use as the canonical first section before compositing with social proof and feature grids below the fold.
Why this demo works
- One headline, two actions—reduces bounce from decision paralysis.
Suggested use cases
- Product launches, campaign LPs, waitlist pages
What's included
- Logo + text nav with ghost and solid header CTAs
- Eyebrow, display headline, and lead paragraph
- Primary and secondary hero buttons
- Fine print trust line under CTAs
- Split layout with screenshot / device frame slot
Editable in Frontuna
Maps to Next.js hero sections or Angular standalone marketing routes.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Lazy-load hero art; keep LCP text in the initial HTML chunk.