Hero

Hero section components for landing pages featuring headlines, CTAs, images, videos, and form inputs. Includes split layouts, centered designs, background patterns, and smooth animations using Motion-v.

Style One

Split layout hero with email signup form and side image. Features badge, headline, description, and email input with animated slide-in effects from left and right.

External View

Style Two

Split layout with dual action buttons and clipped image. Features secondary badge variant, demo and signup buttons, with scale animation on the image.

External View

Style Three

Split layout with customer social proof. Includes email signup form, avatar stack, star ratings, and customer count display.

External View

Style Four

Hero with background grid pattern and rounded image. Features overlay image with custom border radius and grid background with radial mask.

External View

Style Five

Hero with dotted background pattern and social proof. Includes email form, avatar stack, star ratings, and radial dot background pattern.

External View

Style Six

Hero with decorative SVG arrow and signup form. Features centered or left-aligned content with custom SVG decoration and card-based form layout.

External View

Style Seven

Centered hero with embedded video. Features badge, headline, buttons, and YouTube video embed with staggered fade-in animations.

External View

Style Eight

Centered hero with dashboard preview. Features feature badges with icons, dual CTAs, trust indicators, and large dashboard screenshot with shadow.

External View

Style Nine

Centered hero with animated background and stats. Features gradient background, grid pattern, animated status badge, and key statistics display.

External View

Style Ten

Split layout with email form and glowing image. Features security badges, email signup, and product showcase image with gradient glow effect.

External View