@payload-components

Payload Components proof-of-concept hero block.

Text-first Payload feature grid with optional CTA wiring.

Two-column Payload feature block: heading and CTA beside a feature list.

Asymmetric Payload bento grid with a featured lead cell and supporting cells.

Numbered Payload steps block for sequential, how-it-works feature flows.

Responsive, accessible sandboxed iframe block for approved HTTPS embeds.

Centered, wrapping wall of editable logo uploads under a heading.

Logo wall that dims and blurs on hover to reveal a CTA link.

Auto-scrolling marquee of editable logos with progressive-blur edge fades.

Compact label-over-logos strip of editable trust logos.

Single wrapping row keeping the label inline with editable logos.

Two-column Payload content block: a heading beside body copy and a CTA.

Payload content block led by a full-width image above a heading, body, and CTA.

Payload content block: body copy and two icon features beside a framed media panel.

Payload content block: a side media panel beside body copy and two icon features.

Payload content block: a centered intro, a full-width image, and a four-up feature grid.

Payload content block: a media panel beside body copy and a cited pull quote.

Payload content block: a centered heading and body above a wall of community avatars.

A responsive grid of integration cards with logo, name, description, and a learn-more link.

A centered cluster of integration logos around a featured brand mark, with a heading and CTA.

A two-column section pairing a featured-mark logo cluster with a heading, subtext, and CTA.

Integration logos wired to a central brand mark by connector lines.

Concentric rings of integration logos that orbit a featured brand mark on hover.

A vertical list of integration rows with logo, name, description, and an add action.

Three auto-scrolling rows of integration logos around a featured brand mark.

A two-column section pairing a customer quote with a grid of integration logo cards.

Payload content block: an intro above alternating media-and-text rows.

Payload content block: an intro above a uniform stack of media-and-text rows.

Payload content block: a centered intro above a layered, framed screenshot.

Payload content block: an intro, a grid of icon features, and a stats list.

Payload content block: a serif heading beside a labeled-term list.

Payload content block: a serif heading above a two-column labeled-term list.

Payload content block: a serif heading and intro above a multi-column icon list.

Centered Payload call-to-action block: heading, copy, and one or two CTA links.

Boxed Payload call-to-action block: heading, copy, and CTA links inside a nested panel.

Email-capture Payload call-to-action block: heading, copy, and a form that posts to a same-origin endpoint.

Payload team block: department-grouped sections, each a grid of member avatars with name and role.

Payload team block: a heading and intro above a responsive grid of member photo cards that reveal role on hover.

Payload FAQ block: a centered accordion of question/answer items with an optional CTA.

Payload FAQ block: a two-column layout pairing a sticky heading and CTA with an accordion.

Payload FAQ block: a centered accordion wrapped in a card with an optional CTA.

Payload FAQ block: an accordion with a per-question icon from a fixed allowlist.

Payload FAQ block: titled, icon-tagged category groups of accordions.

Payload FAQ block: a static two-column grid of question/answer cards.

Tiered feature-comparison table Payload block: plan columns with CTAs over grouped feature rows.

Plan-column comparison Payload block: pricing columns in a bordered card over a feature matrix.

Stacked plan-card comparison Payload block: one card per plan with its own price, CTA, and feature checklist.

Payload testimonials block: a single featured quote with a left accent bar, author, optional role, and avatar.

Payload testimonials block: a single centered testimonial with a quote-mark, large avatar, author, and role.

Payload testimonials block: a heading above a responsive grid of quote cards, each with author, optional role, and avatar.

Payload testimonials block: a responsive grid of review cards, each with a star rating, quote, author, optional role, and avatar.

Payload testimonials block: an asymmetric bento with one featured quote in a large cell and supporting quotes around it.

Payload testimonials block: a heading above a multi-column masonry wall of compact testimonial cards.

Three-up pricing table of editable plan cards with a highlighted plan.

Three-up pricing table on muted card surfaces with a highlighted plan.

Three-up pricing table with the CTA inside each plan header.

Two-plan split pricing: a compact entry plan beside an expanded featured plan.

Single wide enterprise pricing panel with an editable trust-logo wall.