Aveiro Documentation
Getting Started
What Is Aveiro?
Create Your Account
Create Your First Site
Dashboard Tour
Key Concepts
Members and Permissions
API Tokens
Aveiro MCP server
Organization
Affiliate Program
Sites
Sites Overview
Choosing a Template
Managing Sites
Preview and Live URLs
Social
Social Publishing Overview
Connecting Social Accounts
Social Approval Workflow
Social Agents and API
Audience
Audience Overview
Campaigns
Automation
Segments
Deliverability
Sending Domains
Embed Forms
Subscribers
Audience Agents and API
Messaging
Messaging Overview
Visitor Support Chat
Inbox
Analytics
Analytics Overview
Events
Live Visitors
Page Analytics
Editor
Editor Overview
Media Library
Pages
Pages Overview
File Tree and Collections
Creating and Organizing Pages
Page Settings
Publishing Pages
Version History
Ai
AI Overview
Chat and Suggestions
Working with AI Changes
Translations
Translations Overview
Layout
Layout Overview
Site Layouts
Collection Layouts
Header, Footer, and Sidebars
Ad Placements
Components
Components Overview
Adding and Editing Components
Component Categories
Writing with MDX
Page Sections
Editing
Keyboard Shortcuts
Preview, Visual, and Source
Styles
Styles Overview
Block Styles
Site Theme and Branding
Settings
Visitor Login
Analytics and Privacy
Custom Domains
Settings Overview
Publishing Settings vs Content
SEO and Social Sharing
Site Name and URL
Visitor Assistant
Site Ad Settings
Integrations
Integrations Overview
Fourthwall Integration
Studio
Studio Overview
Frametic Studio
Monetization
Monetization Overview
Products
Merchant of Record
Ads
Ads Overview
Managing Ad Inventory
TrademarkTrademark
Ctrl k
Search…
Sign up
Aveiro Documentation
Getting Started
What Is Aveiro?
Create Your Account
Create Your First Site
Dashboard Tour
Key Concepts
Members and Permissions
API Tokens
Aveiro MCP server
Organization
Affiliate Program
Sites
Sites Overview
Choosing a Template
Managing Sites
Preview and Live URLs
Social
Social Publishing Overview
Connecting Social Accounts
Social Approval Workflow
Social Agents and API
Audience
Audience Overview
Campaigns
Automation
Segments
Deliverability
Sending Domains
Embed Forms
Subscribers
Audience Agents and API
Messaging
Messaging Overview
Visitor Support Chat
Inbox
Analytics
Analytics Overview
Events
Live Visitors
Page Analytics
Editor
Editor Overview
Media Library
Pages
Pages Overview
File Tree and Collections
Creating and Organizing Pages
Page Settings
Publishing Pages
Version History
Ai
AI Overview
Chat and Suggestions
Working with AI Changes
Translations
Translations Overview
Layout
Layout Overview
Site Layouts
Collection Layouts
Header, Footer, and Sidebars
Ad Placements
Components
Components Overview
Adding and Editing Components
Component Categories
Writing with MDX
Page Sections
Editing
Keyboard Shortcuts
Preview, Visual, and Source
Styles
Styles Overview
Block Styles
Site Theme and Branding
Settings
Visitor Login
Analytics and Privacy
Custom Domains
Settings Overview
Publishing Settings vs Content
SEO and Social Sharing
Site Name and URL
Visitor Assistant
Site Ad Settings
Integrations
Integrations Overview
Fourthwall Integration
Studio
Studio Overview
Frametic Studio
Monetization
Monetization Overview
Products
Merchant of Record
Ads
Ads Overview
Managing Ad Inventory
TrademarkTrademark
AveiroBlogContact
© Aveiro. All rights reserved.
Built with Aveiro
Components

Page Sections

Ready-made landing sections — Hero, Features, Pricing, FAQ, Contact, and more — with layout variants and schema-driven customize panels.
Updated 1 hour ago
Writing with MDX
In short
Open Components → Sections (or the + inserter) to add landing blocks as single MDX tags. Each section exposes a layout picker and plain props. Stack sections for home and marketing pages; keep blog posts and docs as linear editorial content.

When to use sections

Use page sections when the goal is a landing page — home, product, service, pricing, about, or campaign pages where you want a proven structure without hand-building Row and Column layouts. Keep content pages (guides, blog posts, changelog entries) as markdown-first editorial MDX. Do not drop section blocks into long-form docs unless you are deliberately building a marketing page in that file.

Inserting sections

  • Open a page in the editor.
  • Open Components on the rail and choose Sections, or open the + inserter and pick the Sections tab.
  • Click or drag a section onto the canvas.
  • Use Customize to edit copy, links, images, and the layout tile picker.
Palette previews use wireframe glyphs so you can compare layouts at a glance.

Section catalog

Section
MDX tag
Typical use
Hero`HeroSection`
Opening headline, lead, two buttons, optional image
Features`FeaturesSection`Product capabilities or benefits
About`AboutSection`Story with supporting image
Stats`StatsSection`Metrics row or stat cards
Testimonials`TestimonialsSection`Customer quotes
Team`TeamSection`People grid or list
Pricing`PricingSection`Plans and price points
FAQ`FaqSection`Question and answer pairs
Logos`LogosSection`Partner or customer logos
Call to action`CtaSection`Closing band with buttons
Contact`ContactSection`Address, email, phone as links

Layout variants

Each section supports multiple (for example Hero: split, centered, cover, boxed). The customize panel shows a picture-tile control — pick the layout that matches your page width and imagery.
layouts
Props such as width cap how wide the content runs inside a full-bleed background.

Contact section behavior

ContactSection shows location, email, and phone as mailto, tel, and map links. It does not collect form submissions — pair it with your email signup block or an external form tool if you need inbound messages.

AI and API authoring

Quasar is instructed to build landing pages from these sections instead of nested layout primitives. Over MCP or REST, call aveiro_authoring_guide with the sections topic before writing landing MDX.
Content pages should still follow the editorial rules in Writing with MDX. API details live on Create a page.

Related guides

  • Component categories
  • Adding and editing components
  • Chat and suggestions