Heroes
Hero — Animated Grid
Perspective circuit-board grid with a spinning globe hub and staggered integration-node reveal.
Hero — Animated Grid
Live preview of the Hero — Animated Grid component
Every tool your field team
needs. Already wired up.
- Your own private GitHub repo — transferred, not licensed.
- Netlify CI/CD pre-wired — every push auto-deploys.
- Built for the AI age — brand.json is your model context.
- Clone, edit brand.json, launch a crafted custom site.
One-off payment · lifetime updates · digital download
The code ships with Velocity.
Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.
Get Velocity X — from $1,250 See all packages →Using the Hero — Animated Grid component
A hero drops in at the top of a page as a single import. The static one is pure Astro with a few lines of vanilla JavaScript; the animated ones are React islands you mount with client:visible, so nothing hydrates until the section is actually on screen. Headline, buttons and links are edited in the component, and the Tailwind classes pick up whatever colour and type tokens your project already defines.
More Heroes components
Browse all →Hero — App Dashboard
Two-column product hero: a live Velocity X dashboard — day calendar + suburb conversion heatmap, a "new booking" activity toast, a Google Sheets data connector and cycling HubSpot/Attio/Pipedrive CRM logos.
Hero — Classic
Static Astro hero — eyebrow, per-word animated headline and two CTA buttons beside a wireframe SVG globe that spins up on load and pauses off screen.