Section: Content

Render a block of Markdown content within a page type page. Use this section when you need free-form text that doesn't fit into a structured section type.

Props

Name	Type	Required	Description	Default
`label`	string	No	Small label above heading	—
`heading`	string	No	Section heading	—
`content`	string	Yes	Markdown content string	—
`className`	string	No	Custom CSS class	—

Supported Markdown

The content field supports standard Markdown:

Feature	Syntax
Headings	`## Heading` (h2-h6)
Bold	`bold`
Italic	`italic`
Links	`[text](url)`
Images	`![alt](url)`
Code	`inline` and fenced blocks
Lists	`- item` and `1. item`
Blockquotes	`> quote`
Tables	Standard pipe tables
Horizontal rule	`---`

Minimal Example

{
  "type": "content",
  "content": "This is a **simple** content block with markdown support."
}

Full Example

{
  "type": "content",
  "label": "About Us",
  "heading": "Our Story",
  "content": "## Founded in 2024\n\nPageGun was built to solve a simple problem: **creating web pages programmatically should be easy.**\n\nWe believe developers and AI agents should be able to:\n\n- Create pages with a single API call\n- Use structured data instead of WYSIWYG editors\n- Ship content at the speed of code\n\n> \"The best page builder is the one you never have to open.\"\n\nLearn more at [pagegun.com](https://pagegun.com).",
  "className": "max-w-3xl mx-auto"
}

Use Cases

Legal Pages

{
  "type": "content",
  "heading": "Terms of Service",
  "content": "## 1. Acceptance of Terms\n\nBy using PageGun, you agree to these terms...\n\n## 2. Account Registration\n\nYou must provide accurate information..."
}

Feature Deep Dive

Use a content section between structured sections to add context:

[
  { "type": "features", "heading": "Core Features", "features": [...] },
  {
    "type": "content",
    "content": "## Why We Built This\n\nMost page builders are designed for humans clicking buttons. We took a different approach — **API-first, structured data, zero UI required.**\n\nThis means AI agents can manage your entire site autonomously, and developers can integrate page creation into their CI/CD pipeline."
  },
  { "type": "cta", "heading": "Try It Now", "ctaText": "Get Started", "ctaHref": "/signup" }
]

Comparison Text

{
  "type": "content",
  "heading": "PageGun vs Traditional CMS",
  "content": "| Feature | PageGun | WordPress | Webflow |\n|---------|---------|-----------|--------|\n| API-first | ✅ | Plugin required | Limited |\n| AI agent support | ✅ | ❌ | ❌ |\n| Hosting included | ✅ | ❌ | ✅ |\n| Custom code | Full control | PHP | Limited |"
}

Tips

Escape newlines: In JSON, use \n for line breaks in markdown
Avoid h1: The page title is already h1. Start content headings at h2 (##)
className: Use max-w-3xl mx-auto for readable text width, or prose for typography defaults

Placement

Content sections are flexible — use them anywhere you need free-form text between structured sections.