Blocks/Hero(124)

Eye-catching hero sections to make a strong first impression.

121–124 of 124

Block	Title	Category	Access	Install
hero7	Centered Hero with Media	Hero	Free	`npx shadcn add https://ui.beste.co/r/hero7`
hero142	Centered Studio Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero142`
hero110	Bounded Carousel Hero — Aligned	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero110`
hero109	Bounded Carousel Hero	Hero	Pro	`npx shadcn add https://ui.beste.co/r/hero109`

FREE

hero7

Centered Hero with Media

Centered hero with optional badge, heading, description, dual action buttons, and a featured image below. Perfect for product launches and landing pages.

PRO

hero142

Centered Studio Hero

A simple centered hero for the Auralis set: a parenthetical eyebrow badge above a balanced heading, a short description, and a pair of animated seal buttons.

PRO

hero110

Bounded Carousel Hero — Aligned

Contained 16:9 hero carousel with badge, title, description, and CTA. Vertically centered content that anchors to the left, center, or right via the contentAlign prop. Auto-rotates with centered, clickable dots.

PRO

hero109

Bounded Carousel Hero

Contained 16:9 hero carousel with badge, title, description, and CTA over an image background. Auto-rotates with centered, clickable dots at the bottom — same carousel engine as hero19 but not full-height.