2️⃣ Page Structure Overview

2.1 Hero

• Editing in Crystallize:
• • Navigate to the page’s document.
  • The Hero is always at the top of each page
  • Update fields such as Title, Subtitle, Background Image or Video, and CTA (button).
• Best Practices:
  ✅ Keep the message short and impactful.
  ✅ Use high-quality visuals.

2.2 Content Section

A flexible section where you add and reorder components.This is a flexible area where you add and reorder components like Cards, Employees, News, etc.

• How to edit it in Crystallize:
• 1. Find the Content Section component in the page’s document.
  2. Find the type you want to edit
  3. Fill in the relevant fields for that component (e.g. images, text, links).
  4. Save and publish.
• How to add a component:
• 1. Select the component type you want (e.g. Cards, News).
  2. Fill in the relevant fields for that component (e.g. images, text, links).
  3. Save and publish.

Read more in our 📑 Visual Guide: Content Section Components

• Available Components for Content Section:
  

  Component	Usage / Tips
  Available Positions	Displays current job openings. Automatically adapts to the selected language from Crystallize, so be sure to choose the correct language from the top right corner. The list of positions is sourced from NG Nordic.
  Cards	Highlight features or content with text, an image, and an optional button. You can include multiple cards arranged horizontally or vertically.
  Contact Form	Allows users to send messages or inquiries. Set the destination email address in Crystallize. The email address used to send confirmation emails to users is configured in Vercel, so consult a developer if you’d like to change it or set it up initially.
  Employees	Display your team members with images and titles.
  Files	Offer downloadable resources (PDFs, etc.).
  Header	A text component that includes a heading and an optional link.
  Key Numbers	Show statistics or achievements visually.
  Logo Cloud	Showcase partner or client logos in a clean grid.
  Media	Embed videos, audio, or images.
  News	Displays a list of recent articles or all articles. This component requires a folder that contains articles, which you can create by clicking the Create button in the corner. Once the folder is created, add a document of type Article to begin writing.
  Services	Highlight the services your company offers. These are featured on NG Nordic’s Services page. Unlike Cards, Services components include filters. This component requires a folder that contains services, which you can create by clicking the Create button in the corner. Once the folder is created, add a document of type Service to begin writing.

2.3 SEO Section

• What is it?
  A dedicated section for search engine optimization.
• Editing in Crystallize:
• • Find the SEO component at the bottom of the page’s document.
  • Fill in:
  • • Meta Title (should include main keywords)
    • Meta Description (1-2 sentences, also include keywords)
    • Open Graph / Social sharing images (optional)
• Best Practices:
  ✅ Keep the meta title 50-60 characters.
  ✅ Meta description: 150-160 characters for best display.
  ✅ Use clear language that matches the page’s content.