Terminal Intro
A full-viewport hero split with an h1 and lede on the left and a static mono terminal panel on the right showing a whoami command with structured key-value output and a static cursor.
A full-viewport hero split with an h1 and lede on the left and a static mono terminal panel on the right showing a whoami command with structured key-value output and a static cursor.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Terminal Intro is a full-viewport hero split: the left column holds an h1 (I build the backend things that make products feel fast) and a lede naming eight years of experience across APIs, tooling, and frontend, plus availability from August 2026. The right column is a static mono panel rendering a whoami --verbose command and its structured key-value output: name, role, since, location, stack, focus, available, and contact. A static cursor block sits after the next empty prompt. The panel is a blueprint; no typing animation, no Radix portal, no JavaScript state.
Output fields are a flat array of key-value pairs. The panel uses bg-muted with text-foreground and text-muted-foreground throughout; theme tokens only, no terminal-green literals. The hero fills the fold via min-h-screen and justify-center.
Reach for this block as the opening hero of a developer portfolio for engineers whose work is backend or infrastructure heavy, where a visual screenshot would undersell the practice. The installer replaces the h1, the lede, the output fields, and the two CTA links with their own identity and availability.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the developer hero with a whoami panel. Other terminal hero layouts:
Tip: keep the output fields to eight lines or fewer; a terminal panel that scrolls defeats the point of a hero.