Description of the Hero 30 block design & features
Hero30 pairs narrative copy built from shadcn/ui buttons with a theatrical media stack: the text column centers on small screens but hugs the left edge on large breakpoints while outline and solid CTAs stretch full width until horizontal space returns.
Behind the photography, a diffuse amber-to-teal wash adds glow without overt shapes, and secondary bordered rectangles appear beside the main capture only when breakpoints allow, suggesting moodboards or secondary shots.
Overall tone skews warm editorial rather than stark monochrome SaaS.
Negative bottom margin on the media cluster lets imagery poke downward into subsequent sections for continuity.