← Back to site Preview lab — not indexed, not live
Trailwood Labs · Design Lab

Eight upgrades.
Pick what earns its place.

Each module below is live and interactive — not a mockup. Tell me which ones to roll into the real site and I'll wire them in for real, sitewide.

01

Magnetic CTA buttons

Cursor-tracked glow + tilt on hover, ripple on click. Makes the call button feel alive instead of static.

02

Cursor spotlight grid

A radial light follows the cursor across the tactical grid background — reuses the hero grid pattern already in global.css, just reactive.

Move your cursor here
03

Animated stat counters

Numbers count up once scrolled into view. Same stats-bar layout the homepage already uses, just with motion.

0Years Serving DFW
0Availability
0County Offices
0Bonds Posted
04

Live availability strip

A tactical HUD readout: live DFW clock + an "on duty" pulse. Sits under the header as a persistent trust signal.

Agents on duty now · --:--:-- CT · Avg. answer time under 60s
05

Quick-jump search

Native <dialog>-based command palette — type to filter cities, jails, and service pages instead of hunting the nav. Press the button or hit Ctrl/+K.

    06

    Bail premium estimator

    Functional, not decorative — drag the bond amount and it estimates the 10% premium live. This is the kind of module that actually moves a lead to call.

    $10,000
    Estimated premium (10%) $1,000

    Estimate only — actual premium and payment plans vary by case. Call for an exact quote.

    08

    Scroll progress rail

    A thin orange line pinned to the very top of the page, filling as you scroll this lab — already running above this page right now, look up.

    Scroll the page and watch the top edge.