Hero 198 block design & features
Hero198 is a fullscreen hero built with Shadcn UI where a photographic background spans the viewport and copy sits in a left-aligned column. The stack includes a Playfair headline with one italicized accent word, a wider supporting line, and a row of rounded buttons that can show a primary action plus an optional secondary.
Dark foreground tokens and a light darkening overlay keep the serif type legible over bright photography. The heading uses tight line height and normal weight at large sizes, with extra horizontal padding on wider breakpoints so the column breathes away from the edge.
Visually it reads editorial and restrained, with directionality as the main layout idea rather than extra chrome or decorative UI. The photography carries the atmosphere while the type column stays compact.
Props control the background image, heading, description, and button labels. The layout preserves left alignment on large screens and wraps naturally on smaller widths without changing the content order.
