Pages

The Pages section lets you create custom pages for your site using a drag-and-drop page builder. Pages are great for landing pages targeting specific neighbourhoods, property types, buyer or seller audiences, or any other custom content you need.

Managing Pages

Navigate to Pages in the left sidebar to see all your existing pages. Each page shows its title and URL slug. From here you can:

• Edit — Open the page in the page builder.
• View — Preview the live page on your site.
• Duplicate — Create a copy of the page.
• Delete — Permanently remove the page.

Click + Create Page to start building a new page.

The Page Builder

The page builder has three main areas:

• Left panel — Block library and AI builder.
• Center canvas — A live preview of your page. Use the toolbar above the canvas to switch between desktop and mobile views, undo/redo changes, zoom, and toggle fullscreen.
• Right panel — Page-level SEO settings and block-specific settings when a block is selected.

Building with AI

The page builder includes an AI assistant that can generate entire pages from a text prompt. In the left panel, click AI to access it. You can either:

• Click Enter prompt to describe what you want and let AI build the page using the available blocks.
• Click Build manually to skip AI and drag blocks onto the canvas yourself.

You can also type a prompt in the chat field at the bottom of the canvas at any time to ask AI to add or modify blocks.

note

AI page generation uses credits, shown in the top-right corner of the builder. See Billing & Plans for details on purchasing credits.

AI Content Tools

Beyond the page builder, Tempo includes AI writing tools throughout the dashboard to help you create content quickly:

• Bio Writer — Generate a professional agent biography with a customizable tone. Found in Content → About.
• Pitch Writer — Create a concise service pitch. Found in Content → About.
• Area Descriptions — Generate neighbourhood or region descriptions for your areas of expertise. Found in Content → Areas.
• Site Description — Auto-generate your site's meta description for SEO. Found in Content → Profile.
• Text Enhancement — When editing text fields, use AI to improve, shorten, lengthen, continue, or fix grammar in your existing copy.
• AI Image Generation — Create custom images using AI from the Marketing tools. See Marketing for details.

Building Manually

Click Blocks in the left panel to browse available blocks organized by category. Drag any block from the panel onto the canvas to add it to your page. Click a block on the canvas to select it and edit its settings in the right panel.

Use Outline in the left panel to see the full block tree structure and reorder blocks.

Page SEO Settings

The right panel shows page-level settings when no block is selected:

• SEO Page Title — The title tag for search engines.
• SEO Description — The meta description for search engine results.
• SEO Keywords — Comma-separated keywords for search engines.
• Open Graph Image — The image shown when your page is shared on social media. Select from your Media Library or upload a new image (PNG, JPG, or WebP, max 2MB).
• Add link to site nav — Choose Yes to add a link to this page in your site's navigation menu.
• Add link to site footer — Choose Yes to add a link to this page in your site's footer.

Publishing

Click Publish in the top-right corner to save and publish your page. Use View to open the live page on your site.

---

Available Blocks

Blocks are organized into five categories: Components, Layout, Primitives, Forms, and Listings.

Components

Content sections for building out the main body of your page.

Block	Description
Hero	Full-width hero section with title, description, up to 2 call-to-action buttons, and an optional image (inline or background mode). Configure alignment, width, and padding.
Text & Image	Two-column layout pairing text content with an image. Set the image position (left or right), text alignment, aspect ratio, and gap spacing.
Card	A standalone card with an optional image, icon, title, description, and call-to-action button. Set image position (top or bottom) and aspect ratio.
Image Gallery	A grid gallery of multiple images with optional captions. Best with 4–12 images.
Accordion	Expandable sections for FAQs or grouped content. Each item has a title and rich text content. Optionally allow multiple items to be open at once.
Video Card	Embed a video from Mux, YouTube, or Pexels. Configure playback options (autoplay, muted, loop, controls), display size, aspect ratio, and caption.

Layout

Containers for organizing and arranging other blocks on your page.

Block	Description
Frame	A flexible container inspired by Figma's Auto Layout. Supports background colors and images, padding, spacing, and automatic layout direction (horizontal or vertical). Nest other blocks inside it.
Grid	A multi-column grid container (1–12 columns). Set the gap between items and nest blocks inside each cell.
Flex	A flexbox container for inline layouts. Configure direction, alignment, gap, and wrapping.
Carousel	A horizontal slide carousel with navigation arrows and dots. Supports 1–4 slides per view and optional autoplay with a configurable delay. Each slide can contain any block.
Space	A simple whitespace divider. Set the size (0–160px), direction (vertical, horizontal, or both), and optional background color.

Primitives

Basic building blocks for text, images, buttons, and embeds.

Block	Description
Heading	A heading element (H1–H6) with independent visual size control (4XL down to XS). Set color, alignment, width, and padding.
Text	Body paragraph text with size options (small, medium, large) and multi-column support (1–12 columns).
Rich Text	Formatted text with bold, italic, lists, and links using a built-in editor.
Image	A standalone image with optional caption. Choose from preset aspect ratios (auto, square, 3:2, 2:3, 16:9) and adjust inner padding.
Button	A call-to-action button. Set the label, link URL, size (small, default, large, icon), and style variant (default, secondary, outline, ghost, link).
Embed	An external iframe embed for YouTube, Vimeo, Google Maps, and other services. Configure aspect ratio, dimensions, and fullscreen options.

Forms

Lead capture forms that automatically connect to your site's contact and CRM integrations.

Block	Description
Message Form	A general contact or inquiry form. Customize the title, description, alignment, and theme color.
Buyer Form	A home buyer-specific contact form for purchase inquiries.
Seller Form	A home seller-specific contact form for valuation requests.

All form submissions are delivered to your connected lead management tools (HubSpot, FollowUpBoss, etc.) and appear in your Leads dashboard.

Listings

MLS-powered property listing blocks that pull live data from your connected data source.

Block	Description
Listing Card	A single property listing card. Enter an MLS® ID to display that listing's details.
Listing Grid	A filtered grid of MLS® listings. Configure filters for listing type, area or city, price range, bedrooms, bathrooms, home types, property types, style, amenities, and more. Set the number of columns and maximum results.
New Homes Grid	A grid of pre-construction and new home development projects. Filter by city, home types, construction status, price range, and bedrooms. Available in Ontario, British Columbia, and Alberta.