Hero Sections

Primary landing page sections for main value propositions and key messages - built with shadcn/ui.

Hero section with image on the rightFree

Hero section with list and image on the right

Hero section with image on the left

Hero section with input and image on the right

Hero section with input and video on the right

Hero section with centered text and image in the background

Hero section with text in 2 columns and a full-width image

Hero section with centered text and rating

Hero section with centered text and a full-width video

Hero section with centered text, full-width image and group of logo

Hero section with full-height image

Hero section with centered text and a full-height image and avatars

Hero with textarea input and action buttons

Hero with animated logo carousel and image below

Hero with two-column layout and animated logos in sidebar

Hero with image grid showing large and square images

Hero with infinite scrolling image carousel

Hero with minimal centered layout and full screen height

Hero with two-column layout and image without description section

Hero with content at top and image in background section

Hero with full screen video background and centered content

Hero with full screen video background and two-column content layout

Get access to all Pro Blocks in our Premium Package

Buy now

Hero Sections

A hero section component, built with shadcn/ui, is the first block people see on a page. It should have a clear headline and a short sub‑headline that explains your product or service.

FAQs

Keep it to one clear line and support it with a short sub‑headline.