Hero 240 - Centered hero with email capture and 3D marquee

Pro

A centered hero with zap icon label, headline, muted copy, pill email field with subscribe button, and bottom 3D marquee plus fade mask.

Shadcn Hero 240 block

Component data

ID
hero240
Access
pro
Created
Aug 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Hero 240 block design & features

Hero240 is a list-building hero built with shadcn/ui input, button, and a 3D marquee similar to sibling blocks. After the headline stack, a rounded-full email row pairs text entry with a solid subscribe CTA. The marquee runs beneath with a bottom gradient fade into the page background.

Visual hierarchy keeps the form tight and centered. Marquee imagery mirrors the curated grid used across this family.

It is a newsletter-first variant of the marquee hero. Complexity combines form controls with the marquee motion layer.

Small screens stack field and button gracefully while the marquee still anchors the section foot.