---
title: Examine page components on KBank
---

> Agent instructions:
> **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown.
>
> - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version.
> - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt).

## Page templates

The page templates in Kbank are tied to a specific content type.

The **Article page template** displays article data stored as [reusable content](https://docs.kentico.com/guides/architecture/content-modeling/model-reusable-content/model-a-reusable-article.md) and contains the Page Builder, where editors can further promote their marketing content. They can use _page template properties_ to hide the promotion area, or show it on the different side of the page.

![Article page template](https://docs.kentico.com/docsassets/modules/define-presentation-components/article-page-template.png "Article page template")

**Product page template** displays data stored in a [reusable Product content type](https://docs.kentico.com/guides/architecture/content-modeling/model-reusable-content/model-a-reusable-product.md). Editors create the page using the template and add widgets to the page. Product-specific widgets contain a special property, and product display data is displayed directly on the page; editors don’t need to make any selections. Editors can speed up their work and create a custom product page preset with the default widget configuration. Preconfigured widgets automatically display the product's data when they select a reusable product from the Content hub.

![Product page template](https://docs.kentico.com/docsassets/modules/define-presentation-components/product-page-template.png "Product page template")

## Sections

**Multicolumn section** component provides editors with the most configuration options and is the most commonly used section type across the Kbank ecosystem. Editors can add a section anchor for deeplinking, adjust page's margin, backround and number of columns.

![Multicolumn section](https://docs.kentico.com/docsassets/modules/define-presentation-components/multicolumn-section.png "Multicolumn section")

**Articles column section** is optimized to work properly in the Page Builder area in the Article page template. It contains hand-selected widgets tailored to fit the size of the editable area and helps editors effectively continue marketing conversations with website visitors.

![Article column section](https://docs.kentico.com/docsassets/modules/define-presentation-components/article-column-section.png "Article column section")

**Form section** and its configuration options ensure that editors add forms the same way across the whole website, and include content through a _Page heading_ and _Rich text_ widgets.

![Form section](https://docs.kentico.com/docsassets/modules/define-presentation-components/form-section.png "Form section")

**Single (or 1-) column section** contains a single property. On the Kbank demo site, you can see that the 1-column section exhibits two behaviors - when placed into the body of the page, editors can pick any widgets. When they place the section at the top of the Product page, [restrictions](https://community.kentico.com/blog/defining-editable-area-restrictions) applied to the template (not on the section level) to ensure editors can use only the _Banner_ widget. We'll discuss recommended practices for sections in a following guide.

![Single column section](https://docs.kentico.com/docsassets/modules/define-presentation-components/one-column-section.png "Single column section")

The restrictions on the top zone allows editors to add only the _Hero banner widget_.

![Section restrictions allow only Hero banner widget](https://docs.kentico.com/docsassets/modules/define-presentation-components/banner-widget.png "Section restrictions allow only Hero banner widget")

## Widgets

The following section shows different configuration options for widgets that you can find on the Kbank demo site. Using these widgets, editors can create website pages using both [structured content or one-off content](https://docs.kentico.com/guides/architecture/content-modeling/xperience-content-modeling-basics/differences-between-structured-content-and-page-builder-content.md). We'll cover defining widgets and recommended practices in one of the following guides.

### Hero banner widget

![Hero banner widget in Kbank demo site](https://docs.kentico.com/docsassets/modules/define-presentation-components/hero-banner-widget.png "Hero banner widget in Kbank demo site")

Editors can configure different hero banner properties starting with the source of the content: current page, any other page in the content tree, or a separate, reusable hero banner content item.

They can adjust links and configure the widget's design, such as hiding or showing the teaser image or including product benefits.

### FAQ widget

![FAQ widget in Kbank demo site](https://docs.kentico.com/docsassets/modules/define-presentation-components/FAQ-widgets.png "FAQ widget in Kbank demo site")

Editors use FAQ widget to add reusable FAQ content items to the page. They can also supply a custom FAQ heading.

### Image widget

![Image widget in the Kbank demo site](https://docs.kentico.com/docsassets/modules/define-presentation-components/image-widget.png "Image widget in the Kbank demo site")

Image widget allows editors to select image from the content hub, or reference a media file from a [legacy media library](https://docs.kentico.com/documentation/business-users/media-libraries.md).

### Product widget

![Product widget in Kbank demo site](https://docs.kentico.com/docsassets/modules/define-presentation-components/product-widget.png "Product widget in Kbank demo site")

Editors can use the Product widget to select content from the current product page or refer to other pages in the website channels. They can adjust the content layout, including alignment, widget size, and the call to action. They can also decide to hide product image and product benefits.

### Page heading widget

![Page heading widget in Kbank demo site](https://docs.kentico.com/docsassets/modules/define-presentation-components/page-heading-widget.png "Page heading widget in Kbank demo site")

Editors can add a website-specific heading to the page and style it accordingly. They can define the heading type (H1-H4), adjust the heading visual style, and adjust margins.

> **Note:** Unlike the previous widgets that allowed also for reusing content, the **Page heading widget** creates one-off content as it stores all the data editors input in the page.