E
ecomcn

Editorial Hero · ecomcn

An asymmetric split hero: an oversized serif headline on the left, a campaign image on the right with a product caption sitting on it. 1.05fr / 0.95fr, not 50/50. The image is the page's largest contentful paint, so it loads eagerly with fetchpriority=high inside a real aspect-ratio box and never shifts; renderImage hands the props to next/image. No state and no "use client": it renders on the server.

npx shadcn@latest add @ecomcn/hero-editorial
Loading the source for hero-editorial…

hero-editorial