Shadcn UI Hero Block
Hero264 is a centered single-column hero built with shadcn/ui, featuring a label, large headline, supporting paragraph, and two CTA buttons above a masked hero image with auto-cycling transitions. Below the masked image sits a 3-column grid of landscape thumbnails with hover zoom effects.
The masked image uses a wide shape with a concave notch cut out of the bottom center, giving the section a distinctive silhouette. Images cycle every three seconds with a crossfade animation. The thumbnail grid below provides additional imagery with rounded corners and a subtle scale-up on hover. Light background with dark text and generous vertical spacing between the copy stack and the image area.
The overall feel is polished and editorial with a portfolio or creative-agency sensibility. The combination of the cutout mask and the thumbnail grid is moderately complex, blending CSS-driven decoration with image-driven content. The mask shape is the primary distinctive element, making the layout stand out from standard rectangular hero sections.
On mobile the thumbnail grid collapses to a single column, and the masked image scales down proportionally while maintaining its aspect ratio.