Use it for what is included, who it is for or what to bring.
How it works: section catalog, part 1
The section catalog, part 1
Every page on this site is a stack of typed sections. This chapter shows eleven of the 27 registered types as working demos, five here and six on the next page. Each demo is labelled with its type name and one line on when a marketer reaches for it. Status: built and exported dark; not live until the next release.
Types demonstrated elsewhere: hero, prose, lede, content_grid, content_split, cta_banner, faq, link_list, stats, testimonial, comparison_table, newsletter_signup, product_preview, sticky_cta and composed. See the component showcase, the landing page and the offer page.
Two types are not demonstrated because they are system pages: checkout_confirmation and form_confirmation appear only after a purchase or a form submission.
Section type: before_after
before_after: show a change side by side
Before AfterUse it for a redesign, a result or a correction. Placeholder note: both frames reuse one existing image here, so the demo shows the layout, not a real change.
Section type: bio
bio: put a credible person behind the page
A marketer uses a bio when the reader needs to trust who is speaking: an author, a founder or an expert. This demo is a generic example and describes no real person.
- Trust notes are short credential lines shown with an accent border.
- Each line is plain text, not a claim the platform verifies.
Disclaimer text sits under the trust notes as small print.
Section type: brand_row. A strip of small logos for press, partners or certifications.
Section type: checklist
checklist: a scannable list where order does not matter
One card per entry, so each line is easy to scan on a phone.
If the order matters, use steps instead.
contact_form: an inquiry form governed by a form definition
Section type: contact_form. A marketer uses it when the goal is a message, not a purchase.
Demo only. The fields come from the frm_contact form definition.