Hero

11 blocks · Engage visitors immediately with high-impact above-the-fold headers, split layouts, and centered call-to-action sections designed for maximum conversion.

Video1

Hero Centered Video

Centered hero with a social proof row (avatars and rating) and a large massive video/image thumbnail below the CTAs.

Split4

View all
Hero Split

Two-column hero with eyebrow, heading, description, CTAs on left — large image on right.

Hero focus (split + stacked type)

Portfolio-style split hero: dual soft glows, full-width inner row (no content-width cap on desktop), vertically centered copy with accent rule, stacked h1 to text-9xl, short dek, bordered scroll hint, and a tall framed photo half with shadow. From the Artist catalog.

Image band with corner copy

Constrained-width panel with cover image, muted wash, rounded frame, and right-anchored headline plus body (centered on mobile). Fixed broken widths, tokens, content width, and copy.

Centered3

Hero Centered

Centered hero with eyebrow label, large heading, description, and two CTA buttons.

Hero — coming soon (email capture)

Full-screen centered hero with launch eyebrow, oversized headline, waitlist copy, inline email signup form, and a privacy note.

Hero Centered Announcement

Centered hero with top announcement badge, headline, and trusted-by logic section at the bottom.

Background3

Hero Background

Dark background hero with eyebrow, centered heading, description, and CTA buttons.

Hero background with header

Full-bleed hero with cover image, top navigation bar (logo, links, icon CTAs), centered brand name, large headline, and outline CTA button.

Hero — photo backdrop

Full-height hero with a cover photo, dark overlay scrim, and a bold centered headline. High-contrast feel.

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library

Features — Three pillar grid

Centered headline and subhead with a three-column grid. Each column has an icon, title, body text, and a primary text link with trailing arrow.

CTA Simple

Centered call-to-action block with heading, description, and buttons on an accent background.

Our Team Grid

Full team section: centered heading and intro, 2-column grid of horizontal profile cards with photo, name, role, bio, and icon-only social links.

Contact Form

Contact section: photo hero with overlay, overlapping card, two-column name and email/phone rows, message, legal line, primary submit.

Testimonial Card

Section heading plus a two-column grid of story cards: bold card title, quote body, photo avatar with name and role.

Testimonial Photo

Large editorial portrait beside a blockquote, primary accent rule, and attribution — full section with split card.

CTA Split

Two-column CTA with text on the left and email signup on the right.

Breadcrumbs (page header)

Full section band: eyebrow, page title, short intro, then slash-separated breadcrumb trail under a bottom border (muted surface, content-width inner).

Navbar

Full-width header band with logo plus Nav component: desktop links, primary CTA, hamburger, and slide panel with mirrored mobile links (same pattern as site templates).

Product Card

Two-up shop tiles on a muted band: image with badge, category, title, short description, price (with optional compare-at), and primary add-to-cart with cart icon.

Testimonial Stars

Centered review card: five Material star icons, medium-weight quote, divider, and name with role.

Footer Multi-Column

Flowbite-style grid: brand blurb plus Product, Company, Legal columns with uppercase headings; bottom bar with copyright and social icon chips.