CMS — Live Preview Per Section
A granular content-management layer covering the entire public theme. A Home Page master controller, a Home Slides manager, Services and Portfolio editors, and per-page editors for About, Services, Projects, Blogs and Contact. Every section editor renders a live-preview pane on the right with adjustable zoom (60 / 50 / 40 / 30 / 20%) — so the editor never has to "save and refresh" to see their change.
Every section, explained.
5 working sections inside CMS — Live Preview Per Section — each one a screen we designed, built and tested in the live system.
Home CMS & Live Preview
The master CMS for the home page. The Slider section manages three active slides, the About section ships with an enable toggle and a dynamic Features repeater, and a live-preview pane on the right renders the public theme at adjustable zoom — the foundational pattern repeated across every other editor.
- Slider section — 3 active slides, manage + reorder
- About section with enable toggle + Features repeater
- Live-preview pane at 60 / 50 / 40 / 30 / 20% zoom
- Edits to the public home page render beside the editor
Home Slides Manager
A dedicated module for the homepage hero slider. Three active slides currently in rotation, each with its own background image, Arabic headline, status and order field — with add, edit and delete controls and an "Add Slide" action.
- Per-slide background, headline, status and order
- 3 slides currently rotating on the live site
- Add / edit / delete with status badges
- Reorder reflected immediately on the public hero
Services & Portfolio
The Services manager driving the public Services block — four active categories (foakh-tazg, khdroat-tazg, foakh-mgmd, khdroat-mgmd) each with image, Arabic title, SEO-friendly slug, order and status — alongside a Portfolio manager holding the five curated product entries.
- 4 active services with SEO-friendly slugs
- Image, Arabic title, order and status per service
- Portfolio manager — 5 entries with cover + subtitle
- Both drive the public Services and Products surfaces
About Page CMS
A granular CMS for the About page with sectioned editors — a Hero section (title, subtitle, background) and an Intro / Stats section (title, button text, button link, image) — each individually enabled and mirrored in its own live-preview pane.
- Hero section — title, subtitle, background image
- Intro / Stats — title, CTA text, CTA link, image
- Per-section enable toggle and Save control
- Live preview renders the public About page beside it
Services Page CMS
The granular Services page editor — a Hero section and a "Why Choose Green Harvest" block with three progress bars (Quality Standards 95%, Customer Satisfaction 95%, On-Time Delivery 95%) and a "Call Us Any Time" CTA — every block individually editable with a live preview on the right.
- Hero + "Why Choose Green Harvest" sections
- 3 progress bars — Quality, Satisfaction, On-Time at 95%
- Editable CTA label and background image
- Live preview render beside every block editor
Jump to another chapter
Need a cms — live preview per section like this?
We design and build bilingual digital platforms and admin systems tailored to how your business actually runs — not how a generic SaaS thinks it should.
