Hero 166 block design & features
Hero166 is a split hero built with shadcn/ui pairing a heavy sans headline and relaxed supporting line with a single rounded primary CTA that lifts on hover. The right half is a square aspect-ratio canvas split into two columns: the left stacks two animated photo cells while the right holds one taller animated frame, all on long CSS keyframe loops.
Motion comes from slow transforms on each tile rather than user interaction. Rounded corners and full-bleed crops keep the gallery cohesive.
Bold typographic lead with a lively photo side. Complexity is code-driven through animation rather than extra content slots.
Stacks copy above the animated grid on small screens.