Hero 199 block design & features
Hero199 is a fullscreen hero built with shadcn/ui that mirrors hero198 while flipping the content column to the right. The same photographic backdrop fills the viewport, with a Playfair headline using one italicized word, a supporting sentence, and rounded primary and secondary buttons grouped at the bottom of the column.
Dark theme typography and a subtle overlay sit on top of the background image so the right-aligned copy stays readable. Tight headline leading and generous side padding give the column a deliberate inset from the viewport edge.
The block feels editorial and balanced, using alignment as the distinguishing choice rather than new components or extra sections. It pairs well with hero198 when a page needs directional symmetry across two fullscreen moments.
Background, heading, description, and button text all come from props. Right alignment holds on large screens and the stack remains readable as widths narrow.
