Blocks GalleryMarketing Starter

Marketing Starter

High-conversion marketing blocks: high-impact and feature heroes, CTAs, logo sliders, pricing tables, testimonials, FAQ accordions, and announcement banners.

9 blocks · 36 variants

High Impact Hero

high-impact-hero

Full-featured hero with headline, description, supporting images, reviews, marquee, and background options

Default

Full-featured hero — headline, description, background, optional marquee.

default

⚠ No demo props registered for high-impact-hero/default.

Centered

Center-aligned hero with large typographic headline and minimal chrome.

centered

⚠ No demo props registered for high-impact-hero/centered.

Dark

Full-bleed dark hero with gradient overlay and accent CTA.

dark

⚠ No demo props registered for high-impact-hero/dark.

Split

Side-by-side text and media at equal column weight — suits product or feature launches.

split

⚠ No demo props registered for high-impact-hero/split.

Illustration Hero

Felt-world hero with a bold character illustration alongside headline and subheadline. Use for /start-here and other brand-immersive entry points.

illustrationHero

⚠ No demo props registered for high-impact-hero/illustrationHero.

Feature Hero

feature-hero

Feature showcase with multiple layout variants (cards, steps, masonry, etc.)

Default (Cards)

Hero with feature cards — the original hero-with-cards layout.

default

⚠ No demo props registered for feature-hero/default.

Minimal

Clean feature list — icon grid or three-steps without card surfaces.

minimal

⚠ No demo props registered for feature-hero/minimal.

Dark

Dark background feature showcase with accent-colored feature items.

dark

⚠ No demo props registered for feature-hero/dark.

Playful

Offset cards with color fills and rounded corners — energetic consumer-brand feel.

playful

⚠ No demo props registered for feature-hero/playful.

Call to Action

cta

Headline + supporting text + action buttons with optional media

Default

The standard CTA layout that ships with every site.

default

⚠ No demo props registered for cta/default.

Minimal

Flat, no background treatment — style-only.

minimal

⚠ No demo props registered for cta/minimal.

With Inline Form

Appends a name + email capture group to the CTA.

with-form

⚠ No demo props registered for cta/with-form.

Footer CTA

Compact dark-background CTA for page footers and section ends.

footer

⚠ No demo props registered for cta/footer.

Door Strip

Compact two-door router: whole-surface links, mono kicker, serif line, arrow affordance.

door-strip

⚠ No demo props registered for cta/door-strip.

Doors (Full Close)

Full two-door close: kicker, serif heading, body, underlined go-link per door. Seed with columnSpan '1 / -1' for full bleed.

doors

⚠ No demo props registered for cta/doors.

Logo Slider

logo-slider

Scrolling logo carousel for client or partner branding

Default

Auto-scrolling logo carousel with configurable speed and size.

default

⚠ No demo props registered for logo-slider/default.

Dark

Dark strip logo marquee with inverted monochrome logo treatment.

dark

⚠ No demo props registered for logo-slider/dark.

Static Grid

Non-scrolling grid of logos — suitable for print-style and editorial pages.

static-grid

⚠ No demo props registered for logo-slider/static-grid.

Marquee Editorial

Slow marquee with generous spacing and muted opacity — editorial press-logo strip.

marquee-editorial

⚠ No demo props registered for logo-slider/marquee-editorial.

Pricing

pricing

Pricing plans section with subscription and project cards

Default

Full-width pricing cards with subscription/project toggle.

default

⚠ No demo props registered for pricing/default.

Compact

Condensed pricing rows — less whitespace, table-like layout.

compact

⚠ No demo props registered for pricing/compact.

Dark

Dark background pricing section with accent-colored feature callouts.

dark

⚠ No demo props registered for pricing/dark.

Editorial

Minimal typographic pricing layout — no card surfaces, hairline separators.

editorial

⚠ No demo props registered for pricing/editorial.

Testimonial

testimonial

Display a testimonial from a testimonials collection

Default

Standard testimonial card with quote, attribution, and optional background.

default

⚠ No demo props registered for testimonial/default.

Editorial

Large pull-quote typographic treatment — no card, hairline accent.

editorial

⚠ No demo props registered for testimonial/editorial.

Dark

Dark surface testimonial with accent star rating strip.

dark

⚠ No demo props registered for testimonial/dark.

Carousel

Horizontally scrolling testimonial carousel with pagination dots.

carousel

⚠ No demo props registered for testimonial/carousel.

FAQ

faq

Frequently asked questions with accordion answers

Default

Accordion FAQ with optional headline and callout link.

default

⚠ No demo props registered for faq/default.

Minimal

Borderless FAQ with hairline separators — editorial style.

minimal

⚠ No demo props registered for faq/minimal.

Two Column

FAQ items split into two columns for dense question sets.

two-column

⚠ No demo props registered for faq/two-column.

Dark

Dark surface accordion FAQ with accent-colored open/close toggles.

dark

⚠ No demo props registered for faq/dark.

Exhibit Wall

exhibit

Asymmetric museum gallery wall of hairline-framed real nested block renders

⚠ No render component registered for exhibit.