Hero Components

Architecture hero with a large bounded image, stepped left-side page-background cutout for copy, and gallery-like spacing.

Editorial architecture hero with a large bounded image, rounded lower-left page-background text cutout, restrained project caption, and concise project-start CTA.

Editorial architecture hero combining finished project photography with a plan-sheet overlay, material palette, concise copy, and project-start CTAs.

Architecture studio hero with an asymmetric project-image collage, plan-grid backdrop, concise positioning, and two clear calls to action.

Full-viewport background image hero with a gradient overlay. Hero text anchors to the bottom-left and CTA buttons sit at the bottom-right.

Full-viewport background image hero with an inline typewriter effect, top-left content, bottom-left stats, and a bottom-right scroll indicator.

A differentiated split hero with layered background gradients, a prominent left-side showcase image, top social proof, and conversion-focused content on the right.

A cinematic split hero with a full-bleed background image, top-positioned social proof, left-aligned content, and a highlighted right-side image panel.

Centered hero section with shimmer text effect and gradient background for a vibrant visual impact.

Centered hero section with rising particle animation effect for an engaging visual experience.

Side-by-side hero section with content on the left and an interactive before/after image comparison slider on the right.

A full-screen centered hero section with static background image. Features badge, heading, description, and CTA buttons centered over a beautiful nature backdrop.

A full-screen hero section with static background image. Features left-aligned heading, description, and CTA buttons over a beautiful nature backdrop.

A full-screen carousel hero section with autoplay. Features left-aligned heading, description, and CTA buttons with right-side pagination dots and automatic slide transitions.

A centered hero section with carousel showcase. Features social proof avatars at the top, followed by heading and description, with an image carousel and pagination dots below.

A modern hero section with carousel showcase. Features a two-column layout with heading, description, CTA buttons, and social proof on the left, and an image carousel with custom pagination dots and navigation arrows on the right.

A left-aligned hero section with a badge, social proof with avatar group, and an image on the right. Perfect for landing pages with credibility indicators.

A centered hero section with a large 16:9 aspect ratio image below. Perfect for showcasing products or services with beautiful imagery.

A dark mode centered hero section with badge, SVG grid background, and call-to-action buttons.

A two-column hero section with text on the left and a responsive image on the right.

A left-aligned hero section with heading, description, and call-to-action buttons.

A clean and modern centered hero section with heading, description, and call-to-action buttons.