For editors

Landing page components.

Visual catalog of every paragraph you can add to a Landing page. Each block below shows what it is (fields, usage) and a live demo with sample content.

How to read this page

For each component you will see:

  1. Meta — machine name, when to use it, main fields, example pages.
  2. Live demo — the real paragraph with sample content (editorial/layout blocks only).

Drupal block has no demo — it embeds a Views listing; open any listing page to see the result.

Bookmark: /landing-page-guidelines

Universal blocks

Used on many landings — hero, editorial copy, CTAs, and dynamic listings.

Section hero

kal_section_hero

When to use: Page opener — eyebrow, headline, lede, CTAs. Set variant for color theme.

Fields: Eyebrow · Title · Accent · Lede · CTA(s) · Variant

Used on: Most landings

Live demo ↓

Component demo

Section hero example.

Standard page opener with eyebrow, headline, lede, and optional CTAs.

Text section

kal_text_section

When to use: Title + body band. Skins: default, legal, download, kids_what, home_column, home_gospel.

Fields: Title · Body · Centered · Alt bg · CTA · Skin

Used on: /about, /home, legal pages, /download, /team/kids

Live demo ↓

Text section

Editorial band: title + rich body, optional centered layout and CTA.

CTA band

kal_cta_band

When to use: Closing promo strip with one button.

Fields: Title · Accent · Body · CTA

Used on: /about-jesus, /safar, /download

Live demo ↓

Next step

Hope starts here.

Closing promo strip with one button.

Chat on WhatsApp

Drupal block

drupal_block

When to use: Embeds a dynamic block — almost always a Views block (songs, books, articles, videos, podcasts, testimonies, courses). Pick from the allowlist in Elam Blocks; the listing skin lives on the View. No visual demo here — see any listing page.

Fields: Block selector (Views or content block)

Used on: /worship/songs, /library/books, /videos, /audio/songs, /fellowship/testimonies, …

Home page only

Do not reuse these blocks on section landings.

Home hero

home_hero

When to use: Rotating slideshow — home only.

Fields: Slides (nested)

Used on: /home

Nested types: home_hero_slide

Live demo ↓

WEEKLY FELLOWSHIP

A guide for your small fellowship.

Home-only rotating hero — one slide shown here.

Teams grid

teams_grid

When to use: Kalameh Teams routing on home.

Fields: Eyebrow · Title

Used on: /home

Live demo ↓

New this week

new_this_week

When to use: Auto rail: latest video, book, song.

Fields: Eyebrow · Title · CTA

Used on: /home

Live demo ↓

Download the app

landing_pages_download_the_app

When to use: App store band with phone art.

Fields: Eyebrow · Title · Body · Meta

Used on: /home, /download

Live demo ↓

The Kalameh app

All of Kalameh, in your pocket.

App store band with phone art.

200,000+ downloads

Hubs, promos & card grids

Portals row

kal_portals_row

When to use: Large routing cards into sub-sections.

Fields: Portal cards

Used on: /worship/team, /library, /audio

Nested types: kal_portal_card

Live demo ↓

Resource grid

kal_resource_grid

When to use: Audience resource cards.

Fields: Resource cards

Used on: /fellowship/resources

Nested types: kal_resource_card

Live demo ↓

Text and video block

landing_pages_text_and_video_blo

When to use: Split band — image + copy. Tone: light, dark, safar.

Fields: Number · Eyebrow · Title · Body · Image · CTA · Tone

Used on: /fellowship, /safar

Live demo ↓

01Split band

Text and video block.

Image + copy + CTA. Tone: light, dark, or safar.

Learn more

Set-list app gate

kal_setlist_gate

When to use: Worship team app promo + feature list.

Fields: Title · Features · CTAs

Used on: /worship/team

Nested types: kal_setlist_feature

Live demo ↓

Worship team app

Set lists in the app.

App-gated promo with feature list.

  • Set listsPlan Sunday worship.
  • OfflineWorks without signal.
9:41
Done
A♭
E
A
A

Sunday · Nov 24

4 songs · 22 min

Ready · shared with 6
1

Goodness of God

Bethel Music

A♭
2

Build My Life

Pat Barrett

E
3

The Blessing

Elevation

A
4

Raise a Hallelujah

Bethel Music

A
Start Perform mode

Live in the app

Set lists are designed for the stand. Get the Kalameh app to build one.

Playlist teaser

kal_playlist_teaser

When to use: Songs & albums app promo.

Fields: Eyebrow · Title · Body · CTA

Used on: /audio/songs

Live demo ↓

Playlists

Build your own playlist.

Songs & albums app promo band.

Get the app

About feature

kal_about_feature

When to use: Image + quote beside editorial copy.

Fields: Image · Quote · Title · Body · Stats · CTAs

Used on: /about

Live demo ↓

“We gather every week.”Weekly Fellowship
Feature

About feature block.

Image + quote beside editorial copy.

50+ sessions · Free

More grid

kal_more_grid

When to use: Card grid + optional “more” link. Skins: default, safar, other_teams.

Fields: Title · Skin · Cards

Used on: /about, /safar, /team/kids

Nested types: kal_more_card

Live demo ↓

Video grid

kal_video_grid

When to use: YouTube video cards — featured or grid layout.

Fields: Title · Featured flag · Video items

Used on: /about-jesus

Nested types: kal_video_item

Live demo ↓

Video grid

About the Kalameh app

Full stack for /about-app — use together in this order on marketing pages.

App hero

kal_app_hero

When to use: Download hero + phone mockups.

Fields: Title · Stats · Phones

Used on: /about-app

Nested types: kal_app_phone

Live demo ↓

Kalameh app

Download the app.

Hero with stats and phone mockups.

200K+ downloads · Free
See inside

App inside grid

kal_app_inside

When to use: Six library cards.

Fields: Cards

Used on: /about-app

Nested types: kal_app_card

Live demo ↓

Inside the app

Six libraries.

Feature grid with glyph cards.

Bible

Read offline.

  • Offline · Search

App only-in-app

kal_app_only

When to use: Numbered app-only features.

Fields: Items

Used on: /about-app, /download

Nested types: kal_app_only_item

Live demo ↓

App only

Only in the app.

Numbered app-only features.

01

Offline downloads

Save books and songs.

App explore carousel

kal_app_explore

When to use: Phone carousel band.

Fields: Title · Phones

Used on: /about-app

Nested types: kal_app_phone

Live demo ↓

Explore the app.

Phone carousel band.

kalameh
Time for Worship
God Gives Victory
▶ Video
Weekly Fellowship
A spirit of welcome…
▶ Video
9:41 NMV · Persian
John 1 · 1–8
1In the beginning was the Word, and the Word was with God, and the Word was God.
2He was with God in the beginning.
3Through him all things were made; without him nothing was made that has been made.

App reviews

kal_app_reviews

When to use: Store review cards.

Fields: Reviews

Used on: /about-app

Nested types: kal_app_review

Live demo ↓

What people say.

Store review cards.

iOS User ★★★★★

Great app for Persian believers.

App Store · 5 stars

App get-it card

kal_app_getit

When to use: Closing download + QR.

Fields: Title · CTA

Used on: /about-app, /download

Live demo ↓

Get Kalameh today.

Closing download card with QR.

Bible hub

Bible reader embed

kal_bible_reader

When to use: Embeds a bible_chapter node.

Fields: Chapter ref

Used on: /bible

Live demo ↓

آغاز آفرینش

۱در آغاز، خدا آسمانها و زمین را آفرید.۲زمین بی‌شکل و خالی بود، و تاریکی بر روی ژرفا؛ و روح خدا سطح آبها را فرو گرفت.

شش روز آفرینش

۳خدا گفت: «روشنایی باشد،» و روشنایی شد.۴خدا دید که روشنایی نیکوست، و خدا روشنایی را از تاریکی جدا کرد.۵خدا روشنایی را ’روز‘ و تاریکی را ’شب‘ نامید. شامگاه شد و بامداد آمد، روز اوّل.۶و خدا گفت: «فَلَکی باشد میان آبها، و آبها را از آبها جدا کند.»۷پس خدا فَلَک را ساخت و آبهای زیر فَلَک را از آبهای بالای فَلَک جدا کرد. و چنین شد.۸خدا فَلَک را ’آسمان‘ نامید. شامگاه شد و بامداد آمد، روز دوّم.۹و خدا گفت: «آبهای زیر آسمان در یک جا گرد آیند و خشکی پدیدار شود.» و چنین شد.۱۰خدا خشکی را ’زمین‘ و اجتماع آبها را ’دریا‘ نامید، و خدا دید که نیکوست.۱۱آنگاه خدا گفت: «زمین نباتات برویاند، گیاهانی که دانه تولید کنند و درختان میوه‌ای که بر حسب گونۀ خود میوۀ دانه‌دار بیاورند، بر روی زمین.» و چنین شد.۱۲زمین نباتات رویانید، گیاهانی که بر حسب گونۀ خود دانه تولید می‌کردند، و درختانی که بر حسب گونۀ خود میوۀ دانه‌دار می‌آوردند. و خدا دید که نیکوست.۱۳شامگاه شد و بامداد آمد، روز سوّم.۱۴و خدا گفت: «نورافشانها در فَلَک آسمان باشند تا روز را از شب جدا کنند، و تا نشانه‌ها باشند برای نمایاندن زمانها و روزها و سالها،۱۵و نورافشانها باشند در فَلَک آسمان تا بر زمین روشنایی بخشند.» و چنین شد.۱۶خدا دو نورافشان بزرگ ساخت، نورافشان بزرگتر را برای فرمانروایی بر روز، و نورافشان کوچکتر را برای فرمانروایی بر شب، و نیز ستارگان را.۱۷خدا آنها را در فَلَک آسمان نهاد تا بر زمین روشنایی بخشند۱۸و بر روز و بر شب سلطنت کنند و نور را از تاریکی جدا سازند. و خدا دید که نیکوست.۱۹شامگاه شد و بامداد آمد، روز چهارم.۲۰و خدا گفت: «آبها از انبوه جانداران پر شود و پرندگان بر فراز زمین در فَلَک آسمان پرواز کنند.»۲۱پس خدا موجودات بزرگ دریایی و همۀ جانداران را که می‌جنبند و آبها را پر می‌سازند، بر حسب گونه‌هایشان، و همۀ پرندگان بالدار را بر حسب گونه‌هایشان آفرید. و خدا دید که نیکوست.۲۲خدا آنها را برکت داد و گفت: «بارور و کثیر شوید و آب دریاها را پر سازید، و پرندگان نیز بر زمین کثیر شوند.»۲۳شامگاه شد و بامداد آمد، روز پنجم.۲۴و خدا گفت: «زمین جانداران را بر حسب گونه‌هایشان بر آوَرَد، چارپایان و خزندگان و وحوش زمین را، بر حسب گونه‌هایشان.» و چنین شد.۲۵پس خدا وحوش زمین را بر حسب گونه‌هایشان بساخت، و چارپایان را بر حسب گونه‌هایشان، و همۀ خزندگان روی زمین را بر حسب گونه‌هایشان. و خدا دید که نیکوست.۲۶آنگاه خدا گفت: «انسان را به صورت خود و شبیه خودمان بسازیم، و او بر ماهیان دریا و بر پرندگان آسمان و بر چارپایان و بر همۀ زمین و همۀ خزندگانی که بر زمین می‌خزند، فرمان براند.»۲۷پس خدا انسان را به صورت خود آفرید، او را به صورت خدا آفرید؛ ایشان را مرد و زن آفرید.۲۸خدا ایشان را برکت داد، و خدا بدیشان فرمود: «بارور و کثیر شوید و زمین را پر سازید و بر آن تسلط یابید. بر ماهیان دریا و بر پرندگان آسمان و بر هر جانداری که بر زمین حرکت می‌کند، فرمان برانید.»۲۹آنگاه خدا گفت: «اینک همۀ گیاهان دانه‌دار را که بر روی تمامی زمین است و همۀ درختان دارای میوۀ دانه‌دار را به شما بخشیدم تا خوراک شما باشد.۳۰و به همۀ وحوش زمین و همۀ پرندگان آسمان و همۀ خزندگانِ روی زمین که جان در خود دارند، همۀ گیاهان سبز را برای خوردن بخشیدم.» و چنین شد.۳۱و خدا هرآنچه را که ساخته بود دید، و اینک بسیار نیکو بود. شامگاه شد و بامداد آمد، روز ششم.

End of Genesis 1 · 31 verses (Persian NMV)

Free gospel band

kal_bible_gospel

When to use: Printed NT promo.

Fields: Title · WhatsApp CTA

Used on: /bible

Live demo ↓

Free NT

A free New Testament.

Printed Bible promo + WhatsApp.

Request on WhatsApp

Bible for All promo

kal_bible_bfa

When to use: Program band + CTAs.

Fields: Title · CTAs

Used on: /bible

Live demo ↓

Bible for All

Bible for Everyone.

Program band with two CTAs.

Translation about

kal_bible_about

When to use: About NMV + stats.

Fields: Title · Stats

Used on: /bible

Live demo ↓

Translation

About the NMV.

About the Persian translation + stats.

27 books · Modern Persian

Kids, FAQ & contact

Kids shelf

kal_kids_shelf

When to use: Watch / Listen / Teach rails.

Fields: Variant · Cards

Used on: /team/kids

Nested types: kal_kids_card

Live demo ↓

Watch

Kids shelf.

Watch / Listen / Teach rails.

Kids connect

kal_kids_connect

When to use: Social contact cards.

Fields: Instagram · Telegram

Used on: /team/kids

Live demo ↓

Connect

Stay in touch.

Instagram + Telegram cards.

FAQ section

kal_faq_section

When to use: Grouped Q&A. Skins: default (/faq), inline (fellowship hub + see-more).

Fields: Skin · Title · FAQ items · See-more link

Used on: /faq, /fellowship

Nested types: landing_pages_faq_item

Live demo ↓

01
FAQ

Common questions.

What is Weekly Fellowship?

A weekly guide for small groups.

FAQ closing CTA

kal_faq_cta

When to use: “Still have questions?” promo.

Fields: Title · CTA

Used on: /faq

Live demo ↓

Still stuck?

We are here to help.

Closing FAQ promo.

Contact reach

kal_contact_reach

When to use: Channels + embedded webform.

Fields: Body · Webform

Used on: /contact-us

Live demo ↓

Reach us

Contact Kalameh.

Channels + embedded webform below.

WhatsAppFastest reply — text us right now
TelegramMessage us @Kalamehcom
InstagramDM @kalamehcom
Leave your informationShare your details — we'll follow up personally

Reuse audit

Well reused (multi-page)

  • kal_section_hero — 26 landings
  • drupal_block — 9 listing pages
  • kal_text_section — 7 pages
  • kal_portals_row — 3 hub pages
  • kal_more_grid — 3 pages

Single-page families (intentional)

kal_app_* on /about-app only. kal_bible_* on /bible only.

Rule of thumb

  1. Hero → kal_section_hero
  2. Listing → drupal_block
  3. Editorial → kal_text_section
  4. Card grid → kal_portals_row or kal_more_grid