SECTION LIBRARY · ADD-ONS
Add-on sections
Opt-in sections a build drops in as needed — each rendered live below with placeholder content.
ADD-ON · B1
Header + image
<HeaderImage> — two-column text + media. Body + CTAs in the actions slot; imageSide picks the side. Pass an aside slot instead of imageSrc for a two-column text + checklist / stat block (no image).
Rendered — split, landscape image
LOREM IPSUM
Dolor sit amet consectetur
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Rendered — portrait image beside text (imageSide left)
LOREM IPSUM
A portrait image alongside
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Rendered — aside slot (no image): text + checklist
WHAT'S INCLUDED
A two-column band with no image
Pass an aside slot instead of an image to put a checklist, stat block, or pricing note in the second column.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Sed do eiusmod tempor incididunt
- Ut labore et dolore magna
ADD-ON · B2
Video embed
<YouTubeEmbed> — a lite-yt facade: clickable poster, real iframe only on click (no ~500 KB player on load).
Rendered example — placeholder video
ADD-ON · B3
Before / after slider
<BeforeAfterSlider> — drag (or arrow-key) to reveal. Pointer on the frame; hidden range input for keyboard.
Rendered example — placeholder images
ADD-ON · B7
Featured quote
<Quote> — one strong voice when a grid is too much (a verbatim client quote or letter excerpt).
Rendered example — placeholder text
Client quote
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
ADD-ON · B9
Image / figure
<ImageFigure> — a standalone image + optional caption. Contained by default; fullBleed for edge-to-edge.
Rendered example — placeholder image
ADD-ON · B4 / B5
Brand carousel & credentials
<LogoCarousel> pages through partner/client logos (B5) — 4 per page, arrows + dots. <TrustStrip> handles text credential badges (B4) — icon + label/sublabel.
B5 — brand carousel (8 sample brands, 4 per page)
AS SEEN WITH
Trusted by
B4 — credential-badge mode
LICENSED & INSURED
Credentials
-
Licensed Lic. #0000000 -
Insured GL + WC covered -
Member Industry Assn. -
Certified Est. 2026
ADD-ON · B6
Pricing tiers
<PricingTiers> — plan cards with price, checkmark features, and a CTA. Mark one featured for the highlighted "most popular" treatment. v2.x adds columns={4} (responsive 1 → 2 → 4) and a tight footnote / footer slot that sits close under the cards.
Four tiers — columns={4} with a tight footnote
Plans & pricing
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Starter
$29/mo
Lorem ipsum dolor sit amet.
- Lorem ipsum dolor
- Sit amet consectetur
- Adipiscing elit
- Most popular
Professional
$79/mo
Ut enim ad minim veniam.
- Everything in Starter
- Quis nostrud exercitation
- Ullamco laboris nisi
-
Business
$149/mo
Quis nostrud exercitation.
- Everything in Pro
- Ullamco laboris nisi
- Ex ea commodo
-
Enterprise
Custom
Duis aute irure dolor in.
- Everything in Business
- Reprehenderit in voluptate
- Velit esse cillum
Prices exclude tax. All plans include a 30-day money-back guarantee.