Demo Site
TR

ContentSections Demo

Content Sections Module

A live demo page that showcases every Content Section template in Kompanse CMS on one route.

This page demonstrates how every active Kompanse CMS Content Sections template can be orchestrated on a single route.

  • Every block was created through MCP.
  • The page shows how these records can live together inside one composed experience.
  • On the frontend, each templateCode is mapped to its matching UI component.

Template 01

Use Hero Basic to frame the module value in a single glance

A lead section editors can update in seconds while developers consume it with full schema safety.

Use Hero Basic to frame the module value in a single glance

Template 02

Hero Centered brings campaigns, products, or module launches into one high-focus block

Content managers can refresh the headline, copy, and CTA set without opening the codebase.

Template 03

Hero Split stages the narrative and visual proof side by side

It is ideal for product, service, or capability launches that need copy and imagery in balance.

Template 04

Break your proposition into modular cards with Feature Cards

Each card can carry its own icon, narrative, and destination link for multiple scenarios.

Schema-controlled fields

Each template clarifies exactly which fields an editor should fill in.

Inspect details

Preserve visual language

Publish dozens of different stories through the same frontend component system.

Sample page

Simplify repeatable updates

When a campaign changes, the CMS record is the only place you need to touch.

Contact

Icon Features carries short promises with clean icon cues

It works well across landing pages, product launches, and corporate storytelling.

Safe schema

Template fields create a shared contract between backend and frontend.

Production-ready blocks

Editors work with structured, intentional blocks instead of free-form guesswork.

Cross-team clarity

Marketing, content, and engineering collaborate around the same block model.

Fast delivery

Launch new page sections much faster once the template is already in place.

Make your impact measurable with Stats Grid

Conversion, publishing speed, reuse, and team velocity metrics all land well inside this block.

29

Template count

Many presentation patterns within the same module.

2

Active locales

TR and EN content is managed inside the same structure.

1x

Renderer logic

One frontend layer consumes every block.

0 code

Editor update

No deploy is required for copy updates.

Use Logo Cloud for references, partners, or integrations

A lightweight but effective template for repeating image-based references.

Content section management view

Template 08

Media Text combines product imagery and richer narrative in one block

It fits blog-style pages, product storytelling, and corporate narratives equally well.

This template is ideal when you need more than a headline and supporting sentence.

  • Rich text support
  • Balanced media and copy
  • Optional CTA slot
Get in touch

Tell the transformation visually with Before After

A strong format for contrasting an old workflow with a new CMS-driven one.

Before: hard-coded content

Before: hard-coded content

After: template-driven structure

After: template-driven structure
A move from code-dependent page changes to scalable, CMS-managed blocks.

Embed product demos or education clips with Video Block

A practical choice for campaign videos, onboarding flows, and product explainers.

Explain the flow step by step with Process Steps

Especially useful for content production, approval, and publishing workflows.

1

Choose template

Pick a hero, card, FAQ, or media-based block according to the page need.

2

Fill the fields

Populate headlines, images, rich text, and CTA slots from the CMS.

3

Preview it

Review the same section record across multiple locales.

4

Publish and reuse

Carry the same block logic into other landing pages.

Why Content Sections?

Compose page flows from CMS-managed content blocks

The Content Sections module lets teams build marketing pages from reusable, localized, template-driven blocks without engineering handoffs.

  • Every block ships with a field schema.
  • You can mix single sections and repeatable item lists.
  • The same frontend renderer can power multiple pages.

Showcase campaign visuals in an orderly way with Gallery Grid

Ideal for portfolios, product collections, or reference screenshots.

Product card visual
Sample product card
Lifestyle product image
Lifestyle creative
Cap image
Accessory presentation
Alternative product visual
Second product angle

Present packages comparatively with Pricing Cards

A great fit for SaaS, service packages, or consulting offers.

Starter

$299

/ project

Landing page setup with 3 production sections.

  • Hero + cards setup
  • Single locale
  • Core onboarding
Get proposal

Growth

$749

/ project

Multiple templates, dual locale support, and richer content flows.

  • 8+ sections
  • TR + EN
  • UI mapping
Discuss the plan

Scale

$1,490

/ project

Full-module rollout, enablement, and long-term content operations.

  • All templates
  • Team enablement
  • Process consulting
Enterprise call

Align options in one view with Comparison Table

Useful when multiple packages, solutions, or delivery models need to be compared at once.

Content management
Manual updates
Single block
Template driven
Scalable page
Locale support
Single locale
Manual duplication
Centralized translations
Consistent experience
Publishing speed
Waits for sprint
Moves slowly
Within hours
Highly reusable

Product Highlights connects CMS blocks with product-style merchandising

Use it for promotional showcases that echo the product catalog without depending on it directly.

Template pack

Template pack

A starter set that combines hero, cards, and information blocks in one flow.

View products
Collection spotlight

Collection spotlight

Ideal for promoting a new season, campaign, or category collection.

Read the journal
Supporting content

Supporting content

Blocks that strengthen the commercial story outside the strict product detail page.

Contact sales

Keep key facts crisp with Product Specs

Practical for technical details, package inclusions, or concise benefit lists.

Field type

Text, image, link, number, boolean

Publishing state

Draft / Published

Localization

Locale-specific content values

Reuse

The same structure across multiple page flows

Make your team visible with Team Grid

A useful layout for corporate pages, agency crews, or product teams.

Berk Y.

Berk Y.

Product strategy

Shapes the template inventory, module boundaries, and the demo experience.

Ayse K.

Ayse K.

Content design

Owns the messaging, tone, and multi-locale setup of the blocks.

Can O.

Can O.

Frontend engineering

Turns template data into polished, production-facing UI components.

Template 18

Build trust with Testimonial List

Turn customer, partner, or internal feedback into strong social proof.

Merve A.

Merve A.

Marketing lead · Demo team

“Content Sections lets us refresh campaign pages without waiting in the engineering queue.”

Deniz T.

Deniz T.

Frontend developer · Platform team

“The template schema removes surprises for the frontend team.”

Sena P.

Sena P.

Content manager · Growth studio

“Managing translations, CTAs, and media in one record made the whole workflow dramatically faster.”

Tell a transformation story with Timeline

Use it for roadmaps, project phases, or product evolution arcs.

Phase 01

Template library defined

The first phase isolated repeatable blocks and mapped their field schemas.

Phase 02

CMS records created

Every template received a live, multilingual demo record.

Phase 03

Frontend render layer expanded

Real components were connected for every template code.

Phase 04

New page launched

The full Content Sections inventory became visible under one route.

Template 20

Answer objections in one place with FAQ List

It gathers recurring questions neatly, especially on conversion-focused pages.

Can this template be reused on other pages?

Yes. You can create additional section records from the same template and reuse them on other pages.

Can I mix single and item-list blocks on the same page?

Yes. This very demo page mixes heroes, rich text, gallery, pricing, and FAQ blocks in one flow.

How does the frontend know which template is coming?

The renderer maps the templateCode coming from the public API to the matching UI component.

Show physical touchpoints with Branch List

Well suited for multilingual store, office, or service-point listings.

Istanbul Office

Maslak, Sariyer / Istanbul

+90 212 000 00 01

istanbul@kompanse.com

Open map →

London Hub

Soho, London

+44 20 0000 0000

london@kompanse.com

Open map →

Remote support center

Fully distributed team model

+90 850 000 00 00

support@kompanse.com

Open map →

Consolidate core contact data with Contact Info

A good default for concise, CTA-friendly contact sections.

Hours

Weekdays 09:00 - 18:00

Offer files or resources with Download List

Useful for brochures, product sheets, or campaign kits.

Template catalog

A summary view of the blocks used across this page.

Download

Demo image pack

A sample media bundle for presentations and internal shares.

Download
Footer Brand carries the brand signature with focus

Footer Brand carries the brand signature with focus

A clean structure for logo, short description, and brand tone in the lower part of a page.

Create supporting navigation with Footer Links

Footer link

About

Open

Footer link

Products

Open

Footer link

Content Sections page

Open

Expose community touchpoints with Social Links

Group legal routes with Legal Links

Legal

Privacy approach

Open

Legal

Terms of use

Open

Close the page with a strong action using CTA Banner

The template inventory is now ready. The next step is mapping it to your own brand and content flow.

Plan a demo call