Content & Dashboard

Featured Post Hero Card

Full-bleed editorial hero card for a pinned blog post with a solid scrim over the cover image for legibility.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add featured-post-hero

Built for astro.

Full docs for Featured Post Hero Card →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0

Velocity X: the JSON-driven page layer behind every brand port

One template, every brand swappable via config. The architecture, the gotchas, and why the home page is the deliberate exception.

Aiden Wood 16 Oct 2026 9 min read

Props

Name	Type	Required	Default
href	string	No	'#'
title	string	No	'Velocity X: the JSON-driven page layer behind every brand port'
excerpt	string	No	'One template, every brand swappable via config. The architecture, the gotchas, and why the home page is the deliberate exception.'
category	string	No	'Featured'
coverSrc	string	No
coverAlt	string	No	''
authorName	string	No	'Aiden Wood'
date	string \| Date	No	new Date()
readTimeMins	number	No	9
locale	string	No	'en-AU'
headingLevel	1 \| 2 \| 3 \| 4 \| 5 \| 6	Yes
dateFormatter	(date: Date) => string	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/featured-post-hero/FeaturedPostHero.astro

Using the Featured Post Hero Card component

Install it with velocityx add featured-post-hero. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Featured Post Hero Card

Velocity X: the JSON-driven page layer behind every brand port

Props

File this creates

Using the Featured Post Hero Card component

Related components