Hero ignite (Nav)

Nav's full opener: eyebrow rises, headline lines lift out of masks, orange sweep lands under the emphasis word, sub fades in, CTA cascades, ring pulses. One choreography, ~2.5s.

by FWONhero animation-textvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a01">
  <span class="eb">FWON Agency</span>
  <div class="h">
    <span class="line"><span>Your team doesn't need an AI talk.</span></span>
    <span class="line"><span>They need to leave with <em>something built<span class="sweep"></span></em>.</span></span>
  </div>
  <span class="sub">Live sessions, teams of 5-200.</span>
  <span class="cta"><span class="ring"></span><span class="btn">Book a session</span></span>
</div>

Block id: tim-01-hero-ignite-navvanilla · drop-in

More hero blocks

Split hero with booking-card mockup

cal.com

Split hero with glowing app mockup

linear

Staggered blur word-reveal headline

linear

Hero video dialog with thumbnail

magicui

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call