Hero 86 block design & features
Hero86 is a split hero built with shadcn/ui. The upper area uses a muted background band that wraps both columns: the left stacks a multi-line headline with an underlined stress phrase, supporting copy, and a solid button, while the right centers a tall bordered image that floats above a wide circular disk for a pedestal effect.
Typography is bold and marketing oriented, with accent lines drawing attention to one phrase inside the heading. The pedestal uses nested aspect wrappers so the circle crop reads as an abstract stage under the photo.
This pattern balances authority copy with a humanizing portrait. Complexity is moderate thanks to the layered shapes behind the image. Plan on a strong vertical photo and cohesive copy for outsourcing or expert services.
On smaller widths the flex column keeps text first and lets the portrait remain centered over the circular base.
