Heroes & Sections
Hero — Split with Image
Copy-left image-right hero with a gradient placeholder fallback when no image is supplied.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Hero — Split with Image
Live preview of the Hero — Split with Image component
For agencies
One codebase, every client's brand
Fork the stock template, edit brand.json, ship — no component rewrites per client.
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 — Split with Image component
Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.
More Heroes & Sections components
Browse all →Hero — Video Background
Full-bleed autoplaying muted video hero with a solid scrim and reduced-motion fallback to the poster frame.
Hero — Floating UI Screenshot
Centred hero with a large product screenshot card floating below the fold with a soft glow.
Hero — App Device Frame
Product hero with a CSS-only browser or phone frame wrapping the screenshot.
Hero — Minimal Text Only
Undecorated headline/sub/CTA hero for editorial or brand pages.
Hero — Trust Logos Below
Centred hero with a grayscale-to-colour partner logo strip beneath the fold.
Hero — Announcement Pill
Centred hero with a linked pill announcement above the headline.