Marketing & Social Proof

AnimatedDashboardPreviewCard — Velocity Growth Layer ──────────────────────────────────────────────────────────────────────────── A "connect X, see Y" product-value card with a small looping CSS/SVG mockup instead of a real screenshot — useful for showing off a dashboard, analytics view or live-data feature before a buyer has signed up to see the real thing.

React

Row of award/recognition badge tiles supplied entirely via props.

Astro

A chronological year-by-year list of awards and recognitions with descriptions and links — the narrative counterpart to a flat badge row.

Astro

Cover image, industry tag, headline and result line linking through to a full case study.

Astro

Row of metric tiles for the headline numbers inside a case study.

Astro

Full section wrapper around a CSS-only scrolling logo strip that stops entirely under reduced motion.

Astro

A horizontally scrolling wall of customer photos with name and location captions and an optional rating.

Astro

Primary CTA block paired with a single supporting testimonial in a side column.

Astro

Full FAQ section built on native details/summary, zero runtime JS.

Astro

FeatureHighlightScroller — a single-row, horizontally scrolling feature reference list (icon + name + description + optional "replaces X" tag per card).

Astro

FounderStorySplit — a founder/about split: a portrait on one side, a short multi-paragraph story and a 2x2 stat grid on the other.

Astro

Icon-led guarantee block with headline, supporting copy and optional CTA.

Astro

A client logo grid with tab-style category filters derived from the logos themselves, so the filter bar can never drift from the data.

React

Plain responsive grid of client logos with text fallback when a logo is missing.

Astro

Logo grid that desaturates by default and lifts to full colour on hover or keyboard focus.

Astro

Newsletter signup with subscriber-count proof line and stacked avatar group, no backend assumed.

Astro

As-featured-in row of press outlet logos with optional article links.

Astro

One standalone plan card with price, feature list, badge and CTA.

Astro

PricingCheckoutEmailGate — an inline email-capture row for a pricing card's CTA slot: collect the buyer's email, validate it client-side, then hand it to `onContinue` so the host page can do whatever checkout redirect/API call it needs.

React

Row-per-feature plan comparison table with tick, dash and text cell values.

Astro

PricingPlanGrid — a responsive 1-to-5-column grid of flat-price plan cards (name, price, period, description, feature checklist, single CTA link), with an optional "badge" ribbon on one highlighted plan.

Astro

PricingSeatBasedPlanGrid — a metered SaaS pricing grid: a flat base fee plus a per-seat rate, a "Most popular" ribbon, and a footnote slot for usage/overage fine print.

Astro

Monthly/annual billing switch that reveals a savings badge on the annual side.

React

Static side-by-side before/after metric comparison panel, not an image slider.

Astro

Stars, numeric score and review count for a named review platform, with a visible text equivalent.

Astro

Grid of stat tiles that count up on scroll into view, disabled entirely under reduced motion.

React

Section header plus a responsive grid of team member cards.

Astro

Headshot, name, role, bio and social links for a single team member.

Astro

Single quote card with optional star rating and avatar/initials fallback.

Astro

Large standalone quote paired with a portrait for one standout endorsement.

Astro

Section header plus a responsive 3-column grid of quote cards.

Astro

Native video element with poster and caption, zero runtime JS.

Astro

A filterable grid of native-video testimonials with tag tabs by use case or industry.

React

Dense CSS-columns masonry wall of quotes with no JS masonry library.

Astro

Row of security/compliance trust marks, each optionally linking out.

Astro

Headline stat tiles that each cite a source, plus an optional methodology link — built for credibility rather than just a big number.

Astro