Hero 323 block design & features
Hero323 covers the section with a subtle dot pattern on a decorative layer while content stays in a standard two-column grid. Copy on the left includes a display heading, paragraph, paired Shadcn UI buttons, and an optional byline line beneath the button row for secondary trust copy.
The right column hosts a muted framed panel matching the inset-image family: padded container, bordered main image with top-weighted cropping, and a square inset hanging outside the bottom-right edge. Pattern and frame combine without viewport bleed.
The result is a busier marketing hero that still follows the inset-image layout pattern. Complexity is elaborate with pattern, frame, outside inset, and dual CTA plus byline slots.
Mobile stacks copy above the framed media; pattern remains full-bleed behind both sections.