NIA component showcase (kitchen sink)

A living reference of every section you can add in the page builder, in the same order as the "Add a section" dropdown. Each section below is introduced by a grey label block stating its dropdown name and the media it expects.

Heading treatments used across sections: 1) small label / eyebrow (e.g. "Section heading", "Eyebrow"); 2) large hero headline (Hero – image / banner); 3) section heading (Intro, Variant grid); 4) Rich-text heading levels h1–h4. Media always fills its frame with object-cover — cropped/zoomed to 100%, never stretched.

▸ Hero – image

Media: 1 landscape image — min 1200 px wide, optimal 16:9 (object-cover). Optional square contact photo — min 600×600, 1:1. Format: JPG / PNG / WebP.

Precision linear technology for demanding applications

Precision linear technology for demanding applications

A short intro paragraph that sits below the headline. Use it to set context for the page in one or two sentences.
Explore products

▸ Hero – banner (image + colored panel)

Media: 1 banner image for the wide banner — min 1200 px wide (panel crops ~5:2 on desktop), or exactly 3 images for the grid. Optional MP4 video (overrides images) and a small badge (object-contain). object-cover, no stretch.

Hero banner with a colored panel

Hero banner with a colored panel

The banner image sits full-width above a colored panel containing the headline, intro, optional expandable body, a badge and CTAs.

This is the optional expandable body. It renders truncated to ~3 lines with a chevron toggle. Add longer supporting copy here without overwhelming the banner.

Get in touch

▸ Hero – circle

No images. A styled circular heading band — heading text only.

Hero – circle heading

▸ Intro – heading + paragraph

No images. Centered heading + paragraph with an optional underlined CTA link.

An intro section

A centered heading and paragraph block. Good for a short editorial introduction between heavier sections.
Line breaks are preserved.
Read more

▸ Contact person card

Media: 1 square photo — min 600×600, 1:1, object-cover.

▸ Service block (50/50 image + text)

Media: 1 image — min 1200 px wide, ~4:3, object-cover. Optional logo strip: transparent PNG wordmarks rendered as a single-tone silhouette.

Services.

View all
Design engineering.

Design engineering.

Rich text inside the colored panel. Supports bold, lists and links. The image takes one half, the panel the other.

Learn more

▸ Stacked feature (2 images + text + CTAs)

Media: 2 images (top + bottom) — each min 1200 px wide, ~4:3, object-cover.

Linear technology.

Two stacked images beside long-form text Two stacked images beside long-form text

Two stacked images beside long-form text

Lorem ipsum. Use bold for inline sub-headings followed by paragraphs. Two images stack on one side, the text on the other.

Primary CTA Secondary CTA

▸ Video (click to play)

Media: 1 MP4 (H.264, max 64 MB; loads only on play). Optional poster image — 16:9, min 1200 px wide, object-cover.

Video block

The video file loads only when the visitor presses play, so it does not slow down the page.

▸ Variant grid

Media: 1 image per variant — min 600 px, ~1:1, object-cover. Specs are entered as "Label: Value" per line.

Variant grid

View all
A responsive grid of product variants, each with an image, title, short description and a specs list.
Variant one

Variant one

Short description.

Diameter: 8 – 80 mm
Length: up to 7500 mm
Variant two

Variant two

Short description.

Diameter: 12 – 120 mm
Length: up to 6000 mm
Variant three

Variant three

Short description.

Sizes: 15 – 36
Variant four

Variant four

Short description.

Sizes: 11 – 120

▸ FAQ accordion

No images. A list of question / answer items; answers support rich text.

  • Absolutely. Contact us and we can discuss your project and requirements.

  • Delivery times vary by scope and complexity. Contact us for an estimate for your specific order.

  • Yes. Our team offers technical advice and support to help you choose the right solution.

▸ File dropdown section

Media: uploaded documents (PDF, etc.) and/or external links. Any size. Each dropdown groups related files.

Files and documents

All downloads
CAD drawings — Avans

▸ Rich text – headings & paragraphs

No images. Stack heading blocks (levels h1–h4) and paragraph blocks. Supports left / center / right alignment and background tones.

A heading-2 block

A paragraph block with bold and a link. Mix headings and paragraphs to build structured editorial content.

A heading-3 block

Another paragraph below the smaller heading.

▸ Rich text

No images. A single Markdown body with an optional heading.

Rich text (Markdown)

This section uses a Markdown body. You can write emphasis, lists:

  • one
  • two
  • three

and links.

Check ok icon Alert icon