Showcase Hero

A product hero in an editorial frame of hairline rules and a hatched band, with a trusted-by row and a tabbed browser window over a colour glow.

Every client project, from brief to launch.

Plan work, share designs for review and track releases with your clients in one shared workspace.

Used by design studios in 12 countries

Install the component automatically via Shadcn CLI.

npx shadcn@latest add https://www.grettech.com/api/registry/showcase-hero

Prop	Type	Default	Description
title*	React.ReactNode	-	The main headline.
description	string	-	Supporting text under the title.
actions	React.ReactNode	-	Buttons or links under the description.
tabs*	ShowcaseTab[]	-	Screens shown in the window, one per tab.
trust	ShowcaseTrust	-	Avatar stack, label and rating shown beside the title.
interval	number	5000	Milliseconds per tab when advancing on its own. 0 turns it off.
defaultTab	number	0	Tab shown first.
glowColors	[string, string]	["#6366f1", "#22d3ee"]	Two colours for the glow under the window.
className	string	-	Extra classes for the section.