WP Manifestindependent plugin directory
manifest / themes / wp-cinematic-split-landing

Cinematic Split Landing Pages

Cinematic split-screen resort landing hero for WordPress — admin-configurable, dropped into any page via shortcode. No sitewide asset loading, lazy video with image-first fallback.

by Cinematic Split · github.com/sammulla47/wp-cinematic-split-landing · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/sammulla47/wp-cinematic-split-landing/archive/refs/heads/main.zip
Readme github.com/sammulla47/wp-cinematic-split-landing ↗

Cinematic split-screen resort landing hero for WordPress — two resorts side by side with a shared brand message in the center, dropped into any page via a shortcode. Fully admin-configurable. No sitewide asset loading.

Overview

Cinematic Split Landing Pages renders a premium, cinematic split-screen hero as pure landing-page content. It never creates, replaces, or duplicates your theme's header, footer, or navigation — it only renders what you place via the [cinematic_split_landing] shortcode.

Features

  • Image-first, LCP-friendly — the configured image is always the first thing shown. If no video is set for a resort, the browser makes zero video requests, ever.
  • Lazy, safe video loading — if a video is configured, it loads only after the browser goes idle (requestIdleCallback, with a setTimeout fallback), and fades in only once it reports canplay. The image remains the permanent fallback for any load failure, unsupported format, or blocked autoplay.
  • Considerate playback — video pauses via IntersectionObserver when its panel scrolls out of view, and via the Page Visibility API when the tab is hidden.
  • Accessible by default — prefers-reduced-motion: reduce disables all cinematic animation and keeps content immediately visible.
  • Scoped, on-demand assets — CSS/JS load only on pages that actually render the shortcode, never sitewide.
  • Admin-configurable resort repeater — add, remove, reorder (drag handle), and enable/disable resorts. Ships with two: Igatpuri and Shahapur.
  • Per-resort settings — name, eyebrow, desktop/mobile image (Media Library), desktop/mobile video (Media Library, optional), destination URL, and button text.

Installation

  1. Upload the plugin ZIP via Plugins → Add New Plugin → Upload Plugin, or extract it into wp-content/plugins/.
  2. Activate the plugin.
  3. Go to Settings → Cinematic Split Landing and configure your resorts.
  4. Add the shortcode below to any page, post, or Elementor Shortcode widget — placed below your theme's existing header:
[cinematic_split_landing]

Admin Settings

Settings → Cinematic Split Landing gives you:

  • General brand fields (eyebrow + up to three headline lines)
  • A resort repeater (add / remove / reorder / enable / disable)
  • Per-resort media and destination fields
  • Save Settings / Reset Settings (with confirmation prompt)

The default two-panel layout is the visual centerpiece; additional resorts are supported and fall back to a generic even split.

Extensibility

Hook Type Purpose
cinematic_split_landing_settings filter Adjust the resolved settings array before render
cinematic_split_landing_before action Hook in before the rendered markup
cinematic_split_landing_after action Hook in after the rendered markup

FAQ

Does this replace my theme's header or footer? No. The plugin renders only the hero/landing content inside a single <section>. Your theme's header, navigation, and footer are untouched.

What happens if I don't set a video? Nothing is requested. The <video> element is left without a src until JavaScript explicitly assigns one, and it only does that when a video is configured for that resort.

What happens to my settings if I deactivate the plugin? They're preserved. Settings are only removed if you delete the plugin entirely from the Plugins screen.

Changelog

1.1.0

Renamed throughout from "Manas Resort Landing Experience" to "Cinematic Split Landing Pages":

  • Shortcode is now [cinematic_split_landing] (was [manas_resort_landing])
  • Settings option key is now csl_settings (was mrl_settings)
  • All PHP classes, hooks, CSS classes, and JS handles use a CSL/csl prefix (was MRL/mrl)

⚠️ Breaking change — update any page that used the old shortcode, and reconfigure Settings → Cinematic Split Landing. Old settings under the previous option key are not automatically migrated.

1.0.1

Every frontend selector is now scoped under .csl-landing, raising specificity so theme/page-builder global styles (e.g. an Elementor kit's .elementor-kit-XX h2 rule) no longer override the hero's typography and layout.

1.0.0

Initial release.

Requirements

  • WordPress 6.0+
  • PHP 7.4+
  • Tested up to WordPress 6.6

License

GPLv2 or later — see LICENSE for details.