Component pages let you create pages by combining various components. Each component is designed to display specific types of content, such as headers, text, images, and video. Simply add the components, and configure them to fit your content and layout preferences. 

1. Create a component page

Navigate to the Pages section in the Media Center module. The types of pages available are 'Component page' and 'Standard page'. Click ‘Create page’ and select 'Component page', or open an existing draft.

2. Add a component

Click ‘Add component’ to view the list of available components. Choose the type of component you want to add. The options are:

Basic components

• Header – Add titles or section headings
• Text – Add paragraphs of content
• Divider – Add visual breaks between sections
• Button – Add call-to-action buttons with links
• Login/Apply – Add a prompt to have visitors log in, or apply for access (visible in public view)

Media components

• Image – Upload and display images
• Video – Pull videos from your internal media libraries in Mediabank and Program catalog, or upload from external locations
• Embed – Paste embed codes. In some cases, direct URLs (e.g. from YouTube) may also work, depending on the source

Media components come with layout options such as boxed, full-width, and side-by-side. Media assets can be manually uploaded or pulled from other parts of the platform.

Automated components (auto-populated)

• Latest news – Auto-populated by posts, by category
• Highlights – Auto-populated by posts and events, selected to be highlighted
• Screeners – Auto-populated screeners, per Screening Room

3. Configure components

Components can be configured upon being added, they can also be edited. Click on the component to edit content and settings.

Common options include:

• Text alignment, size, and formatting
• Link URLs and button design and colors
• Image layout, overlay text, button, and alt text
• Video layout, overlay text, and button
• Embed code and URL input
• Additional settings: top and bottom margins (default margin is set to 20 px)

4. Add dynamic content (auto-populated components)

Use the 'Latest posts', 'Screeners', and 'Highlights' components to display content automatically pulled from other areas of the platform (e.g. press releases, screeners and events). Choose from three layout styles:

• Slider – A horizontal carousel for showcasing featured posts
• Grid – A multi-column layout for a visual overview
• List – A simple vertical list for easier reading

To use auto-populated components:

• Select component
• Adjust the number of items to display
• Choose a layout: slider, grid, or list
• Set filters to display specific content (e.g. per post category, or per Screening Room)

5. Arrange components on the page

• Drag and drop components to reorder them.
• Use dividers to visually separate sections.
• Review the layout to ensure clear hierarchy and flow.

6. Preview your page

Click ‘Preview’ to see how your page will appear to visitors. Make any needed adjustments to text, spacing, or media.

7. Publish

When you're happy with your layout and content, click ‘Publish’ to make your page live. You can always return to edit or update components later. To save changes as a draft without making them visible to website visitors, unpublish the page first.

8. Link your page in the menu

• Navigate to the Menus section. 
• Add a menu item and link to your page by adding the URL, or if you want the page to appear as a submenu item, add it to a dropdown menu. 
• The page will now be accessible from the Media Center menu. If you need help on how to manage the menu, go to How do I manage the Media Center site menu

9. Set as homepage

Once you've built and published your page, you can choose to make it your website’s homepage.

To do this:

• Go to your page settings
• Locate the option for ‘Set as homepage’.
• Save your changes.

Your Media Center will now load this page as the default landing page for all visitors.