Hero 200 - Serif hero with rising phone mockup

Pro

Condensed kicker, multi-line Playfair manifesto, glossy CTA referencing Apple glyph, and motion phone mock floating from bordered band with calendar UI chrome.

Figma

Description of the Hero 200 block design & features

Hero200 is a stacked marketing hero built with shadcn/ui Button plus framer-motion choreography. Upper band centers condensed site kicker beneath multi-line serif manifesto referencing Shadcn tooling, followed by rounded CTA carrying Apple glyph motif. Lower region reveals motion-animated phone bezel mock rising from muted container while inner UI shows calendar typography plus circular accent and branded card art inside frame.

Muted border band plus near-black phone casing frame bright internal UI cards.

Bold typographic billboard tone pairing premium phone metaphor with copy-first layout.

Breakpoints keep column centered controlling phone scale while restricting vertical overflow via parent clip.