Hero 316 block design & features
Hero316 arranges copy on the left and a bordered four-to-three main image on the right, with a square inset detail hanging outside the bottom-right corner of the photo. The primary call to action uses a sliding double-arrow hover animation from the Shadcn UI button, and an optional byline string can sit beside the button for trust or pricing context.
A soft chart-tone gradient washes the right side of the section behind the media column, adding depth without a full background treatment. The main image keeps the shared inset-image crop and border language while the inset thumbnail uses a subtle shadow on a background-colored card.
The overall feel is polished SaaS marketing with one decorative layer beyond the basic split layout. Complexity is moderate: copy, one main image, one inset, and optional byline text.
Mobile stacks copy first, then the image with the inset still offset outside the frame using column padding on the bottom and right.