Product

Agency Template Blocks Are Now Reusable Page Builder Components

CTA hero, feature grid, split testimonial, pricing cards, FAQ with contact, roadmap, and code block are in the Components catalog with full visual editors — not just baked into the agency template.

Updated 1mo ago

In short

Seven blocks from the agency template are now first-class Components you can insert on any page. Each has a customize panel for copy, images, layout, and structured data — plus margin, alignment, and style overrides like other catalog blocks.

What we shipped

The agency template shipped with opinionated landing sections — hero, features, pricing, testimonials, FAQ, roadmap, and code snippets. Until now, those layouts lived mostly inside the template copy. They are now registered page builder components you can drop on any site:

Component	Category	Customize panel highlights
CTA hero	General	Badge, optional tag, headline, subtitle, primary/secondary buttons, left/center/right layout
Feature grid	General	Image cards with title and description — add section headlines with separate Heading blocks
Split testimonial	General	Cover image, quote, author link/label, optional logo row
Pricing cards	General	Plans with extras, featured-plan toggle, row/column/grid layout
FAQ with contact	General	Accordion items plus contact aside — section titles via Heading blocks
Roadmap	Docs	Column/task editor with status per item
Code block	Docs	Multiple snippets, language picker, optional copy button

All seven support catalog layout controls — margin, alignment, max width, and block styles — the same envelope other structured components use.

Why we built it this way

Agency and freelancer sites repeat the same section types: hero, proof, pricing, objections, contact. Baking them only into one template meant authors either kept template sample copy or rewrote MDX by hand. Pulling the blocks into the catalog means:

Compose freely — mix agency sections with docs, portfolio, or store blocks on one page
Edit visually — pricing plans, roadmap columns, and FAQ items use structured forms instead of raw props
Stay on-catalog for AI — Quasar can insert and edit these tags because they are registered like Hero or Collection

Feature grid and FAQ intentionally omit built-in section headlines so you pair them with Heading and Text blocks — same pattern as the agency template itself.

Try it

Open any page in Visual mode.
Open Components and search for pricing, testimonial, feature, or code.
Insert a block and open Customize to edit props.
Add a Heading above Feature grid or FAQ with contact if you want a section title.
Use Copy layout / Copy style to match spacing from a neighboring block.
Publish when the page looks right.

Component	Category	Customize panel highlights
CTA hero	General	Badge, optional tag, headline, subtitle, primary/secondary buttons, left/center/right layout
Feature grid	General	Image cards with title and description — add section headlines with separate Heading blocks
Split testimonial	General	Cover image, quote, author link/label, optional logo row
Pricing cards	General	Plans with extras, featured-plan toggle, row/column/grid layout
FAQ with contact	General	Accordion items plus contact aside — section titles via Heading blocks
Roadmap	Docs	Column/task editor with status per item
Code block	Docs	Multiple snippets, language picker, optional copy button

All seven support catalog layout controls — margin, alignment, max width, and block styles — the same envelope other structured components use.

Why we built it this way

Pulling the blocks into the catalog means:

Compose freely — mix agency sections with docs, portfolio, or store blocks on one page

Edit visually — pricing plans, roadmap columns, and FAQ items use structured forms instead of raw props

Stay on-catalog for AI — Quasar can insert and edit these tags because they are registered like Hero or Collection

Feature grid and FAQ intentionally omit built-in section headlines so you pair them with Heading and Text blocks — same pattern as the agency template itself.

Try it

Open any page in Visual mode.

Open Components and search for pricing, testimonial, feature, or code.

Insert a block and open Customize to edit props.

Add a Heading above Feature grid or FAQ with contact if you want a section title.

Use Copy layout / Copy style to match spacing from a neighboring block.

Publish when the page looks right.

Agency Template Blocks Are Now Reusable Page Builder Components

Agency Template Blocks Are Now Reusable Page Builder Components

What we shipped

Why we built it this way

Try it

Read next

What we shipped

Why we built it this way

Try it

Read next