Skip to content

Heroes

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.

Preview onlyA demo of what Velocity builds. This one is not currently installable on its own.
AstroReactSVGTailwind CSSNew

Hero — App Dashboard

Hero — App Dashboard

Live preview of the Hero — App Dashboard component

Our own product

Need the software too? Velocity X — our buy-once website and ops platform.

Complete clarity for booking the closest leads to your current staff live routes

Alongside the design, development, brand and marketing work, we build and sell our own platform. Velocity X is the website and operations software we run our clients on — buy it once, own it outright, and manage your site and your day-to-day from the same place.

  • Leads, Appointments, Calendars, Data, all in one place.
  • Connects to Pipedrive, Hubspot and Attio CRMs.
  • Link your custom data sources from Google Sheets or direct CSV.
  • Empower staff to understand changes in your CRM on the fly.
  • No lock-in and no hostage hosting — you keep complete control of the platform.
  • Separate dashboard for leadership team and marketing management.

One-off payment · lifetime updates · lifetime support

Velocity X · Today Live
Thu 18
Today's run
8:00Roof inspectionRavenshoe
9:30Hail assessmentGloucester
11:00Quote follow-upAlbert Jose
1:30New inspectionbooked by Sarah
High conversion areaStill gaining understandingLow conversion area
SSarah booked a new inspectionCalendar + CRM updated · just now
Google Sheets142 suburb rows synced
HubSpot CRMTwo-way contact sync

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 — App Dashboard 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.

Browse all →