BlockReactregistry:block5 dependencies

Hero Section 1

hero-section-1

A split hero with a badge, an avatar group and a trusted-by line under the call to action

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @shadcnstore/hero-section-1

Needs @shadcnstore in your components.json registries — switch to URL if it doesn't resolve.

Registry: @shadcnstore
Kind: Block
Framework: React
Files: 2 · 4.1 KB
Preview: Live
License: Not tracked · check @shadcnstore

npm dependencies

lucide-react

Registry dependencies

motion-avatar-group@shadcnstore
avatarshadcn/ui
badgeshadcn/ui
buttonshadcn/ui

2 variants

Variants of this

Other takes on Hero Section 1 from @shadcnstore — the same idea in another design, language or styling.

A split hero built around a fixed-ratio media card for a product image or video

Open

@shadcnstore

More from @shadcnstore

Search the catalog

Hero Section 1

Variants of this

More from @shadcnstore