Page Type: Page (Landing Page)
The page type creates JSON-driven landing pages using a sections array. Each section is a pre-built component with configurable props.
Content Structure
{
"config": {
"theme": "default",
"metadata": {
"title": "My Landing Page",
"description": "A compelling description",
"keywords": ["landing", "product"]
},
"sections": [
{
"type": "hero",
"heading": "Transform Your Business",
"description": "Build stunning pages in minutes.",
"ctaText": "Get Started",
"ctaHref": "/signup"
},
{
"type": "features",
"heading": "Why Choose Us",
"features": [
{
"title": "Fast",
"content": "Lightning-fast performance.",
"icon": "Zap"
}
]
},
{
"type": "cta",
"heading": "Ready to start?",
"ctaText": "Sign Up Free",
"ctaHref": "/signup"
}
]
}
}Available Sections
Landing Page Sections
| Type | Description |
|---|---|
hero | Main hero with headline, CTA, and optional video |
problem | Problem cards with emojis |
solution | Solution bento grid with icons |
features | Feature showcase with images/icons |
how-it-works | Step-by-step process |
faq | Collapsible FAQ accordion |
cta | Call-to-action with button |
content | Markdown content block |
testimonial-highlight | Testimonial carousel |
testimonials-vertical | Vertical scrolling testimonials |
pricing | Pricing plans |
Directory Sections
| Type | Description |
|---|---|
directory-hero | Hero for directory pages |
items-grid | Grid of directory items |
articles-grid | Grid of articles/blog posts |
See the Section Schema Reference for detailed props of each section type.
API Example
curl -X POST "https://api.pagegun.com/pages" \
-H "Authorization: Bearer $PAGEGUN_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"page_name": "Product Landing",
"slug": "product",
"subroute": "pages",
"type": "page",
"project_id": "your_project_id",
"config": {
"theme": "default",
"sections": [
{ "type": "hero", "heading": "Hello World", "ctaText": "Try Free", "ctaHref": "/signup" },
{ "type": "cta", "heading": "Get Started Today", "ctaText": "Sign Up", "ctaHref": "/signup" }
]
}
}'