Hero A · The Receipt

Nav's /yeg opener composed: prompt receipt card up top, ping chip, word flip-in H1 with italic accent word, sub, fill-slide CTA. Sequence: card at 0s, chip .3s, H1 words .5–.85s, sub 1.1s, CTA 1.3s. Scale the type up 40% for real hero use.

by FWONhero compositevanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a41">
  <div class="h41-prompt">
    <div class="ph"><i></i>the prompt that made this page</div>
    <div class="pt">build me a landing page for a Houston catering business. hero, three fixes, one CTA. make it feel human.</div>
  </div>
  <span class="h41-chip"><i></i>FWON · Houston · Nov 2026</span>
  <h1 class="h41-h">
    <span class="w"><span>Actually</span></span>
    <span class="w"><span>ship</span></span>
    <span class="w"><span>the</span></span>
    <span class="w"><span>thing</span></span>
    <span class="w"><span><em>tonight.</em></span></span>
  </h1>
  <p class="h41-sub">You brought us your business. This is the page you leave with. Every claim tied to what you already do.</p>
  <a class="h41-cta"><span>Book a call</span><span>→</span></a>
</div>

Block id: tim-41-hero-a-the-receiptvanilla · swap-content

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