Prompt receipt (Nav)

Nav's centerpiece on /yeg. Dark card, ping-dot label, monospace typewriter body, orange tick + result appears after typing settles. Reads as 'this thing was just built' — perfect for FWON's own site or a demo.

by FWONhero receiptvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a21">
  <div class="ph"><i></i>the prompt that made this page</div>
  <div class="pt" data-typed><span class="cur"></span></div>
  <div class="pr" data-result>
    <span class="tick"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6.5l2.6 2.5L10 3.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
    <span>built in <b>41 seconds</b> · deployed to netlify · you are looking at it</span>
  </div>
</div>

Block id: tim-21-prompt-receipt-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