Section Schema Reference

Sections are the building blocks of page type pages. Each section is a JSON object with a type field and type-specific props.

Base Structure

Every section follows this base structure:

{
  "type": "section-type",
  "...": "section-specific props"
}

Common Props

Many sections share these optional props:

Name	Type	Description
`label`	string	Small label text above the heading
`heading`	string	Main heading text
`description`	string	Supporting description text
`className`	string	Custom CSS class name

Available Sections

Landing Page Sections

Type	Description	Required Props
`hero`	Main hero with headline and CTA	`heading`
`problem`	Problem cards	`problems[]`
`solution`	Solution bento grid	`solutions[]`
`features`	Feature showcase	`features[]`
`how-it-works`	Step-by-step process	`steps[]`
`faq`	FAQ accordion	`faqs[]`
`cta`	Call-to-action	`heading`
`content`	Markdown content block	`content`
`testimonial-highlight`	Testimonial carousel	`testimonials[]`
`testimonials-vertical`	Vertical testimonials	`testimonials[]`
`pricing`	Pricing plans	`plans[]`

Directory Sections

Type	Description	Required Props
`directory-hero`	Directory hero	`title`
`items-grid`	Items grid	—
`articles-grid`	Articles grid	—

Example Page Config

{
  "config": {
    "theme": "default",
    "sections": [
      { "type": "hero", "heading": "Welcome", "ctaText": "Get Started", "ctaHref": "/signup" },
      { "type": "features", "heading": "Features", "features": [...] },
      { "type": "cta", "heading": "Ready?", "ctaText": "Sign Up", "ctaHref": "/signup" }
    ]
  }
}