Block library

What ships in the box, and what each block is for.

Overview

Every block below is available in the Studio's insert menu on any page, and every one of them accepts the shared section options — padding, background, theme, container width, anchor ID. They are starting points as much as finished blocks: the fastest route to a bespoke component is usually copying the closest one.

Layout & content
Block	What it does
hero.simple	Text hero with an announcement banner, CTAs and optional custom height
hero.image	Image hero, side-by-side or vertical
text-block	Rich text with width presets, alignment, code blocks and inline media
grid.base	Columns that each contain their own nested block array
feature-grid	Two, three or four column feature list
spacer	Vertical space, optionally with one of seven divider styles
image.component	A single image
gallery.base	Two gallery styles with lazy loading
carousel.slideshow	Slides with text, image, YouTube or MP4 backgrounds
carousel.logos	Auto-scrolling logo rail
post.index	Paginated blog listing
post.collection	A curated set of posts
breadcrumbs	Trail with the current page appended automatically
youtube-video-embed	YouTube with a thumbnail poster
html-embed	Arbitrary HTML or an embedded URL
reusable.block	Renders a block defined once and used on many pages

Conversion & social proof
Block	What it does
cta-banner	Heading, copy and a group of buttons
testimonials	Quote, name, role and avatar
faq	Accordion, also usable as a general disclosure list
form.block	Renders a form document with style and theme controls
link.group.component	A standalone group of buttons or links

Code blocks

Code is part of rich text rather than a block of its own, so a snippet can sitmid-paragraph in any text block. It renders with Shiki highlighting, a filename, a language label, and a copy button, and it can either inherit the page theme or use Shiki's own palette. Line highlighting is supported.