Hero B · The Mockup
Two-column with orb-blob background: eyebrow chip + line-mask H1 with sweep highlight + sub + CTA on the left, floating dark-mode mockup on the right. Right column hides on narrow — mockup is decoration, copy is the message.
Live preview
open in new tab ↗<div class="a42">
<div class="a42-orbs"><div class="orb orb-a"></div><div class="orb orb-b"></div></div>
<div class="l">
<span class="h42-eb"><i></i>Local · Houston · Live</span>
<h1 class="h42-h">
<span class="mask-line"><span>Show up on Maps.</span></span>
<span class="mask-line"><span>Get picked in AI.</span></span>
<span class="mask-line"><span>Book more <em>jobs</em>.</span></span>
</h1>
<p class="h42-sub">One site, one system, one price. You launch, we measure, you own it.</p>
<a class="h42-cta">See the plan →</a>
</div>
<div class="r">
<div class="h42-mock">
<div class="mb"><i></i><i></i><i></i></div>
<div class="mh"></div>
<div class="mp"></div>
<div class="mp sh"></div>
<div class="mp"></div>
</div>
</div>
</div>Block id: tim-42-hero-b-the-mockupvanilla · swap-content
More hero blocks
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.