From 1d49929ed3d19fea2c97c40bb7157ab46033c6b0 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:07:06 -0500
Subject: [PATCH 01/87] Reverse scale transformation for animation effects in
 the ts-stick component

---
 theme/assets/css/main.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 187ea43..f957245 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2529,7 +2529,7 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   right: -20px;
   top: 50%;
-  transform: translateY(-50%) translateX(80px);
+  transform: translateY(-50%) translateX(80px) scaleX(-1);
   display: flex;
   align-items: center;
   opacity: 0;
@@ -2598,11 +2598,11 @@ p:last-child { margin-bottom: 0; }
   animation: ts-slide-in 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
 }
 @keyframes ts-slide-in {
-  0%   { opacity: 0; transform: translateY(-50%) translateX(80px); }
-  20%  { opacity: 1; transform: translateY(-50%) translateX(60px); }
-  70%  { transform: translateY(-50%) translateX(8px); }
-  85%  { transform: translateY(-50%) translateX(12px); }
-  100% { opacity: 1; transform: translateY(-50%) translateX(6px); }
+  0%   { opacity: 0; transform: translateY(-50%) translateX(80px) scaleX(-1); }
+  20%  { opacity: 1; transform: translateY(-50%) translateX(60px) scaleX(-1); }
+  70%  { transform: translateY(-50%) translateX(8px) scaleX(-1); }
+  85%  { transform: translateY(-50%) translateX(12px) scaleX(-1); }
+  100% { opacity: 1; transform: translateY(-50%) translateX(6px) scaleX(-1); }
 }
 /* Responsive scale-down */
 @media (max-width: 900px) {
@@ -2621,7 +2621,7 @@ p:last-child { margin-bottom: 0; }
 @media (prefers-reduced-motion: reduce) {
   .ts-stage .ts-stick {
     opacity: 1;
-    transform: translateY(-50%) translateX(6px);
+    transform: translateY(-50%) translateX(6px) scaleX(-1);
   }
   .ts-stage.is-animating .ts-stick { animation: none; }
   .ts-stage.is-plugged .ts-tv__screen { animation: none; }

From ef0532ef9b9febe7ae9df3294bcf731c1a04aee8 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:13:10 -0500
Subject: [PATCH 02/87] Add promotional slides with animations to TV stick
 component

---
 theme/assets/css/main.css | 91 +++++++++++++++++++++++++++++++++++++++
 theme/assets/js/main.js   | 18 ++++++++
 theme/blocks/index.php    |  8 +++-
 3 files changed, 116 insertions(+), 1 deletion(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index f957245..4f8da2f 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2487,6 +2487,97 @@ p:last-child { margin-bottom: 0; }
   40%  { filter: brightness(1.25); }
   100% { filter: brightness(1); }
 }
+/* ── Promotional slides inside screen ── */
+.ts-slides {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  transition: opacity 0.6s ease;
+  z-index: 1;
+}
+.ts-stage.is-playing .ts-slides { opacity: 1; }
+.ts-slide {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 12%;
+  opacity: 0;
+  transition: opacity 0.7s ease;
+}
+.ts-slide.is-active { opacity: 1; }
+/* — Slide 1: Welcome / hero style — */
+.ts-slide--1 {
+  background: linear-gradient(135deg, #1a2940 0%, #0f1923 100%);
+}
+.ts-slide--1 .ts-slide__accent {
+  width: 30px;
+  height: 3px;
+  background: #4ade80;
+  border-radius: 2px;
+  margin-bottom: 8px;
+}
+.ts-slide--1 .ts-slide__heading {
+  width: 70%;
+  height: 8px;
+  background: rgba(255,255,255,0.85);
+  border-radius: 2px;
+  margin-bottom: 6px;
+}
+.ts-slide--1 .ts-slide__sub {
+  width: 50%;
+  height: 5px;
+  background: rgba(255,255,255,0.35);
+  border-radius: 2px;
+}
+/* — Slide 2: Sale / promo style — */
+.ts-slide--2 {
+  background: linear-gradient(135deg, #14532d 0%, #052e16 100%);
+}
+.ts-slide--2 .ts-slide__badge {
+  width: 22px;
+  height: 22px;
+  background: #4ade80;
+  border-radius: 50%;
+  margin-bottom: 8px;
+}
+.ts-slide--2 .ts-slide__heading {
+  width: 60%;
+  height: 7px;
+  background: rgba(255,255,255,0.9);
+  border-radius: 2px;
+  margin-bottom: 6px;
+}
+.ts-slide--2 .ts-slide__bar {
+  width: 45%;
+  height: 12px;
+  background: #4ade80;
+  border-radius: 3px;
+}
+/* — Slide 3: Menu / info-board style — */
+.ts-slide--3 {
+  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
+}
+.ts-slide--3 .ts-slide__row {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.ts-slide--3 .ts-slide__block {
+  width: 36px;
+  height: 28px;
+  background: rgba(255,255,255,0.12);
+  border-radius: 3px;
+  border: 1px solid rgba(74,222,128,0.25);
+}
+.ts-slide--3 .ts-slide__heading {
+  width: 55%;
+  height: 5px;
+  background: rgba(255,255,255,0.45);
+  border-radius: 2px;
+}
 /* HDMI port on back-right of TV */
 .ts-tv__port {
   position: absolute;
diff --git a/theme/assets/js/main.js b/theme/assets/js/main.js
index 91b6773..4192758 100644
--- a/theme/assets/js/main.js
+++ b/theme/assets/js/main.js
@@ -685,6 +685,7 @@ document.addEventListener('DOMContentLoaded', () => {
   if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
     stages.forEach(function (stage) {
       stage.classList.add('is-plugged');
+      startTsSlides(stage);
     });
     return;
   }
@@ -698,6 +699,10 @@ document.addEventListener('DOMContentLoaded', () => {
           // Add plugged state after slide-in completes (1.4s)
           setTimeout(function () {
             stage.classList.add('is-plugged');
+            // Start promotional slide cycling after screen glow (0.9s)
+            setTimeout(function () {
+              startTsSlides(stage);
+            }, 900);
           }, 1400);
           io.unobserve(stage);
         }
@@ -705,4 +710,17 @@ document.addEventListener('DOMContentLoaded', () => {
     }, { threshold: 0.3 });
     stages.forEach(function (stage) { io.observe(stage); });
   }
+
+  function startTsSlides(stage) {
+    var slides = stage.querySelectorAll('.ts-slide');
+    if (!slides.length) return;
+    var current = 0;
+    slides[0].classList.add('is-active');
+    stage.classList.add('is-playing');
+    setInterval(function () {
+      slides[current].classList.remove('is-active');
+      current = (current + 1) % slides.length;
+      slides[current].classList.add('is-active');
+    }, 3000);
+  }
 })();
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index f9c2be4..7652c77 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1504,7 +1504,13 @@ function oribi_render_platform_row( $a ) {
         $ts  = '<div class="ts-stage" data-tv-stick-anim aria-hidden="true">';
         $ts .= '<div class="ts-tv">';
         $ts .= '<div class="ts-tv__body">';
-        $ts .= '<div class="ts-tv__screen"></div>';
+        $ts .= '<div class="ts-tv__screen">';
+        $ts .= '<div class="ts-slides">';
+        $ts .= '<div class="ts-slide ts-slide--1"><div class="ts-slide__accent"></div><div class="ts-slide__heading"></div><div class="ts-slide__sub"></div></div>';
+        $ts .= '<div class="ts-slide ts-slide--2"><div class="ts-slide__badge"></div><div class="ts-slide__heading"></div><div class="ts-slide__bar"></div></div>';
+        $ts .= '<div class="ts-slide ts-slide--3"><div class="ts-slide__row"><div class="ts-slide__block"></div><div class="ts-slide__block"></div></div><div class="ts-slide__heading"></div></div>';
+        $ts .= '</div>'; // ts-slides
+        $ts .= '</div>'; // ts-tv__screen
         $ts .= '<div class="ts-tv__port"></div>';
         $ts .= '</div>';
         $ts .= '<div class="ts-tv__feet"><div class="ts-tv__foot"></div><div class="ts-tv__foot"></div></div>';

From 201e4e46068e89b849bda48c8d10fcc37a603926 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:18:48 -0500
Subject: [PATCH 03/87] Refactor slide structure to enhance menu board,
 wayfinding sign, and schedule display

---
 theme/assets/css/main.css | 283 ++++++++++++++++++++++++++++++--------
 theme/blocks/index.php    |  52 ++++++-
 2 files changed, 275 insertions(+), 60 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 4f8da2f..66efd75 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2508,76 +2508,245 @@ p:last-child { margin-bottom: 0; }
   transition: opacity 0.7s ease;
 }
 .ts-slide.is-active { opacity: 1; }
-/* — Slide 1: Welcome / hero style — */
-.ts-slide--1 {
-  background: linear-gradient(135deg, #1a2940 0%, #0f1923 100%);
+
+/* ═══════════════════════════════════════════════════════════
+   Slide 1 — Menu Board
+   ═══════════════════════════════════════════════════════════ */
+.ts-slide--menu {
+  background: linear-gradient(170deg, #1a1206 0%, #0d0a04 100%);
+  padding: 8%;
 }
-.ts-slide--1 .ts-slide__accent {
-  width: 30px;
-  height: 3px;
-  background: #4ade80;
-  border-radius: 2px;
-  margin-bottom: 8px;
-}
-.ts-slide--1 .ts-slide__heading {
-  width: 70%;
-  height: 8px;
-  background: rgba(255,255,255,0.85);
-  border-radius: 2px;
+.ts-menu { width: 100%; height: 100%; display: flex; flex-direction: column; }
+.ts-menu__header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   margin-bottom: 6px;
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(255,200,100,0.25);
 }
-.ts-slide--1 .ts-slide__sub {
+.ts-menu__logo {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #e6a730;
+  flex-shrink: 0;
+}
+.ts-menu__title {
   width: 50%;
   height: 5px;
-  background: rgba(255,255,255,0.35);
-  border-radius: 2px;
+  background: rgba(255,220,150,0.8);
+  border-radius: 1px;
 }
-/* — Slide 2: Sale / promo style — */
-.ts-slide--2 {
-  background: linear-gradient(135deg, #14532d 0%, #052e16 100%);
-}
-.ts-slide--2 .ts-slide__badge {
-  width: 22px;
-  height: 22px;
-  background: #4ade80;
-  border-radius: 50%;
-  margin-bottom: 8px;
-}
-.ts-slide--2 .ts-slide__heading {
-  width: 60%;
-  height: 7px;
-  background: rgba(255,255,255,0.9);
-  border-radius: 2px;
-  margin-bottom: 6px;
-}
-.ts-slide--2 .ts-slide__bar {
-  width: 45%;
-  height: 12px;
-  background: #4ade80;
-  border-radius: 3px;
-}
-/* — Slide 3: Menu / info-board style — */
-.ts-slide--3 {
-  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
-}
-.ts-slide--3 .ts-slide__row {
+.ts-menu__cols {
   display: flex;
-  gap: 8px;
-  margin-bottom: 8px;
+  gap: 10px;
+  flex: 1;
 }
-.ts-slide--3 .ts-slide__block {
-  width: 36px;
-  height: 28px;
-  background: rgba(255,255,255,0.12);
-  border-radius: 3px;
-  border: 1px solid rgba(74,222,128,0.25);
+.ts-menu__col {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
-.ts-slide--3 .ts-slide__heading {
+.ts-menu__cat {
   width: 55%;
+  height: 4px;
+  background: #e6a730;
+  border-radius: 1px;
+  margin-bottom: 1px;
+}
+.ts-menu__item {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.ts-menu__name {
+  width: 40%;
+  height: 3px;
+  background: rgba(255,255,255,0.6);
+  border-radius: 1px;
+  flex-shrink: 0;
+}
+.ts-menu__dots {
+  flex: 1;
+  height: 0;
+  border-bottom: 1px dotted rgba(255,255,255,0.18);
+}
+.ts-menu__price {
+  width: 14%;
+  height: 3px;
+  background: rgba(255,220,150,0.7);
+  border-radius: 1px;
+  flex-shrink: 0;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Slide 2 — Wayfinding Sign
+   ═══════════════════════════════════════════════════════════ */
+.ts-slide--wayfind {
+  background: linear-gradient(170deg, #0c1a2e 0%, #081220 100%);
+  padding: 8%;
+}
+.ts-wf { width: 100%; height: 100%; display: flex; flex-direction: column; }
+.ts-wf__header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 8px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid rgba(74,222,128,0.2);
+}
+.ts-wf__building {
+  width: 60%;
   height: 5px;
-  background: rgba(255,255,255,0.45);
+  background: rgba(255,255,255,0.7);
+  border-radius: 1px;
+}
+.ts-wf__rows {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  flex: 1;
+  justify-content: center;
+}
+.ts-wf__row {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 4px;
+  background: rgba(255,255,255,0.04);
   border-radius: 2px;
 }
+.ts-wf__arrow {
+  width: 0;
+  height: 0;
+  flex-shrink: 0;
+}
+.ts-wf__arrow--left {
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  border-right: 5px solid #4ade80;
+}
+.ts-wf__arrow--right {
+  border-top: 3px solid transparent;
+  border-bottom: 3px solid transparent;
+  border-left: 5px solid #4ade80;
+}
+.ts-wf__arrow--up {
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  border-bottom: 5px solid #4ade80;
+}
+.ts-wf__label {
+  height: 3px;
+  background: rgba(255,255,255,0.55);
+  border-radius: 1px;
+  flex: 1;
+}
+.ts-wf__label--w1 { max-width: 60%; }
+.ts-wf__label--w2 { max-width: 45%; }
+.ts-wf__label--w3 { max-width: 70%; }
+.ts-wf__label--w4 { max-width: 50%; }
+.ts-wf__floor {
+  width: 14px;
+  height: 8px;
+  background: rgba(74,222,128,0.15);
+  border: 1px solid rgba(74,222,128,0.3);
+  border-radius: 2px;
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Slide 3 — Schedule / Timetable
+   ═══════════════════════════════════════════════════════════ */
+.ts-slide--sched {
+  background: linear-gradient(170deg, #111827 0%, #0a0f1a 100%);
+  padding: 8%;
+}
+.ts-sched { width: 100%; height: 100%; display: flex; flex-direction: column; }
+.ts-sched__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 6px;
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(74,222,128,0.2);
+}
+.ts-sched__title {
+  width: 35%;
+  height: 5px;
+  background: rgba(255,255,255,0.75);
+  border-radius: 1px;
+}
+.ts-sched__date {
+  width: 20%;
+  height: 4px;
+  background: rgba(255,255,255,0.3);
+  border-radius: 1px;
+}
+.ts-sched__table {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  flex: 1;
+}
+.ts-sched__hrow,
+.ts-sched__row {
+  display: flex;
+  gap: 3px;
+}
+.ts-sched__hrow {
+  margin-bottom: 2px;
+}
+.ts-sched__hcell {
+  flex: 1;
+  height: 3px;
+  background: rgba(255,255,255,0.25);
+  border-radius: 1px;
+}
+.ts-sched__hcell:first-child { flex: 0.5; }
+.ts-sched__row {
+  align-items: stretch;
+}
+.ts-sched__time {
+  flex: 0.5;
+  height: 10px;
+  display: flex;
+  align-items: center;
+}
+.ts-sched__time::before {
+  content: '';
+  width: 80%;
+  height: 3px;
+  background: rgba(255,255,255,0.3);
+  border-radius: 1px;
+}
+.ts-sched__cell {
+  flex: 1;
+  height: 10px;
+  background: rgba(255,255,255,0.04);
+  border-radius: 2px;
+  border: 1px solid rgba(255,255,255,0.06);
+}
+.ts-sched__event {
+  flex: 1;
+  height: 10px;
+  border-radius: 2px;
+}
+.ts-sched__event--a {
+  background: rgba(74,222,128,0.25);
+  border: 1px solid rgba(74,222,128,0.4);
+}
+.ts-sched__event--b {
+  background: rgba(96,165,250,0.25);
+  border: 1px solid rgba(96,165,250,0.4);
+}
+.ts-sched__event--c {
+  background: rgba(251,191,36,0.25);
+  border: 1px solid rgba(251,191,36,0.4);
+}
 /* HDMI port on back-right of TV */
 .ts-tv__port {
   position: absolute;
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 7652c77..48c1d43 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1506,9 +1506,55 @@ function oribi_render_platform_row( $a ) {
         $ts .= '<div class="ts-tv__body">';
         $ts .= '<div class="ts-tv__screen">';
         $ts .= '<div class="ts-slides">';
-        $ts .= '<div class="ts-slide ts-slide--1"><div class="ts-slide__accent"></div><div class="ts-slide__heading"></div><div class="ts-slide__sub"></div></div>';
-        $ts .= '<div class="ts-slide ts-slide--2"><div class="ts-slide__badge"></div><div class="ts-slide__heading"></div><div class="ts-slide__bar"></div></div>';
-        $ts .= '<div class="ts-slide ts-slide--3"><div class="ts-slide__row"><div class="ts-slide__block"></div><div class="ts-slide__block"></div></div><div class="ts-slide__heading"></div></div>';
+
+        // Slide 1 — Menu Board
+        $ts .= '<div class="ts-slide ts-slide--menu">';
+        $ts .= '<div class="ts-menu">';
+        $ts .= '<div class="ts-menu__header"><div class="ts-menu__logo"></div><div class="ts-menu__title"></div></div>';
+        $ts .= '<div class="ts-menu__cols">';
+        $ts .= '<div class="ts-menu__col">';
+        $ts .= '<div class="ts-menu__cat"></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '</div>';
+        $ts .= '<div class="ts-menu__col">';
+        $ts .= '<div class="ts-menu__cat"></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+
+        // Slide 2 — Wayfinding Sign
+        $ts .= '<div class="ts-slide ts-slide--wayfind">';
+        $ts .= '<div class="ts-wf">';
+        $ts .= '<div class="ts-wf__header"><div class="ts-wf__building"></div></div>';
+        $ts .= '<div class="ts-wf__rows">';
+        $ts .= '<div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--left"></span><span class="ts-wf__label ts-wf__label--w1"></span><span class="ts-wf__floor"></span></div>';
+        $ts .= '<div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--right"></span><span class="ts-wf__label ts-wf__label--w2"></span><span class="ts-wf__floor"></span></div>';
+        $ts .= '<div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--up"></span><span class="ts-wf__label ts-wf__label--w3"></span><span class="ts-wf__floor"></span></div>';
+        $ts .= '<div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--left"></span><span class="ts-wf__label ts-wf__label--w4"></span><span class="ts-wf__floor"></span></div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+
+        // Slide 3 — Schedule / Timetable
+        $ts .= '<div class="ts-slide ts-slide--sched">';
+        $ts .= '<div class="ts-sched">';
+        $ts .= '<div class="ts-sched__header"><div class="ts-sched__title"></div><div class="ts-sched__date"></div></div>';
+        $ts .= '<div class="ts-sched__table">';
+        $ts .= '<div class="ts-sched__hrow"><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span></div>';
+        $ts .= '<div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__event ts-sched__event--a"></span><span class="ts-sched__cell"></span><span class="ts-sched__cell"></span></div>';
+        $ts .= '<div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__cell"></span><span class="ts-sched__event ts-sched__event--b"></span><span class="ts-sched__cell"></span></div>';
+        $ts .= '<div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__cell"></span><span class="ts-sched__cell"></span><span class="ts-sched__event ts-sched__event--c"></span></div>';
+        $ts .= '<div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__event ts-sched__event--a"></span><span class="ts-sched__event ts-sched__event--b"></span><span class="ts-sched__cell"></span></div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+        $ts .= '</div>';
+
         $ts .= '</div>'; // ts-slides
         $ts .= '</div>'; // ts-tv__screen
         $ts .= '<div class="ts-tv__port"></div>';

From e5c3be6ec565da50a3d867fa78115c599f49d35c Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:35:28 -0500
Subject: [PATCH 04/87] Add 'Never Goes Dark' feature with animations for
 player and TV connection status

---
 pages/devices.php         |   2 +-
 theme/assets/css/main.css | 425 ++++++++++++++++++++++++++++++++++++++
 theme/blocks/index.php    |  87 +++++++-
 3 files changed, 510 insertions(+), 4 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index 360da2a..611dde1 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -11,7 +11,7 @@
 
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
 <!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","tvStick":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
 <!-- wp:oribi/platform-row {"heading":"Locked Down by Default","description":"Secure boot, encrypted storage, and encrypted communications come standard on every device. Remote management lets you monitor, update, and troubleshoot from anywhere. Firmware updates roll out over the air with zero downtime.","btnText":"Learn More","btnUrl":"/about"} /-->
 <!-- /wp:oribi/platform-section -->
 
diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 66efd75..9fbb647 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4535,3 +4535,428 @@ p:last-child { margin-bottom: 0; }
   .uc-db-bar--3 { transform: scaleY(.40) !important; }
   .uc-db-bar--4 { transform: scaleY(.62) !important; }
 }
+
+/* ═══════════════════════════════════════════════════════════
+   NEVER GOES DARK ANIMATION  (.platform-visual.has-ngd)
+   Sequence (10 s loop):
+     0 – 30 %  : Connected   – dots travel player → cloud, cloud green
+     30 – 45 % : Breaking    – line turns red, × icon fades in
+     45 – 72 % : Offline     – × visible, ✓ on player, TV still plays
+     72 – 85 % : Reconnect   – × fades, dots resume, cloud back to green
+     85 – 100% : Connected   – steady state before next loop
+   ═══════════════════════════════════════════════════════════ */
+
+/* ── Wrapper overrides ─────────────────────────────────────── */
+.platform-visual.has-ngd {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  position: relative;
+  font-size: inherit;
+}
+
+/* ── Stage ─────────────────────────────────────────────────── */
+.ngd-stage {
+  position: relative;
+  width: 100%;
+  max-width: 400px;
+  aspect-ratio: 4/3;
+  margin: 0 auto;
+}
+
+/* ── TV ─────────────────────────────────────────────────────── */
+.ngd-tv {
+  position: absolute;
+  left: 8px;
+  top: 18px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.ngd-tv__body {
+  width: 160px;
+  height: 120px;
+  background: #111;
+  border: 4px solid #111;
+  border-radius: 6px 6px 4px 4px;
+  outline: 1px solid #000;
+  padding: 3px;
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  box-shadow: 0 10px 36px rgba(0,0,0,.55);
+}
+/* HDMI port stub on right side */
+.ngd-tv__port {
+  position: absolute;
+  right: -5px;
+  top: 50px;
+  width: 8px;
+  height: 14px;
+  background: #1a1a1a;
+  border: 1px solid #000;
+  border-radius: 2px;
+}
+.ngd-tv__screen {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  position: relative;
+  overflow: hidden;
+  background:
+    repeating-linear-gradient(
+      180deg,
+      transparent, transparent 3px,
+      rgba(0,0,0,.10) 3px, rgba(0,0,0,.10) 4px
+    ),
+    linear-gradient(135deg, #0c1016 0%, #151c28 60%, #0c1016 100%);
+}
+/* Scanline sweep */
+.ngd-tv__screen::after {
+  content: '';
+  position: absolute;
+  left: 0; width: 100%; height: 3px;
+  background: linear-gradient(90deg, transparent, rgba(74,222,128,.22), transparent);
+  animation: da-scan 4s linear infinite;
+  pointer-events: none;
+}
+/* TV feet */
+.ngd-tv__feet {
+  display: flex;
+  gap: 50px;
+  margin-top: 3px;
+}
+.ngd-tv__foot {
+  width: 22px;
+  height: 6px;
+  background: #181818;
+  border-radius: 0 0 3px 3px;
+}
+
+/* ── Menu board content (always playing) ───────────────────── */
+.ngd-menu {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 7px 6px 4px;
+  gap: 3px;
+}
+.ngd-menu__hd {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(255,200,80,.18);
+  flex-shrink: 0;
+}
+.ngd-menu__logo {
+  width: 9px; height: 9px;
+  background: #4CAF50;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.ngd-menu__ttl {
+  flex: 1; height: 5px;
+  background: rgba(255,200,80,.45);
+  border-radius: 2px;
+  max-width: 55px;
+}
+.ngd-menu__cols {
+  display: flex;
+  gap: 6px;
+  flex: 1;
+}
+.ngd-menu__col {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.ngd-menu__cat {
+  height: 4px;
+  background: rgba(76,175,80,.5);
+  border-radius: 1px;
+  margin-bottom: 1px;
+}
+.ngd-menu__row {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  padding: 2px 3px;
+  border-radius: 2px;
+  transition: background .3s;
+}
+.ngd-menu__row--hl {
+  background: rgba(76,175,80,.14);
+  animation: ngd-hl-pulse 3.5s ease-in-out infinite;
+}
+.ngd-menu__name {
+  flex: 1; height: 4px;
+  background: rgba(255,255,255,.25);
+  border-radius: 1px;
+}
+.ngd-menu__row--hl .ngd-menu__name {
+  background: rgba(76,175,80,.55);
+}
+.ngd-menu__price {
+  width: 16px; height: 4px;
+  background: rgba(255,200,80,.4);
+  border-radius: 1px;
+}
+.ngd-menu__row--hl .ngd-menu__price {
+  background: rgba(255,200,80,.7);
+}
+/* Scrolling ticker at bottom */
+.ngd-menu__ticker {
+  height: 6px;
+  background: rgba(76,175,80,.12);
+  border-radius: 1px;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.ngd-menu__ticker-inner {
+  width: 250%;
+  height: 100%;
+  background: repeating-linear-gradient(
+    90deg,
+    rgba(76,175,80,.5) 0px,  rgba(76,175,80,.5) 30px,
+    transparent 30px, transparent 50px
+  );
+  animation: ngd-ticker 4s linear infinite;
+}
+
+/* ── HDMI bridge ────────────────────────────────────────────── */
+.ngd-hdmi {
+  position: absolute;
+  left: 168px;
+  top: 112px;
+  width: 14px;
+  height: 3px;
+  background: #252525;
+  border-radius: 1px;
+}
+
+/* ── Player device ──────────────────────────────────────────── */
+.ngd-player {
+  position: absolute;
+  left: 182px;
+  top: 102px;
+}
+.ngd-player__body {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  width: 96px;
+  height: 28px;
+  background: #1a1a1a;
+  border: 1.5px solid #2d2d2d;
+  border-radius: 4px;
+  padding: 4px 6px;
+  box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);
+  position: relative;
+}
+.ngd-player__led {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: #4CAF50;
+  box-shadow: 0 0 6px rgba(76,175,80,.8);
+  animation: ngd-led 10s ease-in-out infinite;
+}
+.ngd-player__brand {
+  flex: 1;
+  height: 5px;
+  background: rgba(255,255,255,.07);
+  border-radius: 2px;
+}
+.ngd-player__port {
+  width: 8px; height: 11px;
+  background: #0d0d0d;
+  border: 1px solid #222;
+  border-radius: 1px;
+  flex-shrink: 0;
+}
+/* Checkmark badge — visible only during offline phase */
+.ngd-player__check {
+  position: absolute;
+  top: -14px;
+  right: -11px;
+  width: 24px; height: 24px;
+  opacity: 0;
+  transform: scale(0.4);
+  transform-origin: center;
+  animation: ngd-check-show 10s ease-in-out infinite;
+  filter: drop-shadow(0 0 4px rgba(76,175,80,.6));
+}
+
+/* ── Signal wrap (cloud + vertical line to player) ─────────── */
+.ngd-signal-wrap {
+  position: absolute;
+  /* horizontally centred on player: player left=182px, width=96px → centre=230px */
+  left: 193px;   /* 230 – cloud_half(37px) = 193 */
+  top: 8px;
+  width: 74px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.ngd-cloud {
+  width: 74px;
+  flex-shrink: 0;
+}
+.ngd-cloud__svg {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+.ngd-cloud__path {
+  stroke: #4CAF50;
+  opacity: .85;
+  animation: ngd-cloud-color 10s ease-in-out infinite;
+}
+/* Vertical signal line */
+.ngd-signal-line {
+  width: 3px;
+  height: 44px;   /* gap from cloud bottom to player top */
+  background: rgba(76,175,80,.35);
+  border-radius: 2px;
+  position: relative;
+  overflow: visible;
+  animation: ngd-line-col 10s ease-in-out infinite;
+}
+/* Dots container — hidden during break phase */
+.ngd-signal__dots {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  animation: ngd-dots-vis 10s linear infinite;
+}
+.ngd-signal__dot {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 5px; height: 5px;
+  border-radius: 50%;
+  background: #4CAF50;
+  box-shadow: 0 0 5px rgba(76,175,80,.8);
+  animation: ngd-dot-up 1.8s ease-in-out infinite;
+}
+.ngd-signal__dot--2 { animation-delay: -0.6s; }
+.ngd-signal__dot--3 { animation-delay: -1.2s; }
+/* Break × badge — centered on line */
+.ngd-signal__break {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%) scale(0);
+  width: 18px; height: 18px;
+  opacity: 0;
+  animation: ngd-break-show 10s ease-in-out infinite;
+  filter: drop-shadow(0 0 4px rgba(239,68,68,.5));
+}
+
+/* ═══════════════════════════════════════════════════════════
+   KEYFRAMES  (10 s cycle)
+   ═══════════════════════════════════════════════════════════ */
+
+/* Ticker scroll */
+@keyframes ngd-ticker {
+  from { transform: translateX(0); }
+  to   { transform: translateX(-50%); }
+}
+
+/* Highlighted menu row pulsing */
+@keyframes ngd-hl-pulse {
+  0%, 100% { background: rgba(76,175,80,.14); }
+  50%       { background: rgba(76,175,80,.28); }
+}
+
+/* Player LED:  green → amber → red during disconnect → back to green */
+@keyframes ngd-led {
+  0%, 29%  { background: #4CAF50; box-shadow: 0 0 6px rgba(76,175,80,.8); }
+  33%      { background: #f59e0b; box-shadow: 0 0 5px rgba(245,158,11,.6); }
+  38%, 71% { background: #ef4444; box-shadow: 0 0 4px rgba(239,68,68,.4); }
+  75%      { background: #4CAF50; box-shadow: 0 0 6px rgba(76,175,80,.8); }
+  100%     { background: #4CAF50; box-shadow: 0 0 6px rgba(76,175,80,.8); }
+}
+
+/* Cloud stroke: green → red → green */
+@keyframes ngd-cloud-color {
+  0%, 29%   { stroke: #4CAF50; opacity: .85; }
+  36%, 71%  { stroke: #ef4444; opacity: 1;   }
+  76%, 100% { stroke: #4CAF50; opacity: .85; }
+}
+
+/* Signal line colour */
+@keyframes ngd-line-col {
+  0%, 29%   { background: rgba(76,175,80,.35); }
+  36%, 71%  { background: rgba(239,68,68,.45); }
+  76%, 100% { background: rgba(76,175,80,.35); }
+}
+
+/* Dots container: visible during connected phases only */
+@keyframes ngd-dots-vis {
+  0%, 29%   { opacity: 1; }
+  33%       { opacity: 0; }
+  71%       { opacity: 0; }
+  75%, 100% { opacity: 1; }
+}
+
+/* Single dot travelling bottom → top */
+@keyframes ngd-dot-up {
+  0%   { bottom: 1px;  opacity: 0; }
+  8%   { opacity: 1; }
+  85%  { opacity: 1; }
+  100% { bottom: calc(100% - 5px); opacity: 0; }
+}
+
+/* Break × badge: appears when disconnected */
+@keyframes ngd-break-show {
+  0%, 29%   { opacity: 0; transform: translate(-50%,-50%) scale(0); }
+  38%, 71%  { opacity: 1; transform: translate(-50%,-50%) scale(1); }
+  76%, 100% { opacity: 0; transform: translate(-50%,-50%) scale(0); }
+}
+
+/* Checkmark: appears when offline, confirming local playback */
+@keyframes ngd-check-show {
+  0%, 44%   { opacity: 0; transform: scale(0.4); }
+  52%, 71%  { opacity: 1; transform: scale(1);   }
+  77%, 100% { opacity: 0; transform: scale(0.4); }
+}
+
+/* ── Responsive ─────────────────────────────────────────────── */
+@media (max-width: 640px) {
+  .ngd-stage { max-width: 320px; }
+  /* Scale the fixed-px elements down proportionally */
+  .ngd-tv__body         { width: 128px; height: 96px; }
+  .ngd-tv__port         { top: 40px; }
+  .ngd-tv__foot         { width: 18px; }
+  .ngd-hdmi             { left: 134px; top: 90px; }
+  .ngd-player           { left: 146px; top: 82px; }
+  .ngd-player__body     { width: 76px; height: 24px; }
+  .ngd-signal-wrap      { left: 154px; width: 60px; }
+  .ngd-signal-line      { height: 36px; }
+}
+
+/* ── Reduced-motion overrides ───────────────────────────────── */
+@media (prefers-reduced-motion: reduce) {
+  .ngd-tv__screen::after,
+  .ngd-menu__ticker-inner,
+  .ngd-menu__row--hl,
+  .ngd-player__led,
+  .ngd-signal__dot,
+  .ngd-signal__dots,
+  .ngd-signal__break,
+  .ngd-cloud__path,
+  .ngd-signal-line,
+  .ngd-player__check { animation: none !important; }
+  /* Static fallback states */
+  .ngd-player__led  { background: #4CAF50; box-shadow: 0 0 5px rgba(76,175,80,.6); }
+  .ngd-cloud__path  { stroke: #4CAF50; opacity: .8; }
+  .ngd-signal__dots { opacity: 1; }
+}
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 48c1d43..34dfc25 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -553,9 +553,10 @@ add_action( 'init', function () {
             'imgUrl'      => [ 'type' => 'string',  'default' => '' ],
             'imgAlt'      => [ 'type' => 'string',  'default' => '' ],
             'imgWidth'    => [ 'type' => 'number',  'default' => 300 ],
-            'deviceAnim'  => [ 'type' => 'boolean', 'default' => false ],
-            'tvStick'     => [ 'type' => 'boolean', 'default' => false ],
-            'cameraAnim'  => [ 'type' => 'boolean', 'default' => false ],
+            'deviceAnim'   => [ 'type' => 'boolean', 'default' => false ],
+            'tvStick'      => [ 'type' => 'boolean', 'default' => false ],
+            'cameraAnim'   => [ 'type' => 'boolean', 'default' => false ],
+            'neverGoesDark'=> [ 'type' => 'boolean', 'default' => false ],
         ],
         'supports'        => $block_supports,
         'render_callback' => 'oribi_render_platform_row',
@@ -1570,6 +1571,86 @@ function oribi_render_platform_row( $a ) {
         $ts .= '</div>';
         $visual_html = $ts;
         $visual_cls  = 'platform-visual has-tv-stick';
+    } elseif ( ! empty( $a['neverGoesDark'] ) ) {
+        /* ── Never Goes Dark: player + TV + cloud connection/break animation ── */
+        $ngd  = '<div class="ngd-stage" aria-hidden="true">';
+
+        /* TV */
+        $ngd .= '<div class="ngd-tv">';
+        $ngd .=   '<div class="ngd-tv__body">';
+        $ngd .=     '<div class="ngd-tv__screen">';
+        $ngd .=       '<div class="ngd-menu">';
+        $ngd .=         '<div class="ngd-menu__hd">';
+        $ngd .=           '<div class="ngd-menu__logo"></div>';
+        $ngd .=           '<div class="ngd-menu__ttl"></div>';
+        $ngd .=         '</div>';
+        $ngd .=         '<div class="ngd-menu__cols">';
+        $ngd .=           '<div class="ngd-menu__col">';
+        $ngd .=             '<div class="ngd-menu__cat"></div>';
+        $ngd .=             '<div class="ngd-menu__row"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=             '<div class="ngd-menu__row ngd-menu__row--hl"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=             '<div class="ngd-menu__row"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=           '</div>';
+        $ngd .=           '<div class="ngd-menu__col">';
+        $ngd .=             '<div class="ngd-menu__cat"></div>';
+        $ngd .=             '<div class="ngd-menu__row"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=             '<div class="ngd-menu__row"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=             '<div class="ngd-menu__row ngd-menu__row--hl"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        $ngd .=           '</div>';
+        $ngd .=         '</div>'; /* cols */
+        $ngd .=         '<div class="ngd-menu__ticker"><div class="ngd-menu__ticker-inner"></div></div>';
+        $ngd .=       '</div>'; /* ngd-menu */
+        $ngd .=     '</div>'; /* ngd-tv__screen */
+        $ngd .=     '<div class="ngd-tv__port"></div>';
+        $ngd .=   '</div>'; /* ngd-tv__body */
+        $ngd .=   '<div class="ngd-tv__feet"><div class="ngd-tv__foot"></div><div class="ngd-tv__foot"></div></div>';
+        $ngd .= '</div>'; /* ngd-tv */
+
+        /* HDMI bridge from TV port to player */
+        $ngd .= '<div class="ngd-hdmi"></div>';
+
+        /* Player device */
+        $ngd .= '<div class="ngd-player">';
+        $ngd .=   '<div class="ngd-player__body">';
+        $ngd .=     '<div class="ngd-player__led"></div>';
+        $ngd .=     '<div class="ngd-player__brand"></div>';
+        $ngd .=     '<div class="ngd-player__port"></div>';
+        $ngd .=   '</div>';
+        $ngd .=   '<div class="ngd-player__check">';
+        $ngd .=     '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">';
+        $ngd .=       '<circle cx="11" cy="11" r="10" stroke="#4CAF50" stroke-width="1.5"/>';
+        $ngd .=       '<polyline points="6,11 9.5,14.5 16,7.5" stroke="#4CAF50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>';
+        $ngd .=     '</svg>';
+        $ngd .=   '</div>';
+        $ngd .= '</div>'; /* ngd-player */
+
+        /* Signal wrap: vertical line connecting player to cloud above */
+        $ngd .= '<div class="ngd-signal-wrap">';
+        $ngd .=   '<div class="ngd-cloud">';
+        $ngd .=     '<svg class="ngd-cloud__svg" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg">';
+        $ngd .=       '<path class="ngd-cloud__path" d="M50 38H12C6.5 38 2 33.5 2 28s4.5-10 10-10c.35 0 .68.02 1 .05C15.3 12.4 20.8 8 27.5 8 35.2 8 41.5 14.3 41.5 22c0 .73-.06 1.45-.16 2.15C45.2 24.95 48 28.1 48 32v6z" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>';
+        $ngd .=     '</svg>';
+        $ngd .=   '</div>';
+        $ngd .=   '<div class="ngd-signal-line">';
+        $ngd .=     '<div class="ngd-signal__dots">';
+        $ngd .=       '<div class="ngd-signal__dot ngd-signal__dot--1"></div>';
+        $ngd .=       '<div class="ngd-signal__dot ngd-signal__dot--2"></div>';
+        $ngd .=       '<div class="ngd-signal__dot ngd-signal__dot--3"></div>';
+        $ngd .=     '</div>';
+        $ngd .=     '<div class="ngd-signal__break">';
+        $ngd .=       '<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">';
+        $ngd .=         '<circle cx="9" cy="9" r="8" fill="rgba(239,68,68,0.12)" stroke="#ef4444" stroke-width="1.2"/>';
+        $ngd .=         '<line x1="5.5" y1="5.5" x2="12.5" y2="12.5" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>';
+        $ngd .=         '<line x1="12.5" y1="5.5" x2="5.5" y2="12.5" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/>';
+        $ngd .=       '</svg>';
+        $ngd .=     '</div>';
+        $ngd .=   '</div>'; /* ngd-signal-line */
+        $ngd .= '</div>'; /* ngd-signal-wrap */
+
+        $ngd .= '</div>'; /* ngd-stage */
+
+        $visual_html = $ngd;
+        $visual_cls  = 'platform-visual has-ngd';
     } elseif ( ! empty( $a['cameraAnim'] ) ) {
         $ca = '<div class="cam-stage" aria-hidden="true">';
 

From c4f3d7e8810a5ec7e0b6e35465d7bdddcbf82278 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:36:59 -0500
Subject: [PATCH 05/87] Reduce animation durations for menu highlight, ticker,
 LED, and signal effects

---
 theme/assets/css/main.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 9fbb647..645ff52 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4692,7 +4692,7 @@ p:last-child { margin-bottom: 0; }
 }
 .ngd-menu__row--hl {
   background: rgba(76,175,80,.14);
-  animation: ngd-hl-pulse 3.5s ease-in-out infinite;
+  animation: ngd-hl-pulse 1.75s ease-in-out infinite;
 }
 .ngd-menu__name {
   flex: 1; height: 4px;
@@ -4726,7 +4726,7 @@ p:last-child { margin-bottom: 0; }
     rgba(76,175,80,.5) 0px,  rgba(76,175,80,.5) 30px,
     transparent 30px, transparent 50px
   );
-  animation: ngd-ticker 4s linear infinite;
+  animation: ngd-ticker 2s linear infinite;
 }
 
 /* ── HDMI bridge ────────────────────────────────────────────── */
@@ -4766,7 +4766,7 @@ p:last-child { margin-bottom: 0; }
   flex-shrink: 0;
   background: #4CAF50;
   box-shadow: 0 0 6px rgba(76,175,80,.8);
-  animation: ngd-led 10s ease-in-out infinite;
+  animation: ngd-led 5s ease-in-out infinite;
 }
 .ngd-player__brand {
   flex: 1;
@@ -4790,7 +4790,7 @@ p:last-child { margin-bottom: 0; }
   opacity: 0;
   transform: scale(0.4);
   transform-origin: center;
-  animation: ngd-check-show 10s ease-in-out infinite;
+  animation: ngd-check-show 5s ease-in-out infinite;
   filter: drop-shadow(0 0 4px rgba(76,175,80,.6));
 }
 
@@ -4817,7 +4817,7 @@ p:last-child { margin-bottom: 0; }
 .ngd-cloud__path {
   stroke: #4CAF50;
   opacity: .85;
-  animation: ngd-cloud-color 10s ease-in-out infinite;
+  animation: ngd-cloud-color 5s ease-in-out infinite;
 }
 /* Vertical signal line */
 .ngd-signal-line {
@@ -4827,14 +4827,14 @@ p:last-child { margin-bottom: 0; }
   border-radius: 2px;
   position: relative;
   overflow: visible;
-  animation: ngd-line-col 10s ease-in-out infinite;
+  animation: ngd-line-col 5s ease-in-out infinite;
 }
 /* Dots container — hidden during break phase */
 .ngd-signal__dots {
   position: absolute;
   inset: 0;
   overflow: hidden;
-  animation: ngd-dots-vis 10s linear infinite;
+  animation: ngd-dots-vis 5s linear infinite;
 }
 .ngd-signal__dot {
   position: absolute;
@@ -4844,7 +4844,7 @@ p:last-child { margin-bottom: 0; }
   border-radius: 50%;
   background: #4CAF50;
   box-shadow: 0 0 5px rgba(76,175,80,.8);
-  animation: ngd-dot-up 1.8s ease-in-out infinite;
+  animation: ngd-dot-up 0.9s ease-in-out infinite;
 }
 .ngd-signal__dot--2 { animation-delay: -0.6s; }
 .ngd-signal__dot--3 { animation-delay: -1.2s; }
@@ -4856,7 +4856,7 @@ p:last-child { margin-bottom: 0; }
   transform: translate(-50%, -50%) scale(0);
   width: 18px; height: 18px;
   opacity: 0;
-  animation: ngd-break-show 10s ease-in-out infinite;
+  animation: ngd-break-show 5s ease-in-out infinite;
   filter: drop-shadow(0 0 4px rgba(239,68,68,.5));
 }
 

From ecba27595c7e38b6e87296f4493f33bbc849b00e Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:41:45 -0500
Subject: [PATCH 06/87] Refactor player device structure and styles for HDMI
 connection representation

---
 theme/assets/css/main.css | 126 ++++++++++++++++++++++----------------
 theme/blocks/index.php    |   8 +--
 2 files changed, 75 insertions(+), 59 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 645ff52..7ff9d26 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4729,58 +4729,74 @@ p:last-child { margin-bottom: 0; }
   animation: ngd-ticker 2s linear infinite;
 }
 
-/* ── HDMI bridge ────────────────────────────────────────────── */
-.ngd-hdmi {
-  position: absolute;
-  left: 168px;
-  top: 112px;
-  width: 14px;
-  height: 3px;
-  background: #252525;
-  border-radius: 1px;
-}
-
-/* ── Player device ──────────────────────────────────────────── */
+/* ── Player device (stick plugged into TV right-side HDMI port) ── */
 .ngd-player {
   position: absolute;
-  left: 182px;
-  top: 102px;
-}
-.ngd-player__body {
+  /* TV body: left(8) + border(4) + width(160) + border(4) = 176px
+     TV port protrudes 5px right → connector starts at 181px */
+  left: 181px;
+  /* TV body top(18) + border(4) + port.top(50) + port half-h(7) = 79px
+     stick h=26px → top = 79 − 13 = 66px */
+  top: 66px;
   display: flex;
+  flex-direction: row;
   align-items: center;
-  gap: 5px;
-  width: 96px;
-  height: 28px;
-  background: #1a1a1a;
-  border: 1.5px solid #2d2d2d;
-  border-radius: 4px;
-  padding: 4px 6px;
-  box-shadow: 0 4px 16px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04);
-  position: relative;
 }
-.ngd-player__led {
+/* HDMI connector plug — left side, inserts into TV port */
+.ngd-player__connector {
+  width: 14px;
+  height: 10px;
+  background: linear-gradient(180deg, #888, #666);
+  border-radius: 2px 0 0 2px;
+  position: relative;
+  box-shadow: 0 1px 3px rgba(0,0,0,.3);
+  flex-shrink: 0;
+  z-index: 1;
+}
+.ngd-player__connector::before {
+  content: '';
+  position: absolute;
+  right: 2px;
+  top: 2px;
   width: 6px;
   height: 6px;
+  background: #555;
+  border-radius: 1px;
+}
+/* Main stick body — white gradient capsule */
+.ngd-player__body {
+  width: 68px;
+  height: 26px;
+  background: linear-gradient(180deg, #f5f5f5, #e0e0e0);
+  border: 1px solid #ccc;
+  border-radius: 0 5px 5px 0;
+  position: relative;
+  box-shadow: 0 2px 8px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.6);
+}
+/* Brand logo area subtle inset */
+.ngd-player__body::before {
+  content: '';
+  position: absolute;
+  top: 6px;
+  left: 8px;
+  width: 28px;
+  height: 12px;
+  background: rgba(0,0,0,.04);
+  border-radius: 2px;
+}
+/* LED indicator — right side of body */
+.ngd-player__led {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 4px;
+  height: 4px;
   border-radius: 50%;
-  flex-shrink: 0;
   background: #4CAF50;
   box-shadow: 0 0 6px rgba(76,175,80,.8);
   animation: ngd-led 5s ease-in-out infinite;
 }
-.ngd-player__brand {
-  flex: 1;
-  height: 5px;
-  background: rgba(255,255,255,.07);
-  border-radius: 2px;
-}
-.ngd-player__port {
-  width: 8px; height: 11px;
-  background: #0d0d0d;
-  border: 1px solid #222;
-  border-radius: 1px;
-  flex-shrink: 0;
-}
 /* Checkmark badge — visible only during offline phase */
 .ngd-player__check {
   position: absolute;
@@ -4797,9 +4813,10 @@ p:last-child { margin-bottom: 0; }
 /* ── Signal wrap (cloud + vertical line to player) ─────────── */
 .ngd-signal-wrap {
   position: absolute;
-  /* horizontally centred on player: player left=182px, width=96px → centre=230px */
-  left: 193px;   /* 230 – cloud_half(37px) = 193 */
-  top: 8px;
+  /* centred on stick body: player left(181) + connector(14) + body_centre(34) = 229px
+     cloud width 74px → half = 37px → left = 229 − 37 = 192px */
+  left: 192px;
+  top: 0;
   width: 74px;
   display: flex;
   flex-direction: column;
@@ -4822,7 +4839,7 @@ p:last-child { margin-bottom: 0; }
 /* Vertical signal line */
 .ngd-signal-line {
   width: 3px;
-  height: 44px;   /* gap from cloud bottom to player top */
+  height: 18px;   /* gap from cloud bottom (~48px) to stick top (~66px) */
   background: rgba(76,175,80,.35);
   border-radius: 2px;
   position: relative;
@@ -4932,15 +4949,18 @@ p:last-child { margin-bottom: 0; }
 /* ── Responsive ─────────────────────────────────────────────── */
 @media (max-width: 640px) {
   .ngd-stage { max-width: 320px; }
-  /* Scale the fixed-px elements down proportionally */
-  .ngd-tv__body         { width: 128px; height: 96px; }
-  .ngd-tv__port         { top: 40px; }
-  .ngd-tv__foot         { width: 18px; }
-  .ngd-hdmi             { left: 134px; top: 90px; }
-  .ngd-player           { left: 146px; top: 82px; }
-  .ngd-player__body     { width: 76px; height: 24px; }
-  .ngd-signal-wrap      { left: 154px; width: 60px; }
-  .ngd-signal-line      { height: 36px; }
+  /* Scale fixed-px elements 80% (320/400) */
+  .ngd-tv__body             { width: 128px; height: 96px; }
+  .ngd-tv__port             { top: 40px; }
+  .ngd-tv__foot             { width: 18px; }
+  /* player: left(145) + connector(11) + body_centre(27) = 183px; cloud half(30) → wrap left 153 */
+  .ngd-player               { left: 145px; top: 53px; }
+  .ngd-player__connector    { width: 11px; height: 8px; }
+  .ngd-player__body         { width: 54px; height: 21px; }
+  .ngd-player__body::before { top: 5px; left: 6px; width: 22px; height: 9px; }
+  .ngd-player__led          { width: 3px; height: 3px; right: 6px; }
+  .ngd-signal-wrap          { left: 153px; width: 60px; }
+  .ngd-signal-line          { height: 14px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 34dfc25..2f96721 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1606,15 +1606,11 @@ function oribi_render_platform_row( $a ) {
         $ngd .=   '<div class="ngd-tv__feet"><div class="ngd-tv__foot"></div><div class="ngd-tv__foot"></div></div>';
         $ngd .= '</div>'; /* ngd-tv */
 
-        /* HDMI bridge from TV port to player */
-        $ngd .= '<div class="ngd-hdmi"></div>';
-
-        /* Player device */
+        /* Player device (stick style, plugged into TV right-side HDMI port) */
         $ngd .= '<div class="ngd-player">';
+        $ngd .=   '<div class="ngd-player__connector"></div>';
         $ngd .=   '<div class="ngd-player__body">';
         $ngd .=     '<div class="ngd-player__led"></div>';
-        $ngd .=     '<div class="ngd-player__brand"></div>';
-        $ngd .=     '<div class="ngd-player__port"></div>';
         $ngd .=   '</div>';
         $ngd .=   '<div class="ngd-player__check">';
         $ngd .=     '<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">';

From 0407269e79dd99dc74812d44c6d2a2f1e06ee376 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:45:48 -0500
Subject: [PATCH 07/87] Adjust TV and player dimensions for improved layout and
 responsiveness

---
 theme/assets/css/main.css | 57 ++++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 7ff9d26..e9909a5 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4562,8 +4562,8 @@ p:last-child { margin-bottom: 0; }
 .ngd-stage {
   position: relative;
   width: 100%;
-  max-width: 400px;
-  aspect-ratio: 4/3;
+  max-width: 380px;
+  aspect-ratio: 1/1;
   margin: 0 auto;
 }
 
@@ -4593,7 +4593,7 @@ p:last-child { margin-bottom: 0; }
 .ngd-tv__port {
   position: absolute;
   right: -5px;
-  top: 50px;
+  top: 70px;
   width: 8px;
   height: 14px;
   background: #1a1a1a;
@@ -4626,11 +4626,11 @@ p:last-child { margin-bottom: 0; }
 /* TV feet */
 .ngd-tv__feet {
   display: flex;
-  gap: 50px;
+  gap: 72px;
   margin-top: 3px;
 }
 .ngd-tv__foot {
-  width: 22px;
+  width: 28px;
   height: 6px;
   background: #181818;
   border-radius: 0 0 3px 3px;
@@ -4732,12 +4732,12 @@ p:last-child { margin-bottom: 0; }
 /* ── Player device (stick plugged into TV right-side HDMI port) ── */
 .ngd-player {
   position: absolute;
-  /* TV body: left(8) + border(4) + width(160) + border(4) = 176px
-     TV port protrudes 5px right → connector starts at 181px */
-  left: 181px;
-  /* TV body top(18) + border(4) + port.top(50) + port half-h(7) = 79px
-     stick h=26px → top = 79 − 13 = 66px */
-  top: 66px;
+  /* TV: left(20) + border(4) + width(220) + border(4) = 248px
+     TV port protrudes 5px right → connector starts at 248px */
+  left: 248px;
+  /* TV body top(90) + border(4) + port.top(70) + port half-h(7) = 171px
+     stick h=28px → top = 171 − 14 = 157px */
+  top: 157px;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -4813,10 +4813,10 @@ p:last-child { margin-bottom: 0; }
 /* ── Signal wrap (cloud + vertical line to player) ─────────── */
 .ngd-signal-wrap {
   position: absolute;
-  /* centred on stick body: player left(181) + connector(14) + body_centre(34) = 229px
-     cloud width 74px → half = 37px → left = 229 − 37 = 192px */
-  left: 192px;
-  top: 0;
+  /* centred on stick body: player left(248) + connector(14) + body_centre(40) = 302px
+     cloud width 74px → half = 37px → left = 302 − 37 = 265px */
+  left: 265px;
+  top: 24px;
   width: 74px;
   display: flex;
   flex-direction: column;
@@ -4839,7 +4839,7 @@ p:last-child { margin-bottom: 0; }
 /* Vertical signal line */
 .ngd-signal-line {
   width: 3px;
-  height: 18px;   /* gap from cloud bottom (~48px) to stick top (~66px) */
+  height: 80px;   /* gap: signal-wrap top(24) + cloud h(~46) + line(80) ≈ player top(157) */
   background: rgba(76,175,80,.35);
   border-radius: 2px;
   position: relative;
@@ -4949,18 +4949,21 @@ p:last-child { margin-bottom: 0; }
 /* ── Responsive ─────────────────────────────────────────────── */
 @media (max-width: 640px) {
   .ngd-stage { max-width: 320px; }
-  /* Scale fixed-px elements 80% (320/400) */
-  .ngd-tv__body             { width: 128px; height: 96px; }
-  .ngd-tv__port             { top: 40px; }
-  .ngd-tv__foot             { width: 18px; }
-  /* player: left(145) + connector(11) + body_centre(27) = 183px; cloud half(30) → wrap left 153 */
-  .ngd-player               { left: 145px; top: 53px; }
-  .ngd-player__connector    { width: 11px; height: 8px; }
-  .ngd-player__body         { width: 54px; height: 21px; }
-  .ngd-player__body::before { top: 5px; left: 6px; width: 22px; height: 9px; }
+  /* Scale fixed-px elements 84% (320/380) */
+  .ngd-tv                   { left: 17px; top: 76px; }
+  .ngd-tv__body             { width: 185px; height: 136px; }
+  .ngd-tv__port             { top: 59px; }
+  .ngd-tv__feet             { gap: 60px; }
+  .ngd-tv__foot             { width: 24px; }
+  /* player left: 17+4+185+4=210; center-y: 76+4+59+7=146; top=146-14=132 */
+  .ngd-player               { left: 210px; top: 132px; }
+  .ngd-player__connector    { width: 12px; height: 9px; }
+  .ngd-player__body         { width: 68px; height: 24px; }
+  .ngd-player__body::before { top: 5px; left: 6px; width: 24px; height: 10px; }
   .ngd-player__led          { width: 3px; height: 3px; right: 6px; }
-  .ngd-signal-wrap          { left: 153px; width: 60px; }
-  .ngd-signal-line          { height: 14px; }
+  /* body-centre-x: 210+12+34=256; cloud half-width(31)→56; wrap left=256-28=228 */
+  .ngd-signal-wrap          { left: 228px; top: 20px; width: 62px; }
+  .ngd-signal-line          { height: 68px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */

From b0167f25056a6f4a3d6ee5d326620ad842391424 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:52:54 -0500
Subject: [PATCH 08/87] Adjust TV and player positioning and dimensions for
 improved layout

---
 theme/assets/css/main.css | 44 ++++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index e9909a5..038f331 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4570,15 +4570,15 @@ p:last-child { margin-bottom: 0; }
 /* ── TV ─────────────────────────────────────────────────────── */
 .ngd-tv {
   position: absolute;
-  left: 8px;
-  top: 18px;
+  left: 20px;
+  top: 90px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .ngd-tv__body {
-  width: 160px;
-  height: 120px;
+  width: 220px;
+  height: 162px;
   background: #111;
   border: 4px solid #111;
   border-radius: 6px 6px 4px 4px;
@@ -4593,7 +4593,7 @@ p:last-child { margin-bottom: 0; }
 .ngd-tv__port {
   position: absolute;
   right: -5px;
-  top: 70px;
+  top: 74px;
   width: 8px;
   height: 14px;
   background: #1a1a1a;
@@ -4733,11 +4733,11 @@ p:last-child { margin-bottom: 0; }
 .ngd-player {
   position: absolute;
   /* TV: left(20) + border(4) + width(220) + border(4) = 248px
-     TV port protrudes 5px right → connector starts at 248px */
+     port right:-5 → connector aligns to TV right edge at 248px */
   left: 248px;
-  /* TV body top(90) + border(4) + port.top(70) + port half-h(7) = 171px
-     stick h=28px → top = 171 − 14 = 157px */
-  top: 157px;
+  /* TV top(90) + border(4) + port.top(74) + port half-h(7) = 175px
+     stick h=26px → top = 175 − 13 = 162px */
+  top: 162px;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -4813,10 +4813,10 @@ p:last-child { margin-bottom: 0; }
 /* ── Signal wrap (cloud + vertical line to player) ─────────── */
 .ngd-signal-wrap {
   position: absolute;
-  /* centred on stick body: player left(248) + connector(14) + body_centre(40) = 302px
-     cloud width 74px → half = 37px → left = 302 − 37 = 265px */
-  left: 265px;
-  top: 24px;
+  /* body centre X: player left(248) + connector(14) + body half(34) = 296
+     cloud width 74px → half = 37 → left = 296 − 37 = 259px */
+  left: 259px;
+  top: 22px;
   width: 74px;
   display: flex;
   flex-direction: column;
@@ -4839,7 +4839,7 @@ p:last-child { margin-bottom: 0; }
 /* Vertical signal line */
 .ngd-signal-line {
   width: 3px;
-  height: 80px;   /* gap: signal-wrap top(24) + cloud h(~46) + line(80) ≈ player top(157) */
+  height: 92px;  /* wrap top(22) + cloud h(46) + line(92) = 160 ≈ player top(162) */
   background: rgba(76,175,80,.35);
   border-radius: 2px;
   position: relative;
@@ -4949,21 +4949,23 @@ p:last-child { margin-bottom: 0; }
 /* ── Responsive ─────────────────────────────────────────────── */
 @media (max-width: 640px) {
   .ngd-stage { max-width: 320px; }
-  /* Scale fixed-px elements 84% (320/380) */
+  /* Scale at 84% (320/380) */
   .ngd-tv                   { left: 17px; top: 76px; }
   .ngd-tv__body             { width: 185px; height: 136px; }
-  .ngd-tv__port             { top: 59px; }
+  /* port at body midpoint: 136/2 − 7 = 61 */
+  .ngd-tv__port             { top: 61px; }
   .ngd-tv__feet             { gap: 60px; }
   .ngd-tv__foot             { width: 24px; }
-  /* player left: 17+4+185+4=210; center-y: 76+4+59+7=146; top=146-14=132 */
-  .ngd-player               { left: 210px; top: 132px; }
+  /* TV right: 17+4+185+4=210; port centre-y: 76+4+61+7=148; player top: 148−13=135 */
+  .ngd-player               { left: 210px; top: 135px; }
   .ngd-player__connector    { width: 12px; height: 9px; }
   .ngd-player__body         { width: 68px; height: 24px; }
   .ngd-player__body::before { top: 5px; left: 6px; width: 24px; height: 10px; }
   .ngd-player__led          { width: 3px; height: 3px; right: 6px; }
-  /* body-centre-x: 210+12+34=256; cloud half-width(31)→56; wrap left=256-28=228 */
-  .ngd-signal-wrap          { left: 228px; top: 20px; width: 62px; }
-  .ngd-signal-line          { height: 68px; }
+  /* body centre-x: 210+12+34=256; cloud 62px → half=31 → wrap left=225 */
+  .ngd-signal-wrap          { left: 225px; top: 18px; width: 62px; }
+  /* line: wrap.top(18)+cloud_h(~38)=56 to player.top(135) → 79px */
+  .ngd-signal-line          { height: 79px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */

From 150fe5a291e680a524bf3fd628fe98a5f4f8454e Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:02:27 -0500
Subject: [PATCH 09/87] Update feature descriptions and keywords for clarity
 and consistency

---
 pages/features.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/features.php b/pages/features.php
index bba862d..4fcfd16 100644
--- a/pages/features.php
+++ b/pages/features.php
@@ -3,11 +3,11 @@
  * Title: Features
  * Slug: ots-signs/page-features
  * Categories: oribi-pages
- * Keywords: features, platform, content scheduling, cloud CMS, real-time data
+ * Keywords: features, platform, content scheduling, command center, real-time data
  * Post Types: page
  */
 ?>
-<!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native CMS that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics — all wrapped in an interface your whole team can use."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native Command Center that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics — all wrapped in an interface your whole team can use."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Don\u0027t","lead":"Create, schedule, and manage digital signage content from a single dashboard — whether you have one screen or one thousand."} -->
 <!-- wp:oribi/platform-row {"heading":"One Dashboard for Every Display","description":"Manage your entire signage network from a single cloud-based console. Organise screens by location, group, or purpose. Push content updates across your whole estate in one click — no matter how many sites you operate.","btnText":"Get Started","btnUrl":"/contact"} /-->
@@ -16,7 +16,7 @@
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Capabilities","heading":"The Tools Behind Great Signage","lead":"From content creation to performance tracking, every feature is designed to save you time and keep your screens looking sharp.","columns":3} -->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-cloud","title":"Cloud-Native CMS","description":"Log in from any browser, anywhere. No software to install, no servers to maintain. Your content is always accessible and backed up."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-cloud","title":"Cloud-Native Command Center","description":"Control everything from any browser, anywhere. No software to install, no servers to maintain. Centralized management with instant access and automatic backups."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Intelligent Scheduling","description":"Day-parting, date-based playlists, and event triggers let you automate content rotation down to the minute."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Offline Playback","description":"Content is cached on the player device. If your connection drops, your displays keep running seamlessly until it returns."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Users","description":"Invite your entire team at no extra cost. No per-seat charges, no access restrictions — on any plan."} /-->
@@ -24,7 +24,7 @@
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Enterprise Security","description":"End-to-end encryption, two-factor authentication, secure boot hardware, and predefined user roles on every plan. Pro adds SSO via SAML or CAS, custom role definitions, and extended audit trails."} /-->
 <!-- /wp:oribi/feature-section -->
 
-<!-- wp:oribi/value-section {"variant":"normal","label":"Why Choose Us","heading":"Beyond the Software","lead":"Great signage takes more than a CMS. Here\u0027s what you get when you work with OTS Signs.","columns":3} -->
+<!-- wp:oribi/value-section {"variant":"normal","label":"Why Choose Us","heading":"Beyond the Software","lead":"A control center is just the beginning. See what else you get with OTS Signs.","columns":3} -->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"In-House Creative","description":"Professional photography, video production, and graphic design — so every screen looks polished and on-brand from day one."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload your content and push it live across your entire network in seconds. No queues, no waiting, no complex approval chains."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support That\u0027s There","description":"From initial setup to ongoing optimisation, our team is available when you need us — not hidden behind a ticket queue."} /-->

From df794be0d8ce15d58531178c3727b356ce5bcb93 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:05:58 -0500
Subject: [PATCH 10/87] Refactor event display structure and styles for
 improved readability and consistency

---
 theme/assets/css/main.css | 68 ++++++++++++++++++++++-----------------
 theme/blocks/index.php    | 22 ++++++++++---
 2 files changed, 56 insertions(+), 34 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 038f331..5c763d1 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4279,18 +4279,13 @@ p:last-child { margin-bottom: 0; }
   background: var(--color-border);
   margin-bottom: 10px;
   flex-shrink: 0;
-  position: relative;
-  overflow: hidden;
-}
-.uc-event-header::after {
-  content: '';
-  position: absolute;
-  top: 0; left: 0;
-  height: 100%;
-  width: 45%;
-  background: var(--color-primary);
-  border-radius: 3px;
-  animation: uc-event-hdr-move 4s ease-in-out infinite;
+  display: flex;
+  align-items: center;
+  padding: 0 6px;
+  font-size: 9px;
+  font-weight: 700;
+  color: var(--color-text);
+  letter-spacing: 0.5px;
 }
 .uc-event-row {
   width: 100%;
@@ -4301,31 +4296,52 @@ p:last-child { margin-bottom: 0; }
 }
 .uc-event-row + .uc-event-row { margin-top: 7px; }
 .uc-event-time {
-  height: 7px;
-  width: 22px;
+  height: 10px;
+  width: 28px;
   border-radius: 2px;
   background: var(--color-border);
   flex-shrink: 0;
+  font-size: 7px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-muted);
+  font-weight: 600;
 }
-.uc-event-bar {
+.uc-event-title {
   height: 14px;
   flex: 1;
   border-radius: 3px;
   background: var(--color-border);
   position: relative;
   overflow: hidden;
+  font-size: 8px;
+  display: flex;
+  align-items: center;
+  padding: 0 6px;
+  color: var(--color-muted);
+  font-weight: 500;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.uc-event-bar::after {
+.uc-event-title::after {
   content: '';
   position: absolute;
   inset: 0;
-  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.3) 50%, transparent 100%);
+  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.2) 50%, transparent 100%);
   transform: translateX(-150%);
+  pointer-events: none;
 }
-.uc-event-bar--active  { background: var(--color-primary); }
-.uc-event-bar--accent  { background: color-mix(in srgb, var(--color-accent) 55%, var(--color-border)); }
-.uc-event-bar--active::after  { animation: uc-event-shimmer 2.2s linear infinite; }
-.uc-event-bar--accent::after  { animation: uc-event-shimmer 2.2s linear infinite 1.1s; }
+.uc-event-title--active {
+  background: var(--color-primary);
+  color: #fff;
+}
+.uc-event-title--accent {
+  background: color-mix(in srgb, var(--color-accent) 55%, var(--color-border));
+  color: var(--color-text);
+}
+.uc-event-title--active::after { animation: uc-event-shimmer 2.2s linear infinite; }
+.uc-event-title--accent::after { animation: uc-event-shimmer 2.2s linear infinite 1.1s; }
 
 .uc-event-cursor {
   position: absolute;
@@ -4339,11 +4355,6 @@ p:last-child { margin-bottom: 0; }
   animation: uc-event-cursor-move 4s ease-in-out infinite;
 }
 
-@keyframes uc-event-hdr-move {
-  0%, 20%    { transform: translateX(0%); }
-  55%, 80%   { transform: translateX(125%); }
-  100%       { transform: translateX(0%); }
-}
 @keyframes uc-event-shimmer {
   0%   { transform: translateX(-150%); }
   100% { transform: translateX(250%); }
@@ -4522,9 +4533,8 @@ p:last-child { margin-bottom: 0; }
   .uc-menu-row--highlight,
   .uc-menu-row--highlight .uc-menu-name,
   .uc-menu-row--highlight .uc-menu-price,
-  .uc-event-header::after,
-  .uc-event-bar--active::after,
-  .uc-event-bar--accent::after,
+  .uc-event-title--active::after,
+  .uc-event-title--accent::after,
   .uc-event-cursor,
   .uc-db-bar--1, .uc-db-bar--2, .uc-db-bar--3, .uc-db-bar--4,
   .uc-wf-dot::after,
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 2f96721..a5f9a6a 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1929,11 +1929,23 @@ function oribi_uc_anim_inner( $mod ) {
             return '
 <div class="uc-inner uc-inner--event" aria-hidden="true">
     <div class="uc-event-cursor"></div>
-    <div class="uc-event-header"></div>
-    <div class="uc-event-row"><div class="uc-event-time"></div><div class="uc-event-bar uc-event-bar--active"></div></div>
-    <div class="uc-event-row"><div class="uc-event-time"></div><div class="uc-event-bar"></div></div>
-    <div class="uc-event-row"><div class="uc-event-time"></div><div class="uc-event-bar uc-event-bar--accent"></div></div>
-    <div class="uc-event-row"><div class="uc-event-time"></div><div class="uc-event-bar"></div></div>
+    <div class="uc-event-header">Schedule</div>
+    <div class="uc-event-row">
+        <div class="uc-event-time">9:00</div>
+        <div class="uc-event-title uc-event-title--active">Keynote Speech</div>
+    </div>
+    <div class="uc-event-row">
+        <div class="uc-event-time">10:30</div>
+        <div class="uc-event-title">Panel Discussion</div>
+    </div>
+    <div class="uc-event-row">
+        <div class="uc-event-time">11:45</div>
+        <div class="uc-event-title uc-event-title--accent">Coffee Break</div>
+    </div>
+    <div class="uc-event-row">
+        <div class="uc-event-time">12:30</div>
+        <div class="uc-event-title">Networking Lunch</div>
+    </div>
 </div>';
         case 'dashboard':
             return '

From 5783fa7ebc61df6b428bb1a9cf067d44e809a37c Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:13:03 -0500
Subject: [PATCH 11/87] Rename event cursor to event time display and update
 styles for improved visibility

---
 theme/assets/css/main.css | 34 +++++++++++++++++++++++-----------
 theme/blocks/index.php    |  2 +-
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 5c763d1..678440c 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4343,26 +4343,38 @@ p:last-child { margin-bottom: 0; }
 .uc-event-title--active::after { animation: uc-event-shimmer 2.2s linear infinite; }
 .uc-event-title--accent::after { animation: uc-event-shimmer 2.2s linear infinite 1.1s; }
 
-.uc-event-cursor {
+.uc-event-time-now {
   position: absolute;
-  top: 32px;
+  top: 28px;
   left: 26px;
-  width: 1.5px;
-  height: calc(100% - 44px);
   background: var(--color-accent);
-  opacity: .75;
+  color: #fff;
+  font-size: 7px;
+  font-weight: 700;
+  padding: 2px 5px;
+  border-radius: 2px;
+  white-space: nowrap;
   pointer-events: none;
-  animation: uc-event-cursor-move 4s ease-in-out infinite;
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  letter-spacing: 0.3px;
+  animation: uc-event-time-pulse 2s ease-in-out infinite;
+}
+.uc-event-time-now-val {
+  font-family: 'Monaco', 'Courier New', monospace;
+  font-size: 8px;
+  font-weight: 700;
+  letter-spacing: 0px;
 }
 
 @keyframes uc-event-shimmer {
   0%   { transform: translateX(-150%); }
   100% { transform: translateX(250%); }
 }
-@keyframes uc-event-cursor-move {
-  0%, 10%  { left: 26px; opacity: .5; }
-  50%      { left: calc(100% - 22px); opacity: .9; }
-  90%, 100%{ left: 26px; opacity: .5; }
+@keyframes uc-event-time-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb, 255, 107, 29), 0.7); }
+  50%      { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb, 255, 107, 29), 0); }
 }
 
 /* ══════════════════════════════════
@@ -4535,7 +4547,7 @@ p:last-child { margin-bottom: 0; }
   .uc-menu-row--highlight .uc-menu-price,
   .uc-event-title--active::after,
   .uc-event-title--accent::after,
-  .uc-event-cursor,
+  .uc-event-time-now,
   .uc-db-bar--1, .uc-db-bar--2, .uc-db-bar--3, .uc-db-bar--4,
   .uc-wf-dot::after,
   .uc-wf-arrow { animation: none !important; }
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index a5f9a6a..004b0a1 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1928,7 +1928,7 @@ function oribi_uc_anim_inner( $mod ) {
         case 'event':
             return '
 <div class="uc-inner uc-inner--event" aria-hidden="true">
-    <div class="uc-event-cursor"></div>
+    <div class="uc-event-time-now">NOW <span class="uc-event-time-now-val">10:45</span></div>
     <div class="uc-event-header">Schedule</div>
     <div class="uc-event-row">
         <div class="uc-event-time">9:00</div>

From ebb4b7668c5b670e437c7369f1f2fd0bfe626bf9 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:14:41 -0500
Subject: [PATCH 12/87] Update event display styles and replace event time
 element with cursor for improved visibility

---
 theme/assets/css/main.css | 53 +++++++++++++++++++++------------------
 theme/blocks/index.php    |  2 +-
 2 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 678440c..b65b37d 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4270,7 +4270,11 @@ p:last-child { margin-bottom: 0; }
 /* ══════════════════════════════════
    2 — EVENT DISPLAY
    ══════════════════════════════════ */
-.uc-inner--event { gap: 0; padding: 16px 18px; }
+.uc-inner--event { 
+  gap: 0; 
+  padding: 16px 18px;
+  position: relative;
+}
 
 .uc-event-header {
   width: 100%;
@@ -4343,38 +4347,37 @@ p:last-child { margin-bottom: 0; }
 .uc-event-title--active::after { animation: uc-event-shimmer 2.2s linear infinite; }
 .uc-event-title--accent::after { animation: uc-event-shimmer 2.2s linear infinite 1.1s; }
 
-.uc-event-time-now {
+.uc-event-cursor {
   position: absolute;
-  top: 28px;
-  left: 26px;
-  background: var(--color-accent);
-  color: #fff;
-  font-size: 7px;
-  font-weight: 700;
-  padding: 2px 5px;
-  border-radius: 2px;
-  white-space: nowrap;
+  top: 32px;
+  left: 0;
+  right: 0;
+  height: 2px;
+  background: var(--color-primary);
+  opacity: .85;
   pointer-events: none;
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  letter-spacing: 0.3px;
-  animation: uc-event-time-pulse 2s ease-in-out infinite;
+  box-shadow: 0 0 8px rgba(var(--color-primary-rgb), 0.4);
+  animation: uc-event-time-progress 20s linear infinite;
 }
-.uc-event-time-now-val {
-  font-family: 'Monaco', 'Courier New', monospace;
-  font-size: 8px;
-  font-weight: 700;
-  letter-spacing: 0px;
+.uc-event-cursor::before {
+  content: '';
+  position: absolute;
+  left: -6px;
+  top: -4px;
+  width: 12px;
+  height: 10px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  box-shadow: 0 0 8px rgba(var(--color-primary-rgb), 0.6);
 }
 
 @keyframes uc-event-shimmer {
   0%   { transform: translateX(-150%); }
   100% { transform: translateX(250%); }
 }
-@keyframes uc-event-time-pulse {
-  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb, 255, 107, 29), 0.7); }
-  50%      { box-shadow: 0 0 0 3px rgba(var(--color-accent-rgb, 255, 107, 29), 0); }
+@keyframes uc-event-time-progress {
+  0%   { top: 32px; }
+  100% { top: calc(100% - 10px); }
 }
 
 /* ══════════════════════════════════
@@ -4547,7 +4550,7 @@ p:last-child { margin-bottom: 0; }
   .uc-menu-row--highlight .uc-menu-price,
   .uc-event-title--active::after,
   .uc-event-title--accent::after,
-  .uc-event-time-now,
+  .uc-event-cursor,
   .uc-db-bar--1, .uc-db-bar--2, .uc-db-bar--3, .uc-db-bar--4,
   .uc-wf-dot::after,
   .uc-wf-arrow { animation: none !important; }
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 004b0a1..a5f9a6a 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1928,7 +1928,7 @@ function oribi_uc_anim_inner( $mod ) {
         case 'event':
             return '
 <div class="uc-inner uc-inner--event" aria-hidden="true">
-    <div class="uc-event-time-now">NOW <span class="uc-event-time-now-val">10:45</span></div>
+    <div class="uc-event-cursor"></div>
     <div class="uc-event-header">Schedule</div>
     <div class="uc-event-row">
         <div class="uc-event-time">9:00</div>

From d8c12e3f3b20617ce274257c72cfe3e6f301da95 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:22:07 -0500
Subject: [PATCH 13/87] Update CSS will-change property and add min-height to
 hero section; enhance JS card animation with reduced motion support

---
 theme/assets/css/main.css | 3 ++-
 theme/assets/js/main.js   | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index b65b37d..62c0228 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -560,7 +560,7 @@ p:last-child { margin-bottom: 0; }
   animation: dc-breathe 8s ease-in-out infinite;
   pointer-events: none;
   display: block;
-  will-change: transform;
+  will-change: filter;
 }
 
 .hero-overlay {
@@ -2061,6 +2061,7 @@ p:last-child { margin-bottom: 0; }
   border: none !important;
   border-radius: 0;
   aspect-ratio: unset;
+  min-height: 300px;
   padding: 0;
   overflow: visible;
   position: relative;
diff --git a/theme/assets/js/main.js b/theme/assets/js/main.js
index 4192758..2c5830c 100644
--- a/theme/assets/js/main.js
+++ b/theme/assets/js/main.js
@@ -119,7 +119,8 @@ document.addEventListener('DOMContentLoaded', () => {
 
   /* ── Animate cards on scroll ────────────────────────────── */
   const cards = document.querySelectorAll('.oribi-card, .feature-card, .industry-card, .pricing-card, .value-card, .platform-row');
-  if (cards.length && 'IntersectionObserver' in window) {
+  if (cards.length && 'IntersectionObserver' in window &&
+      !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
     cards.forEach(c => { c.style.opacity = '0'; c.style.transform = 'translateY(24px)'; c.style.transition = 'opacity .5s ease, transform .5s ease'; });
     const io = new IntersectionObserver((entries) => {
       entries.forEach(entry => {
@@ -129,7 +130,7 @@ document.addEventListener('DOMContentLoaded', () => {
           io.unobserve(entry.target);
         }
       });
-    }, { threshold: 0.1 });
+    }, { threshold: 0.1, rootMargin: '0px 0px 60px 0px' });
     cards.forEach(c => io.observe(c));
   }
 });

From bb30f3809075cadc37da98087f521728778b3286 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:26:59 -0500
Subject: [PATCH 14/87] Update color palette to use new orange primary and
 green accent colors for improved branding

---
 theme/assets/css/main.css    | 18 +++++++++---------
 theme/blocks/index.php       |  6 +++---
 theme/inc/theme-defaults.php | 12 ++++++------
 theme/inc/theme-settings.php |  2 +-
 theme/theme.json             | 12 ++++++------
 5 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 62c0228..694e119 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5,11 +5,11 @@
 /* ── 1. CSS Variables ───────────────────────────────────────── */
 :root,
 [data-theme="light"] {
-  /* ── Light palette - British Racing Green + Monochrome ── */
-  --color-primary:     var(--wp--preset--color--primary,    #004225);
-  --color-primary-dk:  var(--wp--preset--color--primary-dk, #002E1A);
-  --color-primary-lt:  var(--wp--preset--color--primary-lt, #E8F5E9);
-  --color-primary-rgb: 0,66,37;
+  /* ── Light palette - Orange Primary + Green Accent ── */
+  --color-primary:     var(--wp--preset--color--primary,    #D83302);
+  --color-primary-dk:  var(--wp--preset--color--primary-dk, #A22702);
+  --color-primary-lt:  var(--wp--preset--color--primary-lt, #FFF0EB);
+  --color-primary-rgb: 216,51,2;
   --color-accent:      var(--wp--preset--color--accent,     #4CAF50);
   --color-accent-dk:   var(--wp--preset--color--accent-dk,  #388E3C);
   --color-accent-lt:   var(--wp--preset--color--accent-lt,  #E8F5E9);
@@ -52,10 +52,10 @@
 
 /* ── Dark Mode ────────────────────────────────────────────── */
 [data-theme="dark"] {
-  --color-primary:     var(--wp--custom--dark--primary,    #4CAF50);
-  --color-primary-dk:  var(--wp--custom--dark--primary-dk, #004225);
-  --color-primary-lt:  var(--wp--custom--dark--primary-lt, rgba(0,66,37,.15));
-  --color-primary-rgb: 76,175,80;
+  --color-primary:     var(--wp--custom--dark--primary,    #FF6B3D);
+  --color-primary-dk:  var(--wp--custom--dark--primary-dk, #D83302);
+  --color-primary-lt:  var(--wp--custom--dark--primary-lt, rgba(216,51,2,.15));
+  --color-primary-rgb: 255,107,61;
   --color-accent:      var(--wp--custom--dark--accent,     #66BB6A);
   --color-accent-dk:   var(--wp--custom--dark--accent-dk,  #388E3C);
   --color-accent-lt:   var(--wp--custom--dark--accent-lt,  rgba(76,175,80,.12));
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index a5f9a6a..5c0fe05 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1374,7 +1374,7 @@ function oribi_render_platform_row( $a ) {
 <svg viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg" class="dashboard-chart" role="img" aria-label="Animated dashboard charts">
   <defs>
     <linearGradient id="barGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%"   stop-color="#004225" stop-opacity="1"/>
+      <stop offset="0%"   stop-color="#D83302" stop-opacity="1"/>
       <stop offset="100%" stop-color="#4CAF50" stop-opacity=".8"/>
     </linearGradient>
     <linearGradient id="lineGradient" x1="0%" y1="0%" x2="0%" y2="100%">
@@ -1452,7 +1452,7 @@ function oribi_render_platform_row( $a ) {
     <text class="ct" x="100" y="0" font-size="14" font-weight="600" text-anchor="middle" fill="#333">Distribution</text>
     <g transform="translate(100,90)">
       <g class="pie-segment" transform="rotate(0)">
-        <path d="M0,0 L0,-55 A55,55 0 0,1 38.89,-38.89 Z" fill="#004225" opacity=".9"/>
+        <path d="M0,0 L0,-55 A55,55 0 0,1 38.89,-38.89 Z" fill="#D83302" opacity=".9"/>
       </g>
       <g class="pie-segment" transform="rotate(90)">
         <path d="M0,0 L0,-55 A55,55 0 0,1 38.89,-38.89 Z" fill="#4CAF50" opacity=".8"/>
@@ -1467,7 +1467,7 @@ function oribi_render_platform_row( $a ) {
       <text id="pie-center-text" x="0" y="5" text-anchor="middle" font-size="13" font-weight="600" fill="#333">100%</text>
     </g>
     <g transform="translate(30,170)">
-      <rect x="0"   y="0"  width="8" height="8" fill="#004225"/>
+      <rect x="0"   y="0"  width="8" height="8" fill="#D83302"/>
       <text class="cl" x="12"  y="8" font-size="11" fill="#666">Service A</text>
       <rect x="0"   y="15" width="8" height="8" fill="#4CAF50"/>
       <text class="cl" x="12"  y="23" font-size="11" fill="#666">Service B</text>
diff --git a/theme/inc/theme-defaults.php b/theme/inc/theme-defaults.php
index 2cf9836..e9401a5 100644
--- a/theme/inc/theme-defaults.php
+++ b/theme/inc/theme-defaults.php
@@ -24,9 +24,9 @@ function oribi_get_theme_defaults() {
 	return [
 
 		/* ── Light-mode colour palette ──────────────────────── */
-		'color_primary'     => '#004225',
-		'color_primary_dk'  => '#002E1A',
-		'color_primary_lt'  => '#E8F5E9',
+		'color_primary'     => '#D83302',
+		'color_primary_dk'  => '#A22702',
+		'color_primary_lt'  => '#FFF0EB',
 		'color_accent'      => '#4CAF50',
 		'color_accent_dk'   => '#388E3C',
 		'color_accent_lt'   => '#E8F5E9',
@@ -39,9 +39,9 @@ function oribi_get_theme_defaults() {
 		'color_bg_alt'      => '#F5F5F5',
 
 		/* ── Dark-mode colour palette ───────────────────────── */
-		'dark_primary'      => '#4CAF50',
-		'dark_primary_dk'   => '#004225',
-		'dark_primary_lt'   => 'rgba(0,66,37,0.15)',
+		'dark_primary'      => '#FF6B3D',
+		'dark_primary_dk'   => '#D83302',
+		'dark_primary_lt'   => 'rgba(216,51,2,0.15)',
 		'dark_accent'       => '#66BB6A',
 		'dark_accent_dk'    => '#4CAF50',
 		'dark_accent_lt'    => 'rgba(76,175,80,0.15)',
diff --git a/theme/inc/theme-settings.php b/theme/inc/theme-settings.php
index ccf732f..f4e4c10 100644
--- a/theme/inc/theme-settings.php
+++ b/theme/inc/theme-settings.php
@@ -636,7 +636,7 @@ document.addEventListener('DOMContentLoaded', function() {
 			if (heroText) heroText.style.color = 'rgba(255,255,255,.8)';
 		}
 		if (btnP) {
-			btnP.style.backgroundColor = get('oribi_color_primary') || '#004225';
+			btnP.style.backgroundColor = get('oribi_color_primary') || '#D83302';
 			btnP.style.borderRadius = (get('oribi_radius_sm') || '6') + 'px';
 		}
 		if (btnA) {
diff --git a/theme/theme.json b/theme/theme.json
index ca551c0..a560961 100644
--- a/theme/theme.json
+++ b/theme/theme.json
@@ -32,9 +32,9 @@
       "customDuotone": false,
       "customGradient": false,
       "palette": [
-        { "slug": "primary",    "color": "#004225", "name": "Primary" },
-        { "slug": "primary-dk", "color": "#002E1A", "name": "Primary Dark" },
-        { "slug": "primary-lt", "color": "#E8F5E9", "name": "Primary Light" },
+        { "slug": "primary",    "color": "#D83302", "name": "Primary" },
+        { "slug": "primary-dk", "color": "#A22702", "name": "Primary Dark" },
+        { "slug": "primary-lt", "color": "#FFF0EB", "name": "Primary Light" },
         { "slug": "accent",     "color": "#4CAF50", "name": "Accent" },
         { "slug": "accent-dk",  "color": "#388E3C", "name": "Accent Dark" },
         { "slug": "accent-lt",  "color": "#E8F5E9", "name": "Accent Light" },
@@ -85,9 +85,9 @@
     },
     "custom": {
       "dark": {
-        "primary":    "#4CAF50",
-        "primary-dk": "#004225",
-        "primary-lt": "rgba(0,66,37,0.15)",
+        "primary":    "#FF6B3D",
+        "primary-dk": "#D83302",
+        "primary-lt": "rgba(216,51,2,0.15)",
         "accent":     "#66BB6A",
         "accent-dk":  "#388E3C",
         "accent-lt":  "rgba(76,175,80,0.12)",

From 61a7070b0fd16b881a2421a1f667a9bff96ff1b7 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:33:53 -0500
Subject: [PATCH 15/87] Add branded display animation and custom display
 solutions to platform row

---
 pages/devices.php         |   2 +-
 theme/assets/css/main.css | 314 ++++++++++++++++++++++++++++++++++++++
 theme/blocks/index.php    |  70 +++++++++
 3 files changed, 385 insertions(+), 1 deletion(-)

diff --git a/pages/devices.php b/pages/devices.php
index 611dde1..9575a2b 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -12,7 +12,7 @@
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
 <!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","tvStick":true} /-->
 <!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Locked Down by Default","description":"Secure boot, encrypted storage, and encrypted communications come standard on every device. Remote management lets you monitor, update, and troubleshoot from anywhere. Firmware updates roll out over the air with zero downtime.","btnText":"Learn More","btnUrl":"/about"} /-->
+<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"What\u0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment.","columns":3} -->
diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 694e119..06cbf7f 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5011,3 +5011,317 @@ p:last-child { margin-bottom: 0; }
   .ngd-cloud__path  { stroke: #4CAF50; opacity: .8; }
   .ngd-signal__dots { opacity: 1; }
 }
+
+/* ═══════════════════════════════════════════════════════════
+   BRANDED DISPLAY ANIMATION  (.platform-visual.has-branded)
+   Sequence (8 s loop per screen, staggered by 0.5 s):
+     0 – 25 %  : Boot splash — logo fades in centred on dark screen
+     25 – 40 % : Transition  — logo shrinks to header, brand bar grows
+     40 – 90 % : Content     — UI blocks slide in beneath brand header
+     90 – 100% : Reset       — fade out, loop
+   ═══════════════════════════════════════════════════════════ */
+
+/* ── Wrapper overrides ─────────────────────────────────────── */
+.platform-visual.has-branded {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  position: relative;
+  font-size: inherit;
+}
+
+/* ── Stage ─────────────────────────────────────────────────── */
+.bd-stage {
+  position: relative;
+  width: 100%;
+  max-width: 420px;
+  aspect-ratio: 4/3;
+  margin: 0 auto;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 18px;
+}
+
+/* ── Shared device styles ─────────────────────────────────── */
+.bd-device {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+.bd-device__body {
+  background: #111;
+  border: 3px solid #111;
+  border-radius: 5px;
+  outline: 1px solid #000;
+  padding: 2px;
+  display: flex;
+  align-items: stretch;
+  position: relative;
+  box-shadow: 0 10px 32px rgba(0,0,0,.50);
+}
+.bd-device__screen {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  position: relative;
+  overflow: hidden;
+  background:
+    repeating-linear-gradient(
+      180deg,
+      transparent, transparent 3px,
+      rgba(0,0,0,.08) 3px, rgba(0,0,0,.08) 4px
+    ),
+    linear-gradient(135deg, #0c1016 0%, #151c28 60%, #0c1016 100%);
+}
+.bd-device__label {
+  font-size: 10px;
+  color: rgba(255,255,255,.45);
+  margin-top: 6px;
+  letter-spacing: .5px;
+  text-transform: uppercase;
+}
+
+/* ── Tablet (portrait kiosk) ──────────────────────────────── */
+.bd-device--tablet .bd-device__body {
+  width: 80px;
+  height: 120px;
+  border-radius: 8px;
+}
+.bd-device--tablet .bd-device__screen { border-radius: 4px; }
+.bd-device--tablet { animation-delay: 0s; }
+
+/* ── Wall display (wide landscape) ────────────────────────── */
+.bd-device--wall .bd-device__body {
+  width: 180px;
+  height: 108px;
+}
+.bd-mount {
+  width: 6px;
+  height: 18px;
+  background: #222;
+  margin-top: -1px;
+  border-radius: 0 0 2px 2px;
+}
+.bd-device--wall { animation-delay: 0.5s; }
+
+/* ── Monitor on stand ─────────────────────────────────────── */
+.bd-device--monitor .bd-device__body {
+  width: 120px;
+  height: 80px;
+}
+.bd-stand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: -1px;
+}
+.bd-stand__stem {
+  width: 6px;
+  height: 14px;
+  background: #222;
+}
+.bd-stand__base {
+  width: 36px;
+  height: 5px;
+  background: #222;
+  border-radius: 0 0 4px 4px;
+}
+.bd-device--monitor { animation-delay: 1s; }
+
+/* ── Boot splash overlay ──────────────────────────────────── */
+.bd-splash {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
+  animation: bd-splash 8s ease-in-out infinite;
+}
+.bd-device--wall .bd-splash { animation-delay: 0.5s; }
+.bd-device--monitor .bd-splash { animation-delay: 1s; }
+
+.bd-splash__logo {
+  width: 28px;
+  height: 28px;
+  background: #4CAF50;
+  border-radius: 6px;
+  box-shadow: 0 0 20px rgba(76,175,80,.5), 0 0 50px rgba(76,175,80,.15);
+  animation: bd-logo-pulse 8s ease-in-out infinite;
+}
+.bd-device--wall .bd-splash__logo {
+  width: 32px;
+  height: 32px;
+  animation-delay: 0.5s;
+}
+.bd-device--monitor .bd-splash__logo {
+  animation-delay: 1s;
+}
+
+/* ── Branded UI chrome ────────────────────────────────────── */
+.bd-ui {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  opacity: 0;
+  z-index: 1;
+  animation: bd-ui-show 8s ease-in-out infinite;
+}
+.bd-device--wall .bd-ui { animation-delay: 0.5s; }
+.bd-device--monitor .bd-ui { animation-delay: 1s; }
+
+/* Brand header bar */
+.bd-ui__header {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 5px;
+  background: rgba(76,175,80,.15);
+  border-bottom: 1px solid rgba(76,175,80,.25);
+  flex-shrink: 0;
+}
+.bd-ui__logo {
+  width: 10px;
+  height: 10px;
+  background: #4CAF50;
+  border-radius: 3px;
+  flex-shrink: 0;
+}
+.bd-ui__brand-bar {
+  flex: 1;
+  height: 4px;
+  background: rgba(76,175,80,.4);
+  border-radius: 2px;
+  max-width: 50px;
+  animation: bd-bar-grow 8s ease-in-out infinite;
+}
+.bd-device--wall .bd-ui__brand-bar { animation-delay: 0.5s; }
+.bd-device--monitor .bd-ui__brand-bar { animation-delay: 1s; }
+
+/* Content area */
+.bd-ui__content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 6px 5px;
+  animation: bd-content-slide 8s ease-in-out infinite;
+}
+.bd-device--wall .bd-ui__content { animation-delay: 0.5s; }
+.bd-device--monitor .bd-ui__content { animation-delay: 1s; }
+
+.bd-ui__block {
+  border-radius: 2px;
+}
+.bd-ui__block--txt {
+  height: 4px;
+  background: rgba(255,255,255,.18);
+}
+.bd-ui__block--short {
+  width: 60%;
+}
+.bd-ui__block--img {
+  flex: 1;
+  min-height: 16px;
+  background: linear-gradient(
+    135deg,
+    rgba(76,175,80,.10) 0%,
+    rgba(76,175,80,.05) 100%
+  );
+  border: 1px solid rgba(76,175,80,.12);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   KEYFRAMES  (8 s cycle)
+   ═══════════════════════════════════════════════════════════ */
+
+/* Splash: visible 0–30%, fades out 30–40%, hidden rest */
+@keyframes bd-splash {
+  0%        { opacity: 0; }
+  5%        { opacity: 1; }
+  25%       { opacity: 1; }
+  35%       { opacity: 0; }
+  100%      { opacity: 0; }
+}
+
+/* Logo pulse glow during splash */
+@keyframes bd-logo-pulse {
+  0%, 25%   { transform: scale(1); box-shadow: 0 0 20px rgba(76,175,80,.5), 0 0 50px rgba(76,175,80,.15); }
+  12%       { transform: scale(1.08); box-shadow: 0 0 28px rgba(76,175,80,.7), 0 0 60px rgba(76,175,80,.25); }
+  35%, 100% { transform: scale(0.6); opacity: 0; }
+}
+
+/* UI chrome: hidden 0–28%, fades in 28–38%, visible until 88%, fades out */
+@keyframes bd-ui-show {
+  0%, 28%   { opacity: 0; }
+  38%       { opacity: 1; }
+  88%       { opacity: 1; }
+  96%, 100% { opacity: 0; }
+}
+
+/* Brand bar grows in from 0 width */
+@keyframes bd-bar-grow {
+  0%, 30%    { transform: scaleX(0); transform-origin: left; }
+  42%        { transform: scaleX(1); transform-origin: left; }
+  88%        { transform: scaleX(1); }
+  96%, 100%  { transform: scaleX(0); }
+}
+
+/* Content blocks slide up into view */
+@keyframes bd-content-slide {
+  0%, 35%    { opacity: 0; transform: translateY(10px); }
+  48%        { opacity: 1; transform: translateY(0); }
+  88%        { opacity: 1; transform: translateY(0); }
+  96%, 100%  { opacity: 0; transform: translateY(4px); }
+}
+
+/* ── Scanline sweep (reuses da-scan) ───────────────────────── */
+.bd-device__screen::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background: linear-gradient(90deg, transparent, rgba(76,175,80,.18), transparent);
+  animation: da-scan 4s linear infinite;
+  pointer-events: none;
+  z-index: 3;
+}
+
+/* ── Responsive ─────────────────────────────────────────────── */
+@media (max-width: 900px) {
+  .bd-stage { max-width: 360px; gap: 12px; }
+  .bd-device--tablet .bd-device__body { width: 64px; height: 96px; }
+  .bd-device--wall .bd-device__body   { width: 148px; height: 88px; }
+  .bd-device--monitor .bd-device__body { width: 96px; height: 64px; }
+}
+@media (max-width: 640px) {
+  .bd-stage { max-width: 300px; gap: 8px; }
+  .bd-device--tablet .bd-device__body { width: 52px; height: 78px; }
+  .bd-device--wall .bd-device__body   { width: 120px; height: 72px; }
+  .bd-device--monitor .bd-device__body { width: 78px; height: 52px; }
+  .bd-device__label { font-size: 8px; }
+  .bd-stand__base { width: 28px; }
+}
+
+/* ── Reduced-motion overrides ───────────────────────────────── */
+@media (prefers-reduced-motion: reduce) {
+  .bd-splash,
+  .bd-splash__logo,
+  .bd-ui,
+  .bd-ui__brand-bar,
+  .bd-ui__content,
+  .bd-device__screen::after { animation: none !important; }
+  /* Static fallback: show branded UI */
+  .bd-splash { opacity: 0; }
+  .bd-ui     { opacity: 1; }
+  .bd-ui__brand-bar { transform: scaleX(1); }
+  .bd-ui__content   { opacity: 1; transform: translateY(0); }
+}
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 5c0fe05..71f8b65 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -557,6 +557,7 @@ add_action( 'init', function () {
             'tvStick'      => [ 'type' => 'boolean', 'default' => false ],
             'cameraAnim'   => [ 'type' => 'boolean', 'default' => false ],
             'neverGoesDark'=> [ 'type' => 'boolean', 'default' => false ],
+            'brandedAnim'  => [ 'type' => 'boolean', 'default' => false ],
         ],
         'supports'        => $block_supports,
         'render_callback' => 'oribi_render_platform_row',
@@ -1647,6 +1648,75 @@ function oribi_render_platform_row( $a ) {
 
         $visual_html = $ngd;
         $visual_cls  = 'platform-visual has-ngd';
+    } elseif ( ! empty( $a['brandedAnim'] ) ) {
+        /* ── Custom Display Solutions: branded screens cascade animation ── */
+        $bd  = '<div class="bd-stage" aria-hidden="true">';
+
+        /* ── Screen 1: Tablet (portrait kiosk) ── */
+        $bd .= '<div class="bd-device bd-device--tablet">';
+        $bd .=   '<div class="bd-device__body">';
+        $bd .=     '<div class="bd-device__screen">';
+        $bd .=       '<div class="bd-splash">';
+        $bd .=         '<div class="bd-splash__logo"></div>';
+        $bd .=       '</div>';
+        $bd .=       '<div class="bd-ui">';
+        $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
+        $bd .=         '<div class="bd-ui__content">';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
+        $bd .=         '</div>';
+        $bd .=       '</div>';
+        $bd .=     '</div>';
+        $bd .=   '</div>';
+        $bd .=   '<span class="bd-device__label">Kiosk</span>';
+        $bd .= '</div>';
+
+        /* ── Screen 2: Wide wall-mount (landscape) ── */
+        $bd .= '<div class="bd-device bd-device--wall">';
+        $bd .=   '<div class="bd-device__body">';
+        $bd .=     '<div class="bd-device__screen">';
+        $bd .=       '<div class="bd-splash">';
+        $bd .=         '<div class="bd-splash__logo"></div>';
+        $bd .=       '</div>';
+        $bd .=       '<div class="bd-ui">';
+        $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
+        $bd .=         '<div class="bd-ui__content">';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
+        $bd .=         '</div>';
+        $bd .=       '</div>';
+        $bd .=     '</div>';
+        $bd .=   '</div>';
+        $bd .=   '<div class="bd-mount"></div>';
+        $bd .=   '<span class="bd-device__label">Wall Display</span>';
+        $bd .= '</div>';
+
+        /* ── Screen 3: Monitor on stand ── */
+        $bd .= '<div class="bd-device bd-device--monitor">';
+        $bd .=   '<div class="bd-device__body">';
+        $bd .=     '<div class="bd-device__screen">';
+        $bd .=       '<div class="bd-splash">';
+        $bd .=         '<div class="bd-splash__logo"></div>';
+        $bd .=       '</div>';
+        $bd .=       '<div class="bd-ui">';
+        $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
+        $bd .=         '<div class="bd-ui__content">';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
+        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
+        $bd .=         '</div>';
+        $bd .=       '</div>';
+        $bd .=     '</div>';
+        $bd .=   '</div>';
+        $bd .=   '<div class="bd-stand"><div class="bd-stand__stem"></div><div class="bd-stand__base"></div></div>';
+        $bd .=   '<span class="bd-device__label">Reception</span>';
+        $bd .= '</div>';
+
+        $bd .= '</div>'; /* bd-stage */
+        $visual_html = $bd;
+        $visual_cls  = 'platform-visual has-branded';
     } elseif ( ! empty( $a['cameraAnim'] ) ) {
         $ca = '<div class="cam-stage" aria-hidden="true">';
 

From 624a5c2d4e47885683b0c2f8253626f0b383a861 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:37:23 -0500
Subject: [PATCH 16/87] Update platform row to include labels for interactive
 and wall display devices; adjust device types for clarity

---
 theme/assets/css/main.css | 57 +++++++++++++++++++--------------------
 theme/blocks/index.php    | 12 ++++-----
 2 files changed, 33 insertions(+), 36 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 06cbf7f..712eefa 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5081,9 +5081,10 @@ p:last-child { margin-bottom: 0; }
 .bd-device__label {
   font-size: 10px;
   color: rgba(255,255,255,.45);
-  margin-top: 6px;
+  margin-bottom: 6px;
   letter-spacing: .5px;
   text-transform: uppercase;
+  order: -1;
 }
 
 /* ── Tablet (portrait kiosk) ──────────────────────────────── */
@@ -5109,29 +5110,24 @@ p:last-child { margin-bottom: 0; }
 }
 .bd-device--wall { animation-delay: 0.5s; }
 
-/* ── Monitor on stand ─────────────────────────────────────── */
-.bd-device--monitor .bd-device__body {
-  width: 120px;
-  height: 80px;
+/* ── Interactive tablet on table ───────────────────────────── */
+.bd-device--interactive .bd-device__body {
+  width: 110px;
+  height: 74px;
+  border-radius: 6px;
+  transform: perspective(400px) rotateX(25deg);
+  transform-origin: bottom center;
 }
-.bd-stand {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: -1px;
+.bd-device--interactive .bd-device__screen { border-radius: 3px; }
+.bd-table {
+  width: 130px;
+  height: 8px;
+  background: linear-gradient(180deg, #2a2a2a, #1a1a1a);
+  border-radius: 3px;
+  margin-top: -2px;
+  box-shadow: 0 4px 12px rgba(0,0,0,.4);
 }
-.bd-stand__stem {
-  width: 6px;
-  height: 14px;
-  background: #222;
-}
-.bd-stand__base {
-  width: 36px;
-  height: 5px;
-  background: #222;
-  border-radius: 0 0 4px 4px;
-}
-.bd-device--monitor { animation-delay: 1s; }
+.bd-device--interactive { animation-delay: 1s; }
 
 /* ── Boot splash overlay ──────────────────────────────────── */
 .bd-splash {
@@ -5144,7 +5140,7 @@ p:last-child { margin-bottom: 0; }
   animation: bd-splash 8s ease-in-out infinite;
 }
 .bd-device--wall .bd-splash { animation-delay: 0.5s; }
-.bd-device--monitor .bd-splash { animation-delay: 1s; }
+.bd-device--interactive .bd-splash { animation-delay: 1s; }
 
 .bd-splash__logo {
   width: 28px;
@@ -5159,7 +5155,7 @@ p:last-child { margin-bottom: 0; }
   height: 32px;
   animation-delay: 0.5s;
 }
-.bd-device--monitor .bd-splash__logo {
+.bd-device--interactive .bd-splash__logo {
   animation-delay: 1s;
 }
 
@@ -5175,7 +5171,7 @@ p:last-child { margin-bottom: 0; }
   animation: bd-ui-show 8s ease-in-out infinite;
 }
 .bd-device--wall .bd-ui { animation-delay: 0.5s; }
-.bd-device--monitor .bd-ui { animation-delay: 1s; }
+.bd-device--interactive .bd-ui { animation-delay: 1s; }
 
 /* Brand header bar */
 .bd-ui__header {
@@ -5203,7 +5199,7 @@ p:last-child { margin-bottom: 0; }
   animation: bd-bar-grow 8s ease-in-out infinite;
 }
 .bd-device--wall .bd-ui__brand-bar { animation-delay: 0.5s; }
-.bd-device--monitor .bd-ui__brand-bar { animation-delay: 1s; }
+.bd-device--interactive .bd-ui__brand-bar { animation-delay: 1s; }
 
 /* Content area */
 .bd-ui__content {
@@ -5215,7 +5211,7 @@ p:last-child { margin-bottom: 0; }
   animation: bd-content-slide 8s ease-in-out infinite;
 }
 .bd-device--wall .bd-ui__content { animation-delay: 0.5s; }
-.bd-device--monitor .bd-ui__content { animation-delay: 1s; }
+.bd-device--interactive .bd-ui__content { animation-delay: 1s; }
 
 .bd-ui__block {
   border-radius: 2px;
@@ -5300,15 +5296,16 @@ p:last-child { margin-bottom: 0; }
   .bd-stage { max-width: 360px; gap: 12px; }
   .bd-device--tablet .bd-device__body { width: 64px; height: 96px; }
   .bd-device--wall .bd-device__body   { width: 148px; height: 88px; }
-  .bd-device--monitor .bd-device__body { width: 96px; height: 64px; }
+  .bd-device--interactive .bd-device__body { width: 88px; height: 58px; }
+  .bd-table { width: 104px; }
 }
 @media (max-width: 640px) {
   .bd-stage { max-width: 300px; gap: 8px; }
   .bd-device--tablet .bd-device__body { width: 52px; height: 78px; }
   .bd-device--wall .bd-device__body   { width: 120px; height: 72px; }
-  .bd-device--monitor .bd-device__body { width: 78px; height: 52px; }
+  .bd-device--interactive .bd-device__body { width: 72px; height: 48px; }
   .bd-device__label { font-size: 8px; }
-  .bd-stand__base { width: 28px; }
+  .bd-table { width: 86px; height: 6px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 71f8b65..3afd596 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1654,6 +1654,7 @@ function oribi_render_platform_row( $a ) {
 
         /* ── Screen 1: Tablet (portrait kiosk) ── */
         $bd .= '<div class="bd-device bd-device--tablet">';
+        $bd .=   '<span class="bd-device__label">Kiosk</span>';
         $bd .=   '<div class="bd-device__body">';
         $bd .=     '<div class="bd-device__screen">';
         $bd .=       '<div class="bd-splash">';
@@ -1669,11 +1670,11 @@ function oribi_render_platform_row( $a ) {
         $bd .=       '</div>';
         $bd .=     '</div>';
         $bd .=   '</div>';
-        $bd .=   '<span class="bd-device__label">Kiosk</span>';
         $bd .= '</div>';
 
         /* ── Screen 2: Wide wall-mount (landscape) ── */
         $bd .= '<div class="bd-device bd-device--wall">';
+        $bd .=   '<span class="bd-device__label">Wall Display</span>';
         $bd .=   '<div class="bd-device__body">';
         $bd .=     '<div class="bd-device__screen">';
         $bd .=       '<div class="bd-splash">';
@@ -1690,11 +1691,11 @@ function oribi_render_platform_row( $a ) {
         $bd .=     '</div>';
         $bd .=   '</div>';
         $bd .=   '<div class="bd-mount"></div>';
-        $bd .=   '<span class="bd-device__label">Wall Display</span>';
         $bd .= '</div>';
 
-        /* ── Screen 3: Monitor on stand ── */
-        $bd .= '<div class="bd-device bd-device--monitor">';
+        /* ── Screen 3: Interactive tablet on table ── */
+        $bd .= '<div class="bd-device bd-device--interactive">';
+        $bd .=   '<span class="bd-device__label">Interactive</span>';
         $bd .=   '<div class="bd-device__body">';
         $bd .=     '<div class="bd-device__screen">';
         $bd .=       '<div class="bd-splash">';
@@ -1710,8 +1711,7 @@ function oribi_render_platform_row( $a ) {
         $bd .=       '</div>';
         $bd .=     '</div>';
         $bd .=   '</div>';
-        $bd .=   '<div class="bd-stand"><div class="bd-stand__stem"></div><div class="bd-stand__base"></div></div>';
-        $bd .=   '<span class="bd-device__label">Reception</span>';
+        $bd .=   '<div class="bd-table"></div>';
         $bd .= '</div>';
 
         $bd .= '</div>'; /* bd-stage */

From 75588a515157863966e3e4bece584d1ac40031f5 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:43:07 -0500
Subject: [PATCH 17/87] Refactor platform row to implement promotional content
 layouts for welcome, sale, and menu displays

---
 theme/assets/css/main.css | 144 ++++++++++++++++++++++++++++++++------
 theme/blocks/index.php    |  36 +++++++---
 2 files changed, 149 insertions(+), 31 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 712eefa..e7d82e2 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5070,13 +5070,7 @@ p:last-child { margin-bottom: 0; }
   border-radius: 2px;
   position: relative;
   overflow: hidden;
-  background:
-    repeating-linear-gradient(
-      180deg,
-      transparent, transparent 3px,
-      rgba(0,0,0,.08) 3px, rgba(0,0,0,.08) 4px
-    ),
-    linear-gradient(135deg, #0c1016 0%, #151c28 60%, #0c1016 100%);
+  background: linear-gradient(135deg, #0c1016 0%, #151c28 60%, #0c1016 100%);
 }
 .bd-device__label {
   font-size: 10px;
@@ -5234,6 +5228,126 @@ p:last-child { margin-bottom: 0; }
   border: 1px solid rgba(76,175,80,.12);
 }
 
+/* ── Promotional content layouts ─────────────────────── */
+.bd-promo {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+
+/* ── Kiosk: Welcome / check-in screen ── */
+.bd-promo--welcome {
+  align-items: center;
+  text-align: center;
+  gap: 4px;
+}
+.bd-promo__hero {
+  width: 100%;
+  flex: 1;
+  min-height: 28px;
+  background: linear-gradient(135deg, rgba(76,175,80,.18) 0%, rgba(76,175,80,.06) 100%);
+  border-radius: 2px;
+}
+.bd-promo__heading {
+  width: 70%;
+  height: 5px;
+  background: rgba(255,255,255,.3);
+  border-radius: 1px;
+}
+.bd-promo__text {
+  width: 85%;
+  height: 3px;
+  background: rgba(255,255,255,.14);
+  border-radius: 1px;
+}
+.bd-promo__btn {
+  width: 45%;
+  height: 8px;
+  background: #4CAF50;
+  border-radius: 3px;
+  margin-top: 2px;
+}
+
+/* ── Wall display: Sale / featured product ── */
+.bd-promo--sale {
+  gap: 0;
+}
+.bd-promo__cols {
+  display: flex;
+  gap: 5px;
+  flex: 1;
+}
+.bd-promo__visual {
+  flex: 1;
+  background: linear-gradient(160deg, rgba(76,175,80,.20) 0%, rgba(76,175,80,.06) 100%);
+  border-radius: 2px;
+  min-height: 24px;
+}
+.bd-promo__info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  justify-content: center;
+}
+.bd-promo__badge {
+  width: 28px;
+  height: 6px;
+  background: rgba(239,68,68,.7);
+  border-radius: 2px;
+}
+.bd-promo--sale .bd-promo__heading {
+  width: 90%;
+  height: 4px;
+}
+.bd-promo--sale .bd-promo__text {
+  width: 100%;
+  height: 3px;
+}
+.bd-promo__text--short {
+  width: 65% !important;
+}
+.bd-promo__price {
+  width: 36px;
+  height: 6px;
+  background: rgba(255,200,80,.6);
+  border-radius: 1px;
+  margin-top: 1px;
+}
+
+/* ── Interactive: Touch menu / category grid ── */
+.bd-promo--menu {
+  gap: 3px;
+}
+.bd-promo--menu .bd-promo__heading {
+  width: 55%;
+  height: 4px;
+}
+.bd-promo__grid {
+  flex: 1;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 3px;
+}
+.bd-promo__tile {
+  background: rgba(255,255,255,.06);
+  border-radius: 2px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.bd-promo__tile-img {
+  flex: 1;
+  background: linear-gradient(135deg, rgba(76,175,80,.14) 0%, rgba(76,175,80,.04) 100%);
+}
+.bd-promo__tile-lbl {
+  height: 4px;
+  margin: 2px 3px;
+  background: rgba(255,255,255,.18);
+  border-radius: 1px;
+}
+
 /* ═══════════════════════════════════════════════════════════
    KEYFRAMES  (8 s cycle)
    ═══════════════════════════════════════════════════════════ */
@@ -5278,19 +5392,6 @@ p:last-child { margin-bottom: 0; }
   96%, 100%  { opacity: 0; transform: translateY(4px); }
 }
 
-/* ── Scanline sweep (reuses da-scan) ───────────────────────── */
-.bd-device__screen::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  background: linear-gradient(90deg, transparent, rgba(76,175,80,.18), transparent);
-  animation: da-scan 4s linear infinite;
-  pointer-events: none;
-  z-index: 3;
-}
-
 /* ── Responsive ─────────────────────────────────────────────── */
 @media (max-width: 900px) {
   .bd-stage { max-width: 360px; gap: 12px; }
@@ -5314,8 +5415,7 @@ p:last-child { margin-bottom: 0; }
   .bd-splash__logo,
   .bd-ui,
   .bd-ui__brand-bar,
-  .bd-ui__content,
-  .bd-device__screen::after { animation: none !important; }
+  .bd-ui__content { animation: none !important; }
   /* Static fallback: show branded UI */
   .bd-splash { opacity: 0; }
   .bd-ui     { opacity: 1; }
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 3afd596..c9e597c 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1663,9 +1663,12 @@ function oribi_render_platform_row( $a ) {
         $bd .=       '<div class="bd-ui">';
         $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
         $bd .=         '<div class="bd-ui__content">';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
+        $bd .=           '<div class="bd-promo bd-promo--welcome">';
+        $bd .=             '<div class="bd-promo__hero"></div>';
+        $bd .=             '<div class="bd-promo__heading"></div>';
+        $bd .=             '<div class="bd-promo__text"></div>';
+        $bd .=             '<div class="bd-promo__btn"></div>';
+        $bd .=           '</div>';
         $bd .=         '</div>';
         $bd .=       '</div>';
         $bd .=     '</div>';
@@ -1683,9 +1686,18 @@ function oribi_render_platform_row( $a ) {
         $bd .=       '<div class="bd-ui">';
         $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
         $bd .=         '<div class="bd-ui__content">';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
+        $bd .=           '<div class="bd-promo bd-promo--sale">';
+        $bd .=             '<div class="bd-promo__cols">';
+        $bd .=               '<div class="bd-promo__visual"></div>';
+        $bd .=               '<div class="bd-promo__info">';
+        $bd .=                 '<div class="bd-promo__badge"></div>';
+        $bd .=                 '<div class="bd-promo__heading"></div>';
+        $bd .=                 '<div class="bd-promo__text"></div>';
+        $bd .=                 '<div class="bd-promo__text bd-promo__text--short"></div>';
+        $bd .=                 '<div class="bd-promo__price"></div>';
+        $bd .=               '</div>';
+        $bd .=             '</div>';
+        $bd .=           '</div>';
         $bd .=         '</div>';
         $bd .=       '</div>';
         $bd .=     '</div>';
@@ -1704,9 +1716,15 @@ function oribi_render_platform_row( $a ) {
         $bd .=       '<div class="bd-ui">';
         $bd .=         '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
         $bd .=         '<div class="bd-ui__content">';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--txt bd-ui__block--short"></div>';
-        $bd .=           '<div class="bd-ui__block bd-ui__block--img"></div>';
+        $bd .=           '<div class="bd-promo bd-promo--menu">';
+        $bd .=             '<div class="bd-promo__heading"></div>';
+        $bd .=             '<div class="bd-promo__grid">';
+        $bd .=               '<div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div>';
+        $bd .=               '<div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div>';
+        $bd .=               '<div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div>';
+        $bd .=               '<div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div>';
+        $bd .=             '</div>';
+        $bd .=           '</div>';
         $bd .=         '</div>';
         $bd .=       '</div>';
         $bd .=     '</div>';

From 82a2dacbefc5f79a1cb64d29bc7589e2afb87b42 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:46:21 -0500
Subject: [PATCH 18/87] Refactor splash and promotional elements to use CSS
 variables for primary color

---
 theme/assets/css/main.css | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index e7d82e2..a561889 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5139,9 +5139,9 @@ p:last-child { margin-bottom: 0; }
 .bd-splash__logo {
   width: 28px;
   height: 28px;
-  background: #4CAF50;
+  background: var(--color-primary);
   border-radius: 6px;
-  box-shadow: 0 0 20px rgba(76,175,80,.5), 0 0 50px rgba(76,175,80,.15);
+  box-shadow: 0 0 20px rgba(var(--color-primary-rgb),.5), 0 0 50px rgba(var(--color-primary-rgb),.15);
   animation: bd-logo-pulse 8s ease-in-out infinite;
 }
 .bd-device--wall .bd-splash__logo {
@@ -5173,21 +5173,21 @@ p:last-child { margin-bottom: 0; }
   align-items: center;
   gap: 4px;
   padding: 4px 5px;
-  background: rgba(76,175,80,.15);
-  border-bottom: 1px solid rgba(76,175,80,.25);
+  background: rgba(var(--color-primary-rgb),.15);
+  border-bottom: 1px solid rgba(var(--color-primary-rgb),.25);
   flex-shrink: 0;
 }
 .bd-ui__logo {
   width: 10px;
   height: 10px;
-  background: #4CAF50;
+  background: var(--color-primary);
   border-radius: 3px;
   flex-shrink: 0;
 }
 .bd-ui__brand-bar {
   flex: 1;
   height: 4px;
-  background: rgba(76,175,80,.4);
+  background: rgba(var(--color-primary-rgb),.4);
   border-radius: 2px;
   max-width: 50px;
   animation: bd-bar-grow 8s ease-in-out infinite;
@@ -5222,10 +5222,10 @@ p:last-child { margin-bottom: 0; }
   min-height: 16px;
   background: linear-gradient(
     135deg,
-    rgba(76,175,80,.10) 0%,
-    rgba(76,175,80,.05) 100%
+    rgba(var(--color-primary-rgb),.10) 0%,
+    rgba(var(--color-primary-rgb),.05) 100%
   );
-  border: 1px solid rgba(76,175,80,.12);
+  border: 1px solid rgba(var(--color-primary-rgb),.12);
 }
 
 /* ── Promotional content layouts ─────────────────────── */
@@ -5246,7 +5246,7 @@ p:last-child { margin-bottom: 0; }
   width: 100%;
   flex: 1;
   min-height: 28px;
-  background: linear-gradient(135deg, rgba(76,175,80,.18) 0%, rgba(76,175,80,.06) 100%);
+  background: linear-gradient(135deg, rgba(var(--color-primary-rgb),.18) 0%, rgba(var(--color-primary-rgb),.06) 100%);
   border-radius: 2px;
 }
 .bd-promo__heading {
@@ -5264,7 +5264,7 @@ p:last-child { margin-bottom: 0; }
 .bd-promo__btn {
   width: 45%;
   height: 8px;
-  background: #4CAF50;
+  background: var(--color-primary);
   border-radius: 3px;
   margin-top: 2px;
 }
@@ -5280,7 +5280,7 @@ p:last-child { margin-bottom: 0; }
 }
 .bd-promo__visual {
   flex: 1;
-  background: linear-gradient(160deg, rgba(76,175,80,.20) 0%, rgba(76,175,80,.06) 100%);
+  background: linear-gradient(160deg, rgba(var(--color-primary-rgb),.20) 0%, rgba(var(--color-primary-rgb),.06) 100%);
   border-radius: 2px;
   min-height: 24px;
 }
@@ -5339,7 +5339,7 @@ p:last-child { margin-bottom: 0; }
 }
 .bd-promo__tile-img {
   flex: 1;
-  background: linear-gradient(135deg, rgba(76,175,80,.14) 0%, rgba(76,175,80,.04) 100%);
+  background: linear-gradient(135deg, rgba(var(--color-primary-rgb),.14) 0%, rgba(var(--color-primary-rgb),.04) 100%);
 }
 .bd-promo__tile-lbl {
   height: 4px;
@@ -5363,8 +5363,8 @@ p:last-child { margin-bottom: 0; }
 
 /* Logo pulse glow during splash */
 @keyframes bd-logo-pulse {
-  0%, 25%   { transform: scale(1); box-shadow: 0 0 20px rgba(76,175,80,.5), 0 0 50px rgba(76,175,80,.15); }
-  12%       { transform: scale(1.08); box-shadow: 0 0 28px rgba(76,175,80,.7), 0 0 60px rgba(76,175,80,.25); }
+  0%, 25%   { transform: scale(1); box-shadow: 0 0 20px rgba(var(--color-primary-rgb),.5), 0 0 50px rgba(var(--color-primary-rgb),.15); }
+  12%       { transform: scale(1.08); box-shadow: 0 0 28px rgba(var(--color-primary-rgb),.7), 0 0 60px rgba(var(--color-primary-rgb),.25); }
   35%, 100% { transform: scale(0.6); opacity: 0; }
 }
 

From 2edbf9732b37c32180f5506b0c2a57fbd98e3a84 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 13:59:57 -0500
Subject: [PATCH 19/87] Add industry mockup animator script for solutions page

- Enqueued new script `industry-animator.js` for animated device mockups.
- Implemented animation logic for various industries including hospitality, retail, corporate, education, outdoor, and live data displays.
- Utilized IntersectionObserver for performance optimization by pausing animations when off-screen.
---
 pages/solutions.php                  |  12 +-
 theme/assets/css/main.css            | 106 ++++++
 theme/assets/js/industry-animator.js | 385 +++++++++++++++++++++
 theme/blocks/index.php               | 477 +++++++++++++++++++++++++++
 theme/inc/enqueue.php                |   9 +
 5 files changed, 983 insertions(+), 6 deletions(-)
 create mode 100644 theme/assets/js/industry-animator.js

diff --git a/pages/solutions.php b/pages/solutions.php
index a88c6ab..b2b5c97 100644
--- a/pages/solutions.php
+++ b/pages/solutions.php
@@ -10,12 +10,12 @@
 <!-- wp:oribi/page-hero-animated {"label":"Industry Solutions","title":"Built for the Way You Work","description":"Every industry communicates differently. Our platform adapts to your environment — whether that's a hotel lobby, a shop floor, a boardroom, or a lecture hall."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Industries We Serve","heading":"One Platform, Tailored to Your Sector","lead":"We've worked with businesses across six key industries. Here's how our platform fits into each one."} -->
-<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact"} /-->
-<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnText":"Learn More","btnUrl":"/features"} /-->
-<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
-<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact","industryHospitality":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true,"industryRetail":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnText":"Learn More","btnUrl":"/features","industryCorporate":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true,"industryEducation":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact","industryOutdoor":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true,"industryLiveData":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/stat-section {"variant":"alt","label":"By the Numbers","heading":"The Results Speak for Themselves","lead":"Businesses that invest in digital signage see measurable returns across every metric that matters.","columns":4} -->
diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index a561889..6347abb 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5422,3 +5422,109 @@ p:last-child { margin-bottom: 0; }
   .bd-ui__brand-bar { transform: scaleX(1); }
   .bd-ui__content   { opacity: 1; transform: translateY(0); }
 }
+
+/* ═══════════════════════════════════════════════════════════════
+   INDUSTRY MOCKUP ANIMATIONS  (.platform-visual.has-industry)
+   ═══════════════════════════════════════════════════════════════ */
+
+.platform-visual.has-industry {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  box-shadow: none;
+  font-size: inherit;
+}
+
+.ind-stage {
+  width: 100%;
+  max-width: 480px;
+  margin: 0 auto;
+}
+.ind-stage svg {
+  width: 100%;
+  height: auto;
+  display: block;
+  border-radius: var(--radius-md);
+  box-shadow: 0 8px 32px rgba(0,0,0,.3);
+}
+
+/* Subtle glow around active screens */
+.ind-stage svg rect[fill="#1c2333"] {
+  transition: filter .6s ease;
+}
+
+/* Animated content transitions */
+.ind-menu-price,
+.ind-sale-tag,
+.ind-footfall-val,
+.ind-kpi-val,
+.ind-meet-status,
+.ind-alert-text,
+.ind-weather-icon,
+.ind-weather-temp,
+.ind-busy-label,
+.ind-ld-val,
+.ind-ld-alert-text {
+  transition: opacity .3s ease;
+}
+
+.ind-menu-bar,
+.ind-rev-bar,
+.ind-vendor-bar,
+.ind-ld-bar {
+  transition: height .4s ease, y .4s ease;
+}
+
+.ind-product-slot {
+  transition: stroke-width .3s ease;
+}
+
+.ind-sched-slot {
+  transition: opacity .4s ease, stroke .3s ease;
+}
+
+.ind-wf-dot {
+  transition: opacity .5s ease;
+}
+
+.ind-alert-bar {
+  transition: opacity .4s ease;
+}
+
+.ind-meet-dot,
+.ind-busy-dot,
+.ind-ld-alert {
+  transition: fill .4s ease;
+}
+
+.ind-corp-line,
+.ind-ld-line {
+  transition: d .3s ease;
+}
+
+.ind-ld-pie {
+  transition: d .4s ease;
+}
+
+/* ── Reduced-motion overrides for industry animations ── */
+@media (prefers-reduced-motion: reduce) {
+  .ind-menu-bar,
+  .ind-rev-bar,
+  .ind-vendor-bar,
+  .ind-ld-bar,
+  .ind-product-slot,
+  .ind-sched-slot,
+  .ind-wf-dot,
+  .ind-alert-bar,
+  .ind-corp-line,
+  .ind-ld-line,
+  .ind-ld-pie,
+  .ind-meet-dot,
+  .ind-busy-dot,
+  .ind-ld-alert {
+    transition: none !important;
+  }
+}
diff --git a/theme/assets/js/industry-animator.js b/theme/assets/js/industry-animator.js
new file mode 100644
index 0000000..214dc18
--- /dev/null
+++ b/theme/assets/js/industry-animator.js
@@ -0,0 +1,385 @@
+/**
+ * Industry Mockup Animator
+ * Animates SVG environment mockups for each industry on the solutions page.
+ * Each mockup shows devices in real-world use with animated screen content.
+ * Pauses off-screen via IntersectionObserver for performance.
+ */
+(function () {
+  'use strict';
+
+  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+
+  var SPEED = 0.0018;
+
+  /* ── Utility ────────────────────────────────────────────── */
+  function wave(t, off) {
+    return Math.max(0, Math.min(1,
+      0.55 + Math.sin(t + off) * 0.25 + Math.sin(t * 1.8 + off * 1.3) * 0.15
+    ));
+  }
+
+  function lerp(a, b, t) { return a + (b - a) * t; }
+
+  function isDark() {
+    return document.documentElement.getAttribute('data-theme') === 'dark';
+  }
+
+  /* ── Hospitality ────────────────────────────────────────── */
+  function initHospitality(svg, st) {
+    st.menuPrices  = svg.querySelectorAll('.ind-menu-price');
+    st.menuBars    = svg.querySelectorAll('.ind-menu-bar');
+    st.promoBanner = svg.querySelector('.ind-promo-text');
+    st.promoPhase  = 0;
+    st.promos      = ['HAPPY HOUR 5-7PM', 'NEW: SUMMER MENU', '20% OFF DESSERTS', 'LIVE MUSIC FRI'];
+  }
+
+  function tickHospitality(st) {
+    // Animate menu prices (shimmer)
+    for (var i = 0; i < st.menuPrices.length; i++) {
+      var v = wave(st.phase, i * 1.4);
+      var price = (5 + Math.round(v * 20)).toFixed(2);
+      st.menuPrices[i].textContent = '$' + price;
+    }
+    // Animate popularity bars
+    for (var j = 0; j < st.menuBars.length; j++) {
+      var bv = wave(st.phase * 0.6, j * 1.8);
+      st.menuBars[j].setAttribute('width', Math.round(bv * 50 + 10));
+    }
+    // Cycle promo banner
+    st.promoPhase += SPEED * 0.3;
+    if (st.promoPhase > 1) {
+      st.promoPhase = 0;
+      if (st.promoBanner) {
+        var idx = Math.floor(Math.random() * st.promos.length);
+        st.promoBanner.textContent = st.promos[idx];
+      }
+    }
+  }
+
+  /* ── Retail ─────────────────────────────────────────────── */
+  function initRetail(svg, st) {
+    st.saleTags     = svg.querySelectorAll('.ind-sale-tag');
+    st.footfall     = svg.querySelector('.ind-footfall-val');
+    st.revBars      = svg.querySelectorAll('.ind-rev-bar');
+    st.productSlots = svg.querySelectorAll('.ind-product-slot');
+    st.productPhase = 0;
+  }
+
+  function tickRetail(st) {
+    // Sale tags pulse opacity
+    for (var i = 0; i < st.saleTags.length; i++) {
+      var op = 0.5 + wave(st.phase * 1.2, i * 2.0) * 0.5;
+      st.saleTags[i].setAttribute('opacity', op.toFixed(2));
+    }
+    // Footfall counter
+    if (st.footfall) {
+      var count = Math.round(wave(st.phase * 0.3, 0) * 450 + 50);
+      st.footfall.textContent = count;
+    }
+    // Revenue bars
+    for (var j = 0; j < st.revBars.length; j++) {
+      var rv = wave(st.phase * 0.5, j * 1.5);
+      var h = Math.round(rv * 35 + 5);
+      st.revBars[j].setAttribute('height', h);
+      st.revBars[j].setAttribute('y', 40 - h);
+    }
+    // Product slots cycle highlight
+    st.productPhase += SPEED * 0.15;
+    if (st.productPhase > 1) {
+      st.productPhase = 0;
+      var active = Math.floor(Math.random() * st.productSlots.length);
+      for (var k = 0; k < st.productSlots.length; k++) {
+        st.productSlots[k].setAttribute('stroke-width', k === active ? '2' : '0');
+      }
+    }
+  }
+
+  /* ── Corporate ──────────────────────────────────────────── */
+  function initCorporate(svg, st) {
+    st.kpiVals    = svg.querySelectorAll('.ind-kpi-val');
+    st.kpiArrows  = svg.querySelectorAll('.ind-kpi-arrow');
+    st.meetStatus = svg.querySelector('.ind-meet-status');
+    st.meetDot    = svg.querySelector('.ind-meet-dot');
+    st.meetPhase  = 0;
+    st.statuses   = ['Available', 'In Meeting', 'Reserved 2:30', 'Available'];
+    st.statusIdx  = 0;
+    st.linePath   = svg.querySelector('.ind-corp-line');
+    st.lineW      = 140;
+    st.linePts    = 6;
+  }
+
+  function tickCorporate(st) {
+    // KPI counters
+    for (var i = 0; i < st.kpiVals.length; i++) {
+      var kv = wave(st.phase * 0.6, i * 2.2);
+      var vals = [
+        Math.round(kv * 98) + '%',
+        Math.round(kv * 340 + 60),
+        Math.round(kv * 50 + 10) + 'ms'
+      ];
+      if (vals[i]) st.kpiVals[i].textContent = vals[i];
+    }
+    // KPI arrows
+    for (var j = 0; j < st.kpiArrows.length; j++) {
+      var up = wave(st.phase * 0.6, j * 2.2) > 0.5;
+      st.kpiArrows[j].setAttribute('transform',
+        up ? 'rotate(0)' : 'rotate(180)');
+      st.kpiArrows[j].setAttribute('fill', up ? '#4CAF50' : '#ef4444');
+    }
+    // Meeting room status cycle
+    st.meetPhase += SPEED * 0.15;
+    if (st.meetPhase > 1) {
+      st.meetPhase = 0;
+      st.statusIdx = (st.statusIdx + 1) % st.statuses.length;
+      if (st.meetStatus) st.meetStatus.textContent = st.statuses[st.statusIdx];
+      if (st.meetDot) {
+        st.meetDot.setAttribute('fill',
+          st.statusIdx === 1 ? '#ef4444' : st.statusIdx === 2 ? '#f59e0b' : '#4CAF50');
+      }
+    }
+    // Line chart
+    if (st.linePath) {
+      var d = 'M';
+      for (var p = 0; p < st.linePts; p++) {
+        var x = (p / (st.linePts - 1)) * st.lineW;
+        var y = 10 + (1 - wave(st.phase * 0.8, p * 0.9)) * 30;
+        d += (p ? ' L' : '') + x.toFixed(1) + ',' + y.toFixed(1);
+      }
+      st.linePath.setAttribute('d', d);
+    }
+  }
+
+  /* ── Education ──────────────────────────────────────────── */
+  function initEducation(svg, st) {
+    st.schedSlots  = svg.querySelectorAll('.ind-sched-slot');
+    st.alertBar    = svg.querySelector('.ind-alert-bar');
+    st.alertText   = svg.querySelector('.ind-alert-text');
+    st.alertPhase  = 0;
+    st.alerts      = ['Fire Drill 2:00 PM', 'Early Dismissal Fri', 'Gym Closed Today', 'Bus 12 Delayed'];
+    st.alertIdx    = 0;
+    st.wayfindDots = svg.querySelectorAll('.ind-wf-dot');
+    st.wfActive    = 0;
+    st.wfPhase     = 0;
+  }
+
+  function tickEducation(st) {
+    // Schedule slots pulse (current class highlight)
+    for (var i = 0; i < st.schedSlots.length; i++) {
+      var isCurrent = (Math.floor(st.phase * 0.3) % st.schedSlots.length) === i;
+      st.schedSlots[i].setAttribute('opacity', isCurrent ? '1' : '0.5');
+      st.schedSlots[i].setAttribute('stroke', isCurrent ? '#D83302' : 'none');
+      st.schedSlots[i].setAttribute('stroke-width', isCurrent ? '1.5' : '0');
+    }
+    // Alert banner cycle
+    st.alertPhase += SPEED * 0.12;
+    if (st.alertPhase > 1) {
+      st.alertPhase = 0;
+      st.alertIdx = (st.alertIdx + 1) % st.alerts.length;
+      if (st.alertText) st.alertText.textContent = st.alerts[st.alertIdx];
+    }
+    // Alert bar pulse
+    if (st.alertBar) {
+      var ap = 0.6 + Math.sin(st.phase * 2) * 0.4;
+      st.alertBar.setAttribute('opacity', ap.toFixed(2));
+    }
+    // Wayfinding dot sequence
+    st.wfPhase += SPEED * 0.2;
+    if (st.wfPhase > 1) {
+      st.wfPhase = 0;
+      st.wfActive = (st.wfActive + 1) % Math.max(st.wayfindDots.length, 1);
+    }
+    for (var w = 0; w < st.wayfindDots.length; w++) {
+      st.wayfindDots[w].setAttribute('opacity', w === st.wfActive ? '1' : '0.2');
+    }
+  }
+
+  /* ── Outdoor Marketplace ────────────────────────────────── */
+  function initOutdoor(svg, st) {
+    st.weatherIcon  = svg.querySelector('.ind-weather-icon');
+    st.weatherTemp  = svg.querySelector('.ind-weather-temp');
+    st.weatherPhase = 0;
+    st.weathers     = [
+      { icon: '\u2600', temp: '24°C' },
+      { icon: '\u26C5', temp: '19°C' },
+      { icon: '\u2601', temp: '16°C' },
+      { icon: '\u2600', temp: '22°C' }
+    ];
+    st.weatherIdx  = 0;
+    st.vendorBars  = svg.querySelectorAll('.ind-vendor-bar');
+    st.busyDot     = svg.querySelector('.ind-busy-dot');
+    st.busyLabel   = svg.querySelector('.ind-busy-label');
+  }
+
+  function tickOutdoor(st) {
+    // Weather cycle
+    st.weatherPhase += SPEED * 0.1;
+    if (st.weatherPhase > 1) {
+      st.weatherPhase = 0;
+      st.weatherIdx = (st.weatherIdx + 1) % st.weathers.length;
+      var w = st.weathers[st.weatherIdx];
+      if (st.weatherIcon) st.weatherIcon.textContent = w.icon;
+      if (st.weatherTemp) st.weatherTemp.textContent = w.temp;
+    }
+    // Vendor activity bars
+    for (var i = 0; i < st.vendorBars.length; i++) {
+      var bv = wave(st.phase * 0.5, i * 1.6);
+      var h = Math.round(bv * 25 + 3);
+      st.vendorBars[i].setAttribute('height', h);
+      st.vendorBars[i].setAttribute('y', 28 - h);
+    }
+    // Busy indicator pulse
+    if (st.busyDot) {
+      var busy = wave(st.phase * 0.3, 0) > 0.6;
+      st.busyDot.setAttribute('fill', busy ? '#ef4444' : '#4CAF50');
+      if (st.busyLabel) st.busyLabel.textContent = busy ? 'Busy' : 'Quiet';
+    }
+  }
+
+  /* ── Live Data Displays ─────────────────────────────────── */
+  function initLiveData(svg, st) {
+    st.ldBars      = svg.querySelectorAll('.ind-ld-bar');
+    st.ldVals      = svg.querySelectorAll('.ind-ld-val');
+    st.ldLine      = svg.querySelector('.ind-ld-line');
+    st.ldLineW     = 110;
+    st.ldLinePts   = 8;
+    st.ldPieSegs   = svg.querySelectorAll('.ind-ld-pie');
+    st.ldPieR      = 22;
+    st.ldAlertDot  = svg.querySelector('.ind-ld-alert');
+    st.ldAlertText = svg.querySelector('.ind-ld-alert-text');
+    st.ldAlertPhase = 0;
+    st.ldAlerts     = ['All Systems OK', 'CPU: 72%', 'Latency: 12ms', 'Queue: 340'];
+    st.ldAlertIdx   = 0;
+  }
+
+  function tickLiveData(st) {
+    // Bars animate
+    for (var i = 0; i < st.ldBars.length; i++) {
+      var bv = wave(st.phase, i * 1.1);
+      var h = Math.round(bv * 30 + 5);
+      st.ldBars[i].setAttribute('height', h);
+      st.ldBars[i].setAttribute('y', 35 - h);
+    }
+    // Values update
+    for (var v = 0; v < st.ldVals.length; v++) {
+      var val = wave(st.phase, v * 1.1);
+      st.ldVals[v].textContent = Math.round(val * 5000);
+    }
+    // Line chart
+    if (st.ldLine) {
+      var d = 'M';
+      for (var p = 0; p < st.ldLinePts; p++) {
+        var x = (p / (st.ldLinePts - 1)) * st.ldLineW;
+        var y = 5 + (1 - wave(st.phase * 0.8, p * 0.9)) * 30;
+        d += (p ? ' L' : '') + x.toFixed(1) + ',' + y.toFixed(1);
+      }
+      st.ldLine.setAttribute('d', d);
+    }
+    // Pie chart
+    if (st.ldPieSegs.length) {
+      var n = st.ldPieSegs.length;
+      var weights = [], total = 0;
+      for (var pi = 0; pi < n; pi++) {
+        var pw = 0.5 + wave(st.phase * 0.4, pi * 2.0) * 0.5;
+        weights.push(pw);
+        total += pw;
+      }
+      var angle = 0;
+      for (var pj = 0; pj < n; pj++) {
+        var sweep = (weights[pj] / total) * 360;
+        var startA = angle * Math.PI / 180;
+        var endA = (angle + sweep) * Math.PI / 180;
+        var large = sweep > 180 ? 1 : 0;
+        var r = st.ldPieR;
+        var x1 = Math.sin(startA) * r, y1 = -Math.cos(startA) * r;
+        var x2 = Math.sin(endA) * r, y2 = -Math.cos(endA) * r;
+        var path = st.ldPieSegs[pj];
+        if (path) {
+          path.setAttribute('d',
+            'M0,0 L' + x1.toFixed(2) + ',' + y1.toFixed(2) +
+            ' A' + r + ',' + r + ' 0 ' + large + ',1 ' +
+            x2.toFixed(2) + ',' + y2.toFixed(2) + ' Z');
+        }
+        angle += sweep;
+      }
+    }
+    // Alert text cycle
+    st.ldAlertPhase += SPEED * 0.12;
+    if (st.ldAlertPhase > 1) {
+      st.ldAlertPhase = 0;
+      st.ldAlertIdx = (st.ldAlertIdx + 1) % st.ldAlerts.length;
+      if (st.ldAlertText) st.ldAlertText.textContent = st.ldAlerts[st.ldAlertIdx];
+      if (st.ldAlertDot) {
+        st.ldAlertDot.setAttribute('fill', st.ldAlertIdx === 0 ? '#4CAF50' : '#f59e0b');
+      }
+    }
+  }
+
+  /* ── Registry ───────────────────────────────────────────── */
+  var INDUSTRIES = {
+    hospitality: { init: initHospitality, tick: tickHospitality },
+    retail:      { init: initRetail,      tick: tickRetail },
+    corporate:   { init: initCorporate,   tick: tickCorporate },
+    education:   { init: initEducation,   tick: tickEducation },
+    outdoor:     { init: initOutdoor,     tick: tickOutdoor },
+    livedata:    { init: initLiveData,    tick: tickLiveData }
+  };
+
+  /* ── Main loop ──────────────────────────────────────────── */
+  var instances = [];
+
+  function tickAll() {
+    for (var i = 0; i < instances.length; i++) {
+      var st = instances[i];
+      if (st.paused) continue;
+      st.phase += SPEED * 16;
+      st.handler.tick(st);
+    }
+    requestAnimationFrame(tickAll);
+  }
+
+  function observe(st) {
+    if (!('IntersectionObserver' in window)) return;
+    new IntersectionObserver(function (entries) {
+      for (var i = 0; i < entries.length; i++) {
+        st.paused = !entries[i].isIntersecting;
+      }
+    }, { rootMargin: '200px', threshold: 0.05 }).observe(st.el);
+  }
+
+  function boot() {
+    var els = document.querySelectorAll('[data-industry-anim]');
+    if (!els.length) return;
+
+    for (var i = 0; i < els.length; i++) {
+      var el = els[i];
+      var type = el.getAttribute('data-industry-anim');
+      var handler = INDUSTRIES[type];
+      if (!handler) continue;
+      if (el._indAnim) continue;
+
+      var svg = el.querySelector('svg');
+      if (!svg) continue;
+
+      var st = {
+        el: el,
+        svg: svg,
+        handler: handler,
+        phase: Math.random() * Math.PI * 2,
+        paused: false
+      };
+
+      handler.init(svg, st);
+      observe(st);
+      el._indAnim = st;
+      instances.push(st);
+    }
+
+    if (instances.length) requestAnimationFrame(tickAll);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', boot);
+  } else {
+    boot();
+  }
+})();
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index c9e597c..2c12f1b 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -558,6 +558,12 @@ add_action( 'init', function () {
             'cameraAnim'   => [ 'type' => 'boolean', 'default' => false ],
             'neverGoesDark'=> [ 'type' => 'boolean', 'default' => false ],
             'brandedAnim'  => [ 'type' => 'boolean', 'default' => false ],
+            'industryHospitality' => [ 'type' => 'boolean', 'default' => false ],
+            'industryRetail'      => [ 'type' => 'boolean', 'default' => false ],
+            'industryCorporate'   => [ 'type' => 'boolean', 'default' => false ],
+            'industryEducation'   => [ 'type' => 'boolean', 'default' => false ],
+            'industryOutdoor'     => [ 'type' => 'boolean', 'default' => false ],
+            'industryLiveData'    => [ 'type' => 'boolean', 'default' => false ],
         ],
         'supports'        => $block_supports,
         'render_callback' => 'oribi_render_platform_row',
@@ -1788,6 +1794,477 @@ function oribi_render_platform_row( $a ) {
         $ca .= '</div>'; // cam-stage
         $visual_html = $ca;
         $visual_cls  = 'platform-visual has-camera';
+
+    /* ── Industry: Hospitality ─────────────────────────────── */
+    } elseif ( ! empty( $a['industryHospitality'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="hospitality" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Hospitality signage environment">'
+        /* ── Background: restaurant counter area ── */
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        . '<rect x="0" y="240" width="400" height="60" rx="0" fill="#12121f" />'
+        /* ── Wall-mounted menu board (large display) ── */
+        . '<g transform="translate(20,20)">'
+        .   '<rect x="0" y="0" width="220" height="150" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="6" y="6" width="208" height="138" rx="2" fill="#1c2333" />'
+        /* Menu header */
+        .   '<rect x="14" y="14" width="80" height="8" rx="2" fill="#D83302" opacity=".8" />'
+        .   '<text x="14" y="35" font-size="7" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">TODAY\'S SPECIALS</text>'
+        /* Menu items with prices */
+        .   '<text x="14" y="52" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Grilled Salmon</text>'
+        .   '<text class="ind-menu-price" x="192" y="52" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$18.50</text>'
+        .   '<rect class="ind-menu-bar" x="14" y="55" width="40" height="3" rx="1" fill="#D83302" opacity=".4" />'
+        .   '<text x="14" y="72" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Wagyu Burger</text>'
+        .   '<text class="ind-menu-price" x="192" y="72" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$22.00</text>'
+        .   '<rect class="ind-menu-bar" x="14" y="75" width="55" height="3" rx="1" fill="#D83302" opacity=".4" />'
+        .   '<text x="14" y="92" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Caesar Salad</text>'
+        .   '<text class="ind-menu-price" x="192" y="92" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$12.00</text>'
+        .   '<rect class="ind-menu-bar" x="14" y="95" width="30" height="3" rx="1" fill="#D83302" opacity=".4" />'
+        .   '<text x="14" y="112" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Pasta Carbonara</text>'
+        .   '<text class="ind-menu-price" x="192" y="112" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$15.00</text>'
+        .   '<rect class="ind-menu-bar" x="14" y="115" width="45" height="3" rx="1" fill="#D83302" opacity=".4" />'
+        /* Promo banner */
+        .   '<rect x="6" y="126" width="208" height="18" fill="#D83302" opacity=".15" />'
+        .   '<text class="ind-promo-text" x="110" y="138" font-size="7" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">HAPPY HOUR 5-7PM</text>'
+        . '</g>'
+        /* ── Tablet on counter (POS integration) ── */
+        . '<g transform="translate(270,60)">'
+        .   '<rect x="0" y="0" width="100" height="140" rx="6" fill="#222" stroke="#444" stroke-width="1" />'
+        .   '<rect x="6" y="8" width="88" height="110" rx="2" fill="#1c2333" />'
+        .   '<circle cx="50" cy="132" r="4" fill="#333" />'
+        /* POS mini-UI */
+        .   '<rect x="12" y="16" width="76" height="6" rx="1" fill="#00757c" opacity=".6" />'
+        .   '<text x="50" y="38" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle">Order #47</text>'
+        .   '<rect x="12" y="44" width="76" height="1" fill="rgba(255,255,255,.1)" />'
+        .   '<text x="12" y="56" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">1x Salmon</text>'
+        .   '<text x="88" y="56" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="end">$18.50</text>'
+        .   '<text x="12" y="66" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">2x Lager</text>'
+        .   '<text x="88" y="66" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="end">$14.00</text>'
+        .   '<rect x="12" y="74" width="76" height="1" fill="rgba(255,255,255,.1)" />'
+        .   '<text x="12" y="86" font-size="6" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif" font-weight="600">Total</text>'
+        .   '<text x="88" y="86" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end" font-weight="600">$32.50</text>'
+        .   '<rect x="12" y="96" width="76" height="16" rx="3" fill="#4CAF50" opacity=".8" />'
+        .   '<text x="50" y="107" font-size="6" fill="#fff" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">PAY</text>'
+        . '</g>'
+        /* ── Ambient: counter top ── */
+        . '<rect x="0" y="235" width="400" height="3" fill="#333" />'
+        /* ── Label: wall screen type ── */
+        . '<text x="130" y="185" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">MENU BOARD</text>'
+        . '<text x="320" y="215" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">POS TABLET</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
+    /* ── Industry: Retail ──────────────────────────────────── */
+    } elseif ( ! empty( $a['industryRetail'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="retail" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Retail signage environment">'
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        /* ── Large overhead promo display ── */
+        . '<g transform="translate(20,15)">'
+        .   '<rect x="0" y="0" width="240" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="5" y="5" width="230" height="120" rx="2" fill="#1c2333" />'
+        /* Promo content */
+        .   '<rect x="12" y="12" width="60" height="8" rx="2" fill="#D83302" opacity=".8" />'
+        .   '<text x="12" y="36" font-size="11" fill="rgba(255,255,255,.9)" font-family="Inter,sans-serif" font-weight="700">SPRING SALE</text>'
+        .   '<text x="12" y="50" font-size="7" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif">Up to 40% off selected items</text>'
+        /* Product grid */
+        .   '<g transform="translate(12,60)">'
+        .     '<rect class="ind-product-slot" x="0" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
+        .     '<rect x="6" y="6" width="36" height="24" rx="2" fill="#333" />'
+        .     '<text class="ind-sale-tag" x="24" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$29.99</text>'
+        .     '<rect class="ind-product-slot" x="56" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
+        .     '<rect x="62" y="6" width="36" height="24" rx="2" fill="#333" />'
+        .     '<text class="ind-sale-tag" x="80" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$49.99</text>'
+        .     '<rect class="ind-product-slot" x="112" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
+        .     '<rect x="118" y="6" width="36" height="24" rx="2" fill="#333" />'
+        .     '<text class="ind-sale-tag" x="136" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$19.99</text>'
+        .     '<rect class="ind-product-slot" x="168" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
+        .     '<rect x="174" y="6" width="36" height="24" rx="2" fill="#333" />'
+        .     '<text class="ind-sale-tag" x="192" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$39.99</text>'
+        .   '</g>'
+        . '</g>'
+        /* ── Analytics monitor (small) ── */
+        . '<g transform="translate(280,15)">'
+        .   '<rect x="0" y="0" width="100" height="80" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="4" y="4" width="92" height="72" rx="2" fill="#1c2333" />'
+        .   '<text x="10" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">FOOTFALL</text>'
+        .   '<text class="ind-footfall-val" x="10" y="32" font-size="14" fill="#D83302" font-family="Inter,sans-serif" font-weight="700">243</text>'
+        .   '<text x="10" y="42" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif">visitors today</text>'
+        /* Revenue mini bars */
+        .   '<g transform="translate(10,48)">'
+        .     '<rect class="ind-rev-bar" x="0"  y="35" width="10" height="5" fill="#4CAF50" />'
+        .     '<rect class="ind-rev-bar" x="14" y="30" width="10" height="10" fill="#4CAF50" />'
+        .     '<rect class="ind-rev-bar" x="28" y="25" width="10" height="15" fill="#4CAF50" />'
+        .     '<rect class="ind-rev-bar" x="42" y="20" width="10" height="20" fill="#D83302" />'
+        .     '<rect class="ind-rev-bar" x="56" y="28" width="10" height="12" fill="#4CAF50" />'
+        .     '<rect class="ind-rev-bar" x="70" y="22" width="10" height="18" fill="#4CAF50" />'
+        .   '</g>'
+        . '</g>'
+        /* ── Wayfinding pillar (floor standing) ── */
+        . '<g transform="translate(290,110)">'
+        .   '<rect x="10" y="0" width="80" height="120" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="14" y="4" width="72" height="112" rx="2" fill="#1c2333" />'
+        .   '<text x="50" y="18" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">FLOOR GUIDE</text>'
+        .   '<text x="22" y="34" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2190 Menswear</text>'
+        .   '<text x="22" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2192 Electronics</text>'
+        .   '<text x="22" y="62" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2191 Food Court</text>'
+        .   '<text x="22" y="76" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2190 Home &amp; Garden</text>'
+        .   '<rect x="30" y="86" width="40" height="22" rx="3" fill="#D83302" opacity=".2" />'
+        .   '<text x="50" y="100" font-size="6" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">MAP</text>'
+        . '</g>'
+        /* ── Shelf edge (store floor) ── */
+        . '<rect x="0" y="248" width="270" height="52" fill="#12121f" />'
+        . '<rect x="20" y="250" width="230" height="4" fill="#333" />'
+        . '<text x="135" y="270" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">PROMO DISPLAY</text>'
+        . '<text x="340" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">WAYFINDING</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
+    /* ── Industry: Corporate Office ─────────────────────────── */
+    } elseif ( ! empty( $a['industryCorporate'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="corporate" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Corporate office signage environment">'
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        /* ── Meeting room display (wall-mounted) ── */
+        . '<g transform="translate(20,20)">'
+        .   '<rect x="0" y="0" width="170" height="120" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="5" y="5" width="160" height="110" rx="2" fill="#1c2333" />'
+        /* Teams-style header */
+        .   '<rect x="10" y="10" width="150" height="14" rx="2" fill="#5b5fc7" opacity=".3" />'
+        .   '<text x="18" y="20" font-size="6" fill="rgba(255,255,255,.8)" font-family="Inter,sans-serif" font-weight="600">\uD83D\uDCF9 Room: Boardroom A</text>'
+        /* Status */
+        .   '<circle class="ind-meet-dot" cx="18" cy="38" r="4" fill="#4CAF50" />'
+        .   '<text class="ind-meet-status" x="28" y="41" font-size="7" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Available</text>'
+        /* Schedule */
+        .   '<text x="10" y="58" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">UPCOMING</text>'
+        .   '<text x="10" y="70" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">10:00 - Sprint Planning</text>'
+        .   '<text x="10" y="82" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">13:00 - Design Review</text>'
+        .   '<text x="10" y="94" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">15:30 - All Hands</text>'
+        .   '<rect x="10" y="100" width="150" height="10" rx="2" fill="#4CAF50" opacity=".15" />'
+        .   '<text x="85" y="108" font-size="5.5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">Book Now</text>'
+        . '</g>'
+        /* ── KPI Dashboard (large monitor on stand) ── */
+        . '<g transform="translate(210,10)">'
+        .   '<rect x="0" y="0" width="170" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="5" y="5" width="160" height="120" rx="2" fill="#1c2333" />'
+        .   '<text x="12" y="18" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">LIVE DASHBOARD</text>'
+        /* KPI cards */
+        .   '<g transform="translate(12,26)">'
+        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
+        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Uptime</text>'
+        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">99%</text>'
+        .   '</g>'
+        .   '<g transform="translate(62,26)">'
+        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
+        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Users</text>'
+        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">240</text>'
+        .   '</g>'
+        .   '<g transform="translate(112,26)">'
+        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
+        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Latency</text>'
+        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#f59e0b" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">22ms</text>'
+        .   '</g>'
+        /* Trend line */
+        .   '<g transform="translate(12,66)">'
+        .     '<text x="0" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">REQUESTS / MIN</text>'
+        .     '<line x1="0" y1="10" x2="140" y2="10" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
+        .     '<line x1="0" y1="25" x2="140" y2="25" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
+        .     '<line x1="0" y1="40" x2="140" y2="40" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
+        .     '<path class="ind-corp-line" d="M0,25 L140,25" stroke="#4CAF50" stroke-width="1.5" fill="none" stroke-linecap="round" />'
+        .   '</g>'
+        /* Monitor stand */
+        .   '<rect x="75" y="130" width="20" height="12" fill="#222" />'
+        .   '<rect x="55" y="140" width="60" height="4" rx="2" fill="#333" />'
+        . '</g>'
+        /* ── Announcement ticker (lobby display) ── */
+        . '<g transform="translate(20,160)">'
+        .   '<rect x="0" y="0" width="360" height="40" rx="4" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="4" y="4" width="352" height="32" rx="2" fill="#0d1117" />'
+        .   '<rect x="8" y="8" width="60" height="12" rx="2" fill="#D83302" opacity=".2" />'
+        .   '<text x="38" y="17" font-size="6" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">COMPANY NEWS</text>'
+        .   '<text x="80" y="30" font-size="6.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Q4 Results exceed forecast \u2022 New office opening in March \u2022 Hackathon registrations open</text>'
+        . '</g>'
+        /* Labels */
+        . '<text x="105" y="220" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">MEETING ROOM</text>'
+        . '<text x="295" y="220" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">KPI DASHBOARD</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
+    /* ── Industry: Education ───────────────────────────────── */
+    } elseif ( ! empty( $a['industryEducation'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="education" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Education signage environment">'
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        /* ── Timetable display (large wall-mount) ── */
+        . '<g transform="translate(15,15)">'
+        .   '<rect x="0" y="0" width="230" height="160" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="5" y="5" width="220" height="150" rx="2" fill="#1c2333" />'
+        .   '<text x="12" y="18" font-size="7" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">DAILY TIMETABLE</text>'
+        .   '<text x="200" y="18" font-size="6" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" text-anchor="end">Tuesday</text>'
+        /* Column headers */
+        .   '<g transform="translate(12,28)">'
+        .     '<rect x="0" y="0" width="200" height="10" rx="1" fill="rgba(255,255,255,.05)" />'
+        .     '<text x="6" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">TIME</text>'
+        .     '<text x="50" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">ROOM</text>'
+        .     '<text x="100" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">SUBJECT</text>'
+        .     '<text x="170" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">STATUS</text>'
+        .   '</g>'
+        /* Schedule rows */
+        .   '<g transform="translate(12,44)">'
+        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
+        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">09:00</text>'
+        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">B201</text>'
+        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Mathematics</text>'
+        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
+        .   '</g>'
+        .   '<g transform="translate(12,66)">'
+        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
+        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">10:30</text>'
+        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Lab 3</text>'
+        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Chemistry</text>'
+        .     '<circle cx="185" cy="9" r="3" fill="#f59e0b" />'
+        .   '</g>'
+        .   '<g transform="translate(12,88)">'
+        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
+        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">13:00</text>'
+        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Hall A</text>'
+        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Literature</text>'
+        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
+        .   '</g>'
+        .   '<g transform="translate(12,110)">'
+        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
+        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">14:30</text>'
+        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Gym</text>'
+        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">PE</text>'
+        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
+        .   '</g>'
+        .   '<g transform="translate(12,132)">'
+        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
+        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">16:00</text>'
+        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">C105</text>'
+        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Art</text>'
+        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
+        .   '</g>'
+        . '</g>'
+        /* ── Campus wayfinding (floor directory) ── */
+        . '<g transform="translate(260,15)">'
+        .   '<rect x="0" y="0" width="120" height="100" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="4" y="4" width="112" height="92" rx="2" fill="#1c2333" />'
+        .   '<text x="60" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">CAMPUS MAP</text>'
+        /* Simplified building outlines with wayfinding dots */
+        .   '<rect x="15" y="24" width="30" height="20" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
+        .   '<rect x="55" y="28" width="25" height="16" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
+        .   '<rect x="90" y="22" width="18" height="24" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
+        .   '<rect x="30" y="54" width="45" height="18" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
+        .   '<circle class="ind-wf-dot" cx="30" cy="34" r="3" fill="#D83302" />'
+        .   '<circle class="ind-wf-dot" cx="67" cy="36" r="3" fill="#D83302" opacity=".2" />'
+        .   '<circle class="ind-wf-dot" cx="99" cy="34" r="3" fill="#D83302" opacity=".2" />'
+        .   '<circle class="ind-wf-dot" cx="52" cy="63" r="3" fill="#D83302" opacity=".2" />'
+        .   '<text x="60" y="86" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" text-anchor="middle">You are here \u2022</text>'
+        . '</g>'
+        /* ── Emergency alert banner ── */
+        . '<g transform="translate(260,130)">'
+        .   '<rect class="ind-alert-bar" x="0" y="0" width="120" height="30" rx="3" fill="#ef4444" opacity=".7" />'
+        .   '<text x="10" y="12" font-size="5" fill="#fff" font-family="Inter,sans-serif" font-weight="700">\u26A0 ALERT</text>'
+        .   '<text class="ind-alert-text" x="10" y="23" font-size="5.5" fill="rgba(255,255,255,.9)" font-family="Inter,sans-serif">Fire Drill 2:00 PM</text>'
+        . '</g>'
+        /* Labels */
+        . '<text x="130" y="195" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">TIMETABLE</text>'
+        . '<text x="320" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">WAYFINDING</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
+    /* ── Industry: Outdoor Marketplace ─────────────────────── */
+    } elseif ( ! empty( $a['industryOutdoor'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="outdoor" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Outdoor marketplace signage environment">'
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        /* ── Market stall canopy ── */
+        . '<path d="M30,100 L200,80 L370,100 L370,110 L30,110 Z" fill="#252540" />'
+        . '<path d="M30,100 L200,80 L370,100" fill="none" stroke="#D83302" stroke-width="1.5" opacity=".4" />'
+        /* ── Overhead digital sign (weather resistant) ── */
+        . '<g transform="translate(60,20)">'
+        .   '<rect x="0" y="0" width="280" height="55" rx="4" fill="#111" stroke="#00757c" stroke-width="1.5" />'
+        .   '<rect x="4" y="4" width="272" height="47" rx="2" fill="#1c2333" />'
+        /* Weather widget */
+        .   '<text class="ind-weather-icon" x="22" y="32" font-size="20" text-anchor="middle">\u2600</text>'
+        .   '<text class="ind-weather-temp" x="22" y="46" font-size="7" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif" text-anchor="middle">24\u00B0C</text>'
+        /* Market info */
+        .   '<text x="55" y="18" font-size="6" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" font-weight="600">GREENFIELD MARKET</text>'
+        .   '<text x="55" y="30" font-size="8" fill="rgba(255,255,255,.8)" font-family="Inter,sans-serif" font-weight="700">Fresh Produce \u2022 Artisan Goods</text>'
+        .   '<text x="55" y="42" font-size="6" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Open Today 8AM \u2013 4PM</text>'
+        /* Busy indicator */
+        .   '<circle class="ind-busy-dot" cx="252" cy="25" r="5" fill="#4CAF50" />'
+        .   '<text class="ind-busy-label" x="252" y="40" font-size="5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle">Quiet</text>'
+        . '</g>'
+        /* ── Vendor tablet (on counter) ── */
+        . '<g transform="translate(40,120)">'
+        .   '<rect x="0" y="0" width="140" height="100" rx="4" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="4" y="4" width="132" height="92" rx="2" fill="#1c2333" />'
+        .   '<text x="10" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">VENDOR: FARM FRESH</text>'
+        .   '<rect x="10" y="22" width="120" height="1" fill="rgba(255,255,255,.1)" />'
+        /* Product categories */
+        .   '<text x="10" y="36" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Tomatoes</text>'
+        .   '<text x="110" y="36" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$3/kg</text>'
+        .   '<text x="10" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Strawberries</text>'
+        .   '<text x="110" y="48" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$5/punnet</text>'
+        .   '<text x="10" y="60" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Sourdough</text>'
+        .   '<text x="110" y="60" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$8/loaf</text>'
+        /* Activity mini chart */
+        .   '<text x="10" y="76" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" font-weight="600">SALES TODAY</text>'
+        .   '<g transform="translate(10,80)">'
+        .     '<rect class="ind-vendor-bar" x="0"   y="25" width="12" height="3" fill="#D83302" />'
+        .     '<rect class="ind-vendor-bar" x="16"  y="20" width="12" height="8" fill="#D83302" />'
+        .     '<rect class="ind-vendor-bar" x="32"  y="15" width="12" height="13" fill="#D83302" />'
+        .     '<rect class="ind-vendor-bar" x="48"  y="10" width="12" height="18" fill="#4CAF50" />'
+        .     '<rect class="ind-vendor-bar" x="64"  y="18" width="12" height="10" fill="#D83302" />'
+        .     '<rect class="ind-vendor-bar" x="80"  y="12" width="12" height="16" fill="#D83302" />'
+        .     '<rect class="ind-vendor-bar" x="96"  y="8"  width="12" height="20" fill="#4CAF50" />'
+        .   '</g>'
+        . '</g>'
+        /* ── Second display – event board (standing) ── */
+        . '<g transform="translate(220,120)">'
+        .   '<rect x="0" y="0" width="140" height="100" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
+        .   '<rect x="4" y="4" width="132" height="92" rx="2" fill="#1c2333" />'
+        .   '<text x="70" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">UPCOMING EVENTS</text>'
+        .   '<rect x="10" y="22" width="120" height="1" fill="rgba(255,255,255,.1)" />'
+        .   '<text x="10" y="36" font-size="6" fill="#D83302" font-family="Inter,sans-serif">\u2022 Live Music 12:00</text>'
+        .   '<text x="10" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Cooking Demo 1:30</text>'
+        .   '<text x="10" y="60" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Kids Workshop 2:00</text>'
+        .   '<text x="10" y="72" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Prize Draw 3:30</text>'
+        .   '<rect x="10" y="78" width="120" height="12" rx="2" fill="#00757c" opacity=".2" />'
+        .   '<text x="70" y="87" font-size="5.5" fill="#00757c" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">VIEW FULL SCHEDULE</text>'
+        . '</g>'
+        /* Ground/grass hint */
+        . '<rect x="0" y="250" width="400" height="50" fill="#12121f" />'
+        . '<text x="110" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">VENDOR DISPLAY</text>'
+        . '<text x="290" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">EVENT BOARD</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
+    /* ── Industry: Live Data Displays ──────────────────────── */
+    } elseif ( ! empty( $a['industryLiveData'] ) ) {
+        $visual_html = '<div class="ind-stage" data-industry-anim="livedata" aria-hidden="true">'
+        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Live data display environment">'
+        . '<defs>'
+        .   '<linearGradient id="indLdGrad" x1="0%" y1="0%" x2="0%" y2="100%">'
+        .     '<stop offset="0%" stop-color="#D83302" stop-opacity="1"/>'
+        .     '<stop offset="100%" stop-color="#4CAF50" stop-opacity=".8"/>'
+        .   '</linearGradient>'
+        . '</defs>'
+        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
+        /* ── Monitor 1: Bar chart (left) ── */
+        . '<g transform="translate(10,15)">'
+        .   '<rect x="0" y="0" width="125" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="4" y="4" width="117" height="122" rx="2" fill="#1c2333" />'
+        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">THROUGHPUT</text>'
+        .   '<g transform="translate(10,22)">'
+        .     '<rect class="ind-ld-bar" x="0"  y="30" width="12" height="5" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="16" y="25" width="12" height="10" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="32" y="20" width="12" height="15" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="48" y="15" width="12" height="20" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="64" y="22" width="12" height="13" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="80" y="18" width="12" height="17" fill="url(#indLdGrad)" />'
+        .     '<rect class="ind-ld-bar" x="96" y="12" width="12" height="23" fill="url(#indLdGrad)" />'
+        .   '</g>'
+        .   '<g transform="translate(10,62)">'
+        .     '<text class="ind-ld-val" x="6"  y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="22" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="38" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="54" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="70" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="86" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .     '<text class="ind-ld-val" x="102" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
+        .   '</g>'
+        /* Status line */
+        .   '<g transform="translate(10,76)">'
+        .     '<circle class="ind-ld-alert" cx="4" cy="4" r="3" fill="#4CAF50" />'
+        .     '<text class="ind-ld-alert-text" x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">All Systems OK</text>'
+        .   '</g>'
+        /* Line chart below */
+        .   '<g transform="translate(10,90)">'
+        .     '<text x="0" y="0" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif">LATENCY</text>'
+        .     '<line x1="0" y1="8" x2="100" y2="8" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
+        .     '<line x1="0" y1="20" x2="100" y2="20" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
+        .     '<line x1="0" y1="32" x2="100" y2="32" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
+        .     '<path class="ind-ld-line" d="M0,20 L110,20" stroke="#4CAF50" stroke-width="1.5" fill="none" stroke-linecap="round" />'
+        .   '</g>'
+        /* Monitor stand */
+        .   '<rect x="50" y="130" width="25" height="10" fill="#222" />'
+        .   '<rect x="35" y="138" width="55" height="3" rx="1" fill="#333" />'
+        . '</g>'
+        /* ── Monitor 2: Pie chart + KPIs (center) ── */
+        . '<g transform="translate(145,15)">'
+        .   '<rect x="0" y="0" width="110" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="4" y="4" width="102" height="122" rx="2" fill="#1c2333" />'
+        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">DISTRIBUTION</text>'
+        /* Pie chart */
+        .   '<g transform="translate(55,56)">'
+        .     '<path class="ind-ld-pie" d="M0,0 L0,-22 A22,22 0 0,1 15.56,-15.56 Z" fill="#D83302" opacity=".9"/>'
+        .     '<path class="ind-ld-pie" d="M0,0 L15.56,-15.56 A22,22 0 0,1 22,0 Z" fill="#4CAF50" opacity=".8"/>'
+        .     '<path class="ind-ld-pie" d="M0,0 L22,0 A22,22 0 0,1 0,22 Z" fill="#f59e0b" opacity=".7"/>'
+        .     '<path class="ind-ld-pie" d="M0,0 L0,22 A22,22 0 0,1 -22,0 Z" fill="#5b5fc7" opacity=".7"/>'
+        .     '<path class="ind-ld-pie" d="M0,0 L-22,0 A22,22 0 0,1 0,-22 Z" fill="#ef4444" opacity=".6"/>'
+        .     '<circle cx="0" cy="0" r="10" fill="#1c2333" stroke="rgba(255,255,255,.1)" stroke-width=".5"/>'
+        .   '</g>'
+        /* Legend */
+        .   '<g transform="translate(10,88)">'
+        .     '<rect x="0" y="0" width="5" height="5" fill="#D83302"/><text x="8" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">API</text>'
+        .     '<rect x="30" y="0" width="5" height="5" fill="#4CAF50"/><text x="38" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">DB</text>'
+        .     '<rect x="58" y="0" width="5" height="5" fill="#f59e0b"/><text x="66" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Cache</text>'
+        .     '<rect x="0" y="12" width="5" height="5" fill="#5b5fc7"/><text x="8" y="17" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Queue</text>'
+        .     '<rect x="40" y="12" width="5" height="5" fill="#ef4444"/><text x="48" y="17" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Worker</text>'
+        .   '</g>'
+        /* Monitor stand */
+        .   '<rect x="40" y="130" width="30" height="10" fill="#222" />'
+        .   '<rect x="25" y="138" width="60" height="3" rx="1" fill="#333" />'
+        . '</g>'
+        /* ── Monitor 3: Alert feed (right) ── */
+        . '<g transform="translate(265,15)">'
+        .   '<rect x="0" y="0" width="125" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
+        .   '<rect x="4" y="4" width="117" height="122" rx="2" fill="#1c2333" />'
+        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">SYSTEM STATUS</text>'
+        /* Status rows */
+        .   '<g transform="translate(10,24)">'
+        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
+        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">API Gateway</text>'
+        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
+        .   '</g>'
+        .   '<g transform="translate(10,38)">'
+        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
+        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Database</text>'
+        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
+        .   '</g>'
+        .   '<g transform="translate(10,52)">'
+        .     '<circle cx="5" cy="4" r="3" fill="#f59e0b"/>'
+        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Cache Layer</text>'
+        .     '<text x="100" y="7" font-size="5" fill="#f59e0b" font-family="Inter,sans-serif" text-anchor="end">WARN</text>'
+        .   '</g>'
+        .   '<g transform="translate(10,66)">'
+        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
+        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">CDN</text>'
+        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
+        .   '</g>'
+        .   '<g transform="translate(10,80)">'
+        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
+        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Workers</text>'
+        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
+        .   '</g>'
+        /* Uptime badge */
+        .   '<rect x="10" y="95" width="97" height="18" rx="3" fill="#252540" />'
+        .   '<text x="58" y="107" font-size="7" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">99.98% Uptime</text>'
+        /* Monitor stand */
+        .   '<rect x="48" y="130" width="29" height="10" fill="#222" />'
+        .   '<rect x="33" y="138" width="59" height="3" rx="1" fill="#333" />'
+        . '</g>'
+        /* ── Desk surface ── */
+        . '<rect x="0" y="160" width="400" height="4" fill="#333" />'
+        /* Labels */
+        . '<text x="72" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">THROUGHPUT</text>'
+        . '<text x="200" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">DISTRIBUTION</text>'
+        . '<text x="327" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">SYSTEM STATUS</text>'
+        . '</svg></div>';
+        $visual_cls = 'platform-visual has-industry';
+
     } else {
         $visual_html = oribi_render_icon( $a['visual'] ?? '' );
         $visual_cls  = 'platform-visual';
diff --git a/theme/inc/enqueue.php b/theme/inc/enqueue.php
index a46cb8b..0bcb17d 100644
--- a/theme/inc/enqueue.php
+++ b/theme/inc/enqueue.php
@@ -38,6 +38,15 @@ add_action( 'wp_enqueue_scripts', function () {
 		true
 	);
 
+	// Industry mockup animator - animated device mockups for solutions page
+	wp_enqueue_script(
+		'oribi-industry-animator',
+		ORIBI_URI . '/assets/js/industry-animator.js',
+		[],
+		ORIBI_VERSION . '.' . filemtime( ORIBI_DIR . '/assets/js/industry-animator.js' ),
+		true
+	);
+
 	// Localize AJAX endpoint for the contact form
 	wp_localize_script( 'oribi-main', 'oribiAjax', [
 		'url'   => admin_url( 'admin-ajax.php' ),

From 2826a3ec4a65cfc730260bcda5fcd1e76dc9ba52 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:11:56 -0500
Subject: [PATCH 20/87] Update script handle and description for gallery TV
 slideshow in enqueue.php

---
 pages/solutions.php                  |  12 +-
 theme/assets/css/main.css            | 145 ++++----
 theme/assets/js/industry-animator.js | 402 ++-------------------
 theme/blocks/editor.js               |  26 ++
 theme/blocks/index.php               | 509 ++-------------------------
 theme/inc/enqueue.php                |   4 +-
 6 files changed, 170 insertions(+), 928 deletions(-)

diff --git a/pages/solutions.php b/pages/solutions.php
index b2b5c97..aebfbd6 100644
--- a/pages/solutions.php
+++ b/pages/solutions.php
@@ -10,12 +10,12 @@
 <!-- wp:oribi/page-hero-animated {"label":"Industry Solutions","title":"Built for the Way You Work","description":"Every industry communicates differently. Our platform adapts to your environment — whether that's a hotel lobby, a shop floor, a boardroom, or a lecture hall."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Industries We Serve","heading":"One Platform, Tailored to Your Sector","lead":"We've worked with businesses across six key industries. Here's how our platform fits into each one."} -->
-<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact","industryHospitality":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true,"industryRetail":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnText":"Learn More","btnUrl":"/features","industryCorporate":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true,"industryEducation":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact","industryOutdoor":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true,"industryLiveData":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact","galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true,"galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnText":"Learn More","btnUrl":"/features","galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true,"galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact","galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true,"galleryIds":[]} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/stat-section {"variant":"alt","label":"By the Numbers","heading":"The Results Speak for Themselves","lead":"Businesses that invest in digital signage see measurable returns across every metric that matters.","columns":4} -->
diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 6347abb..b43676e 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5424,10 +5424,10 @@ p:last-child { margin-bottom: 0; }
 }
 
 /* ═══════════════════════════════════════════════════════════════
-   INDUSTRY MOCKUP ANIMATIONS  (.platform-visual.has-industry)
+   GALLERY TV SLIDESHOW  (.platform-visual.has-gallery-tv)
    ═══════════════════════════════════════════════════════════════ */
 
-.platform-visual.has-industry {
+.platform-visual.has-gallery-tv {
   background: none !important;
   border: none !important;
   border-radius: 0;
@@ -5438,93 +5438,76 @@ p:last-child { margin-bottom: 0; }
   font-size: inherit;
 }
 
-.ind-stage {
+.gtv-stage {
   width: 100%;
-  max-width: 480px;
+  max-width: 520px;
   margin: 0 auto;
 }
-.ind-stage svg {
+
+/* TV frame (mirrors dashboard-tv pattern) */
+.gtv-tv {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   width: 100%;
-  height: auto;
+}
+.gtv-tv__body {
+  width: 100%;
+  background: #111;
+  border: 4px solid #111;
+  border-radius: 6px 6px 4px 4px;
+  outline: 1px solid #000;
+  padding: 3px;
+  position: relative;
+  box-shadow: 0 14px 48px rgba(0,0,0,0.55);
+}
+.gtv-tv__screen {
+  width: 100%;
+  aspect-ratio: 16/9;
+  background: var(--color-bg);
+  border-radius: 2px;
+  overflow: hidden;
+  position: relative;
+}
+.gtv-tv__feet {
+  display: flex;
+  justify-content: space-between;
+  width: 60%;
+  max-width: 300px;
+}
+.gtv-tv__foot {
+  width: 12px;
+  height: 8px;
+  background: #111;
+  border: 1px solid #000;
+  border-radius: 0 0 4px 4px;
+}
+
+/* Slides */
+.gtv-slides {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.gtv-slide {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  transition: opacity 0.8s ease;
+}
+.gtv-slide.is-active {
+  opacity: 1;
+}
+.gtv-slide img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   display: block;
-  border-radius: var(--radius-md);
-  box-shadow: 0 8px 32px rgba(0,0,0,.3);
 }
 
-/* Subtle glow around active screens */
-.ind-stage svg rect[fill="#1c2333"] {
-  transition: filter .6s ease;
-}
-
-/* Animated content transitions */
-.ind-menu-price,
-.ind-sale-tag,
-.ind-footfall-val,
-.ind-kpi-val,
-.ind-meet-status,
-.ind-alert-text,
-.ind-weather-icon,
-.ind-weather-temp,
-.ind-busy-label,
-.ind-ld-val,
-.ind-ld-alert-text {
-  transition: opacity .3s ease;
-}
-
-.ind-menu-bar,
-.ind-rev-bar,
-.ind-vendor-bar,
-.ind-ld-bar {
-  transition: height .4s ease, y .4s ease;
-}
-
-.ind-product-slot {
-  transition: stroke-width .3s ease;
-}
-
-.ind-sched-slot {
-  transition: opacity .4s ease, stroke .3s ease;
-}
-
-.ind-wf-dot {
-  transition: opacity .5s ease;
-}
-
-.ind-alert-bar {
-  transition: opacity .4s ease;
-}
-
-.ind-meet-dot,
-.ind-busy-dot,
-.ind-ld-alert {
-  transition: fill .4s ease;
-}
-
-.ind-corp-line,
-.ind-ld-line {
-  transition: d .3s ease;
-}
-
-.ind-ld-pie {
-  transition: d .4s ease;
-}
-
-/* ── Reduced-motion overrides for industry animations ── */
+/* ── Reduced-motion overrides for gallery TV ── */
 @media (prefers-reduced-motion: reduce) {
-  .ind-menu-bar,
-  .ind-rev-bar,
-  .ind-vendor-bar,
-  .ind-ld-bar,
-  .ind-product-slot,
-  .ind-sched-slot,
-  .ind-wf-dot,
-  .ind-alert-bar,
-  .ind-corp-line,
-  .ind-ld-line,
-  .ind-ld-pie,
-  .ind-meet-dot,
-  .ind-busy-dot,
-  .ind-ld-alert {
+  .gtv-slide {
     transition: none !important;
   }
 }
diff --git a/theme/assets/js/industry-animator.js b/theme/assets/js/industry-animator.js
index 214dc18..45e6ae5 100644
--- a/theme/assets/js/industry-animator.js
+++ b/theme/assets/js/industry-animator.js
@@ -1,380 +1,56 @@
 /**
- * Industry Mockup Animator
- * Animates SVG environment mockups for each industry on the solutions page.
- * Each mockup shows devices in real-world use with animated screen content.
+ * Gallery TV Slideshow
+ * Cycles through images inside gallery-TV blocks.
  * Pauses off-screen via IntersectionObserver for performance.
+ * Respects prefers-reduced-motion.
  */
 (function () {
   'use strict';
 
-  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
-
-  var SPEED = 0.0018;
-
-  /* ── Utility ────────────────────────────────────────────── */
-  function wave(t, off) {
-    return Math.max(0, Math.min(1,
-      0.55 + Math.sin(t + off) * 0.25 + Math.sin(t * 1.8 + off * 1.3) * 0.15
-    ));
-  }
-
-  function lerp(a, b, t) { return a + (b - a) * t; }
-
-  function isDark() {
-    return document.documentElement.getAttribute('data-theme') === 'dark';
-  }
-
-  /* ── Hospitality ────────────────────────────────────────── */
-  function initHospitality(svg, st) {
-    st.menuPrices  = svg.querySelectorAll('.ind-menu-price');
-    st.menuBars    = svg.querySelectorAll('.ind-menu-bar');
-    st.promoBanner = svg.querySelector('.ind-promo-text');
-    st.promoPhase  = 0;
-    st.promos      = ['HAPPY HOUR 5-7PM', 'NEW: SUMMER MENU', '20% OFF DESSERTS', 'LIVE MUSIC FRI'];
-  }
-
-  function tickHospitality(st) {
-    // Animate menu prices (shimmer)
-    for (var i = 0; i < st.menuPrices.length; i++) {
-      var v = wave(st.phase, i * 1.4);
-      var price = (5 + Math.round(v * 20)).toFixed(2);
-      st.menuPrices[i].textContent = '$' + price;
-    }
-    // Animate popularity bars
-    for (var j = 0; j < st.menuBars.length; j++) {
-      var bv = wave(st.phase * 0.6, j * 1.8);
-      st.menuBars[j].setAttribute('width', Math.round(bv * 50 + 10));
-    }
-    // Cycle promo banner
-    st.promoPhase += SPEED * 0.3;
-    if (st.promoPhase > 1) {
-      st.promoPhase = 0;
-      if (st.promoBanner) {
-        var idx = Math.floor(Math.random() * st.promos.length);
-        st.promoBanner.textContent = st.promos[idx];
-      }
-    }
-  }
-
-  /* ── Retail ─────────────────────────────────────────────── */
-  function initRetail(svg, st) {
-    st.saleTags     = svg.querySelectorAll('.ind-sale-tag');
-    st.footfall     = svg.querySelector('.ind-footfall-val');
-    st.revBars      = svg.querySelectorAll('.ind-rev-bar');
-    st.productSlots = svg.querySelectorAll('.ind-product-slot');
-    st.productPhase = 0;
-  }
-
-  function tickRetail(st) {
-    // Sale tags pulse opacity
-    for (var i = 0; i < st.saleTags.length; i++) {
-      var op = 0.5 + wave(st.phase * 1.2, i * 2.0) * 0.5;
-      st.saleTags[i].setAttribute('opacity', op.toFixed(2));
-    }
-    // Footfall counter
-    if (st.footfall) {
-      var count = Math.round(wave(st.phase * 0.3, 0) * 450 + 50);
-      st.footfall.textContent = count;
-    }
-    // Revenue bars
-    for (var j = 0; j < st.revBars.length; j++) {
-      var rv = wave(st.phase * 0.5, j * 1.5);
-      var h = Math.round(rv * 35 + 5);
-      st.revBars[j].setAttribute('height', h);
-      st.revBars[j].setAttribute('y', 40 - h);
-    }
-    // Product slots cycle highlight
-    st.productPhase += SPEED * 0.15;
-    if (st.productPhase > 1) {
-      st.productPhase = 0;
-      var active = Math.floor(Math.random() * st.productSlots.length);
-      for (var k = 0; k < st.productSlots.length; k++) {
-        st.productSlots[k].setAttribute('stroke-width', k === active ? '2' : '0');
-      }
-    }
-  }
-
-  /* ── Corporate ──────────────────────────────────────────── */
-  function initCorporate(svg, st) {
-    st.kpiVals    = svg.querySelectorAll('.ind-kpi-val');
-    st.kpiArrows  = svg.querySelectorAll('.ind-kpi-arrow');
-    st.meetStatus = svg.querySelector('.ind-meet-status');
-    st.meetDot    = svg.querySelector('.ind-meet-dot');
-    st.meetPhase  = 0;
-    st.statuses   = ['Available', 'In Meeting', 'Reserved 2:30', 'Available'];
-    st.statusIdx  = 0;
-    st.linePath   = svg.querySelector('.ind-corp-line');
-    st.lineW      = 140;
-    st.linePts    = 6;
-  }
-
-  function tickCorporate(st) {
-    // KPI counters
-    for (var i = 0; i < st.kpiVals.length; i++) {
-      var kv = wave(st.phase * 0.6, i * 2.2);
-      var vals = [
-        Math.round(kv * 98) + '%',
-        Math.round(kv * 340 + 60),
-        Math.round(kv * 50 + 10) + 'ms'
-      ];
-      if (vals[i]) st.kpiVals[i].textContent = vals[i];
-    }
-    // KPI arrows
-    for (var j = 0; j < st.kpiArrows.length; j++) {
-      var up = wave(st.phase * 0.6, j * 2.2) > 0.5;
-      st.kpiArrows[j].setAttribute('transform',
-        up ? 'rotate(0)' : 'rotate(180)');
-      st.kpiArrows[j].setAttribute('fill', up ? '#4CAF50' : '#ef4444');
-    }
-    // Meeting room status cycle
-    st.meetPhase += SPEED * 0.15;
-    if (st.meetPhase > 1) {
-      st.meetPhase = 0;
-      st.statusIdx = (st.statusIdx + 1) % st.statuses.length;
-      if (st.meetStatus) st.meetStatus.textContent = st.statuses[st.statusIdx];
-      if (st.meetDot) {
-        st.meetDot.setAttribute('fill',
-          st.statusIdx === 1 ? '#ef4444' : st.statusIdx === 2 ? '#f59e0b' : '#4CAF50');
-      }
-    }
-    // Line chart
-    if (st.linePath) {
-      var d = 'M';
-      for (var p = 0; p < st.linePts; p++) {
-        var x = (p / (st.linePts - 1)) * st.lineW;
-        var y = 10 + (1 - wave(st.phase * 0.8, p * 0.9)) * 30;
-        d += (p ? ' L' : '') + x.toFixed(1) + ',' + y.toFixed(1);
-      }
-      st.linePath.setAttribute('d', d);
-    }
-  }
-
-  /* ── Education ──────────────────────────────────────────── */
-  function initEducation(svg, st) {
-    st.schedSlots  = svg.querySelectorAll('.ind-sched-slot');
-    st.alertBar    = svg.querySelector('.ind-alert-bar');
-    st.alertText   = svg.querySelector('.ind-alert-text');
-    st.alertPhase  = 0;
-    st.alerts      = ['Fire Drill 2:00 PM', 'Early Dismissal Fri', 'Gym Closed Today', 'Bus 12 Delayed'];
-    st.alertIdx    = 0;
-    st.wayfindDots = svg.querySelectorAll('.ind-wf-dot');
-    st.wfActive    = 0;
-    st.wfPhase     = 0;
-  }
-
-  function tickEducation(st) {
-    // Schedule slots pulse (current class highlight)
-    for (var i = 0; i < st.schedSlots.length; i++) {
-      var isCurrent = (Math.floor(st.phase * 0.3) % st.schedSlots.length) === i;
-      st.schedSlots[i].setAttribute('opacity', isCurrent ? '1' : '0.5');
-      st.schedSlots[i].setAttribute('stroke', isCurrent ? '#D83302' : 'none');
-      st.schedSlots[i].setAttribute('stroke-width', isCurrent ? '1.5' : '0');
-    }
-    // Alert banner cycle
-    st.alertPhase += SPEED * 0.12;
-    if (st.alertPhase > 1) {
-      st.alertPhase = 0;
-      st.alertIdx = (st.alertIdx + 1) % st.alerts.length;
-      if (st.alertText) st.alertText.textContent = st.alerts[st.alertIdx];
-    }
-    // Alert bar pulse
-    if (st.alertBar) {
-      var ap = 0.6 + Math.sin(st.phase * 2) * 0.4;
-      st.alertBar.setAttribute('opacity', ap.toFixed(2));
-    }
-    // Wayfinding dot sequence
-    st.wfPhase += SPEED * 0.2;
-    if (st.wfPhase > 1) {
-      st.wfPhase = 0;
-      st.wfActive = (st.wfActive + 1) % Math.max(st.wayfindDots.length, 1);
-    }
-    for (var w = 0; w < st.wayfindDots.length; w++) {
-      st.wayfindDots[w].setAttribute('opacity', w === st.wfActive ? '1' : '0.2');
-    }
-  }
-
-  /* ── Outdoor Marketplace ────────────────────────────────── */
-  function initOutdoor(svg, st) {
-    st.weatherIcon  = svg.querySelector('.ind-weather-icon');
-    st.weatherTemp  = svg.querySelector('.ind-weather-temp');
-    st.weatherPhase = 0;
-    st.weathers     = [
-      { icon: '\u2600', temp: '24°C' },
-      { icon: '\u26C5', temp: '19°C' },
-      { icon: '\u2601', temp: '16°C' },
-      { icon: '\u2600', temp: '22°C' }
-    ];
-    st.weatherIdx  = 0;
-    st.vendorBars  = svg.querySelectorAll('.ind-vendor-bar');
-    st.busyDot     = svg.querySelector('.ind-busy-dot');
-    st.busyLabel   = svg.querySelector('.ind-busy-label');
-  }
-
-  function tickOutdoor(st) {
-    // Weather cycle
-    st.weatherPhase += SPEED * 0.1;
-    if (st.weatherPhase > 1) {
-      st.weatherPhase = 0;
-      st.weatherIdx = (st.weatherIdx + 1) % st.weathers.length;
-      var w = st.weathers[st.weatherIdx];
-      if (st.weatherIcon) st.weatherIcon.textContent = w.icon;
-      if (st.weatherTemp) st.weatherTemp.textContent = w.temp;
-    }
-    // Vendor activity bars
-    for (var i = 0; i < st.vendorBars.length; i++) {
-      var bv = wave(st.phase * 0.5, i * 1.6);
-      var h = Math.round(bv * 25 + 3);
-      st.vendorBars[i].setAttribute('height', h);
-      st.vendorBars[i].setAttribute('y', 28 - h);
-    }
-    // Busy indicator pulse
-    if (st.busyDot) {
-      var busy = wave(st.phase * 0.3, 0) > 0.6;
-      st.busyDot.setAttribute('fill', busy ? '#ef4444' : '#4CAF50');
-      if (st.busyLabel) st.busyLabel.textContent = busy ? 'Busy' : 'Quiet';
-    }
-  }
-
-  /* ── Live Data Displays ─────────────────────────────────── */
-  function initLiveData(svg, st) {
-    st.ldBars      = svg.querySelectorAll('.ind-ld-bar');
-    st.ldVals      = svg.querySelectorAll('.ind-ld-val');
-    st.ldLine      = svg.querySelector('.ind-ld-line');
-    st.ldLineW     = 110;
-    st.ldLinePts   = 8;
-    st.ldPieSegs   = svg.querySelectorAll('.ind-ld-pie');
-    st.ldPieR      = 22;
-    st.ldAlertDot  = svg.querySelector('.ind-ld-alert');
-    st.ldAlertText = svg.querySelector('.ind-ld-alert-text');
-    st.ldAlertPhase = 0;
-    st.ldAlerts     = ['All Systems OK', 'CPU: 72%', 'Latency: 12ms', 'Queue: 340'];
-    st.ldAlertIdx   = 0;
-  }
-
-  function tickLiveData(st) {
-    // Bars animate
-    for (var i = 0; i < st.ldBars.length; i++) {
-      var bv = wave(st.phase, i * 1.1);
-      var h = Math.round(bv * 30 + 5);
-      st.ldBars[i].setAttribute('height', h);
-      st.ldBars[i].setAttribute('y', 35 - h);
-    }
-    // Values update
-    for (var v = 0; v < st.ldVals.length; v++) {
-      var val = wave(st.phase, v * 1.1);
-      st.ldVals[v].textContent = Math.round(val * 5000);
-    }
-    // Line chart
-    if (st.ldLine) {
-      var d = 'M';
-      for (var p = 0; p < st.ldLinePts; p++) {
-        var x = (p / (st.ldLinePts - 1)) * st.ldLineW;
-        var y = 5 + (1 - wave(st.phase * 0.8, p * 0.9)) * 30;
-        d += (p ? ' L' : '') + x.toFixed(1) + ',' + y.toFixed(1);
-      }
-      st.ldLine.setAttribute('d', d);
-    }
-    // Pie chart
-    if (st.ldPieSegs.length) {
-      var n = st.ldPieSegs.length;
-      var weights = [], total = 0;
-      for (var pi = 0; pi < n; pi++) {
-        var pw = 0.5 + wave(st.phase * 0.4, pi * 2.0) * 0.5;
-        weights.push(pw);
-        total += pw;
-      }
-      var angle = 0;
-      for (var pj = 0; pj < n; pj++) {
-        var sweep = (weights[pj] / total) * 360;
-        var startA = angle * Math.PI / 180;
-        var endA = (angle + sweep) * Math.PI / 180;
-        var large = sweep > 180 ? 1 : 0;
-        var r = st.ldPieR;
-        var x1 = Math.sin(startA) * r, y1 = -Math.cos(startA) * r;
-        var x2 = Math.sin(endA) * r, y2 = -Math.cos(endA) * r;
-        var path = st.ldPieSegs[pj];
-        if (path) {
-          path.setAttribute('d',
-            'M0,0 L' + x1.toFixed(2) + ',' + y1.toFixed(2) +
-            ' A' + r + ',' + r + ' 0 ' + large + ',1 ' +
-            x2.toFixed(2) + ',' + y2.toFixed(2) + ' Z');
-        }
-        angle += sweep;
-      }
-    }
-    // Alert text cycle
-    st.ldAlertPhase += SPEED * 0.12;
-    if (st.ldAlertPhase > 1) {
-      st.ldAlertPhase = 0;
-      st.ldAlertIdx = (st.ldAlertIdx + 1) % st.ldAlerts.length;
-      if (st.ldAlertText) st.ldAlertText.textContent = st.ldAlerts[st.ldAlertIdx];
-      if (st.ldAlertDot) {
-        st.ldAlertDot.setAttribute('fill', st.ldAlertIdx === 0 ? '#4CAF50' : '#f59e0b');
-      }
-    }
-  }
-
-  /* ── Registry ───────────────────────────────────────────── */
-  var INDUSTRIES = {
-    hospitality: { init: initHospitality, tick: tickHospitality },
-    retail:      { init: initRetail,      tick: tickRetail },
-    corporate:   { init: initCorporate,   tick: tickCorporate },
-    education:   { init: initEducation,   tick: tickEducation },
-    outdoor:     { init: initOutdoor,     tick: tickOutdoor },
-    livedata:    { init: initLiveData,    tick: tickLiveData }
-  };
-
-  /* ── Main loop ──────────────────────────────────────────── */
-  var instances = [];
-
-  function tickAll() {
-    for (var i = 0; i < instances.length; i++) {
-      var st = instances[i];
-      if (st.paused) continue;
-      st.phase += SPEED * 16;
-      st.handler.tick(st);
-    }
-    requestAnimationFrame(tickAll);
-  }
-
-  function observe(st) {
-    if (!('IntersectionObserver' in window)) return;
-    new IntersectionObserver(function (entries) {
-      for (var i = 0; i < entries.length; i++) {
-        st.paused = !entries[i].isIntersecting;
-      }
-    }, { rootMargin: '200px', threshold: 0.05 }).observe(st.el);
-  }
+  var INTERVAL = 4000; // ms between slides
 
   function boot() {
-    var els = document.querySelectorAll('[data-industry-anim]');
-    if (!els.length) return;
+    var stages = document.querySelectorAll('[data-gtv-slideshow]');
+    if (!stages.length) return;
 
-    for (var i = 0; i < els.length; i++) {
-      var el = els[i];
-      var type = el.getAttribute('data-industry-anim');
-      var handler = INDUSTRIES[type];
-      if (!handler) continue;
-      if (el._indAnim) continue;
+    /* Honour reduced-motion – show first slide only */
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
 
-      var svg = el.querySelector('svg');
-      if (!svg) continue;
+    for (var i = 0; i < stages.length; i++) {
+      initSlideshow(stages[i]);
+    }
+  }
 
-      var st = {
-        el: el,
-        svg: svg,
-        handler: handler,
-        phase: Math.random() * Math.PI * 2,
-        paused: false
-      };
+  function initSlideshow(stage) {
+    var slides = stage.querySelectorAll('.gtv-slide');
+    if (slides.length < 2) return;
 
-      handler.init(svg, st);
-      observe(st);
-      el._indAnim = st;
-      instances.push(st);
+    var state = { current: 0, paused: false, timer: null };
+
+    /* IntersectionObserver – pause when off-screen */
+    if ('IntersectionObserver' in window) {
+      new IntersectionObserver(function (entries) {
+        for (var j = 0; j < entries.length; j++) {
+          state.paused = !entries[j].isIntersecting;
+        }
+        if (!state.paused && !state.timer) {
+          state.timer = setInterval(function () { advance(slides, state); }, INTERVAL);
+        } else if (state.paused && state.timer) {
+          clearInterval(state.timer);
+          state.timer = null;
+        }
+      }, { rootMargin: '200px', threshold: 0.05 }).observe(stage);
     }
 
-    if (instances.length) requestAnimationFrame(tickAll);
+    /* Start cycling */
+    state.timer = setInterval(function () { advance(slides, state); }, INTERVAL);
+  }
+
+  function advance(slides, state) {
+    if (state.paused) return;
+    slides[state.current].classList.remove('is-active');
+    state.current = (state.current + 1) % slides.length;
+    slides[state.current].classList.add('is-active');
   }
 
   if (document.readyState === 'loading') {
diff --git a/theme/blocks/editor.js b/theme/blocks/editor.js
index df31875..0adffde 100644
--- a/theme/blocks/editor.js
+++ b/theme/blocks/editor.js
@@ -1181,6 +1181,7 @@ reg('oribi/platform-row', {
         imgAlt:      { type: 'string',  default: '' },
         imgWidth:    { type: 'number',  default: 300 },
         cameraAnim:  { type: 'boolean', default: false },
+        galleryIds:  { type: 'array',   default: [] },
     },
     edit: function (props) {
         var a = props.attributes, s = props.setAttributes;
@@ -1193,6 +1194,31 @@ reg('oribi/platform-row', {
                     el(TG, { label: 'Reversed', checked: !!a.reversed, onChange: function(v){s({reversed:v});} }),
                     el(TG, { label: 'Camera Animation', checked: !!a.cameraAnim, onChange: function(v){s({cameraAnim:v});} })
                 ),
+                el(PB, { title: 'Gallery TV Slideshow', initialOpen: false },
+                    el(MUC, null,
+                        el(MU, {
+                            onSelect: function(media) {
+                                s({ galleryIds: media.map(function(m){ return m.id; }) });
+                            },
+                            allowedTypes: ['image'],
+                            gallery: true,
+                            multiple: true,
+                            value: a.galleryIds || [],
+                            render: function(ref) {
+                                return el(Frag, null,
+                                    a.galleryIds && a.galleryIds.length
+                                        ? el('div', { style: { marginBottom: '8px' } },
+                                            el('p', { style: { margin: '0 0 4px' } }, a.galleryIds.length + ' image(s) selected'),
+                                            el(Btn, { variant: 'link', isDestructive: true, onClick: function(){ s({ galleryIds: [] }); } }, 'Clear gallery')
+                                          )
+                                        : null,
+                                    el(Btn, { onClick: ref.open, variant: 'secondary', __next40pxDefaultSize: true },
+                                        a.galleryIds && a.galleryIds.length ? 'Edit gallery' : 'Select images for TV slideshow')
+                                );
+                            }
+                        })
+                    )
+                ),
                 el(PB, { title: 'Visual Image', initialOpen: false },
                     el(MUC, null,
                         el(MU, {
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 2c12f1b..2283bb6 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -558,12 +558,7 @@ add_action( 'init', function () {
             'cameraAnim'   => [ 'type' => 'boolean', 'default' => false ],
             'neverGoesDark'=> [ 'type' => 'boolean', 'default' => false ],
             'brandedAnim'  => [ 'type' => 'boolean', 'default' => false ],
-            'industryHospitality' => [ 'type' => 'boolean', 'default' => false ],
-            'industryRetail'      => [ 'type' => 'boolean', 'default' => false ],
-            'industryCorporate'   => [ 'type' => 'boolean', 'default' => false ],
-            'industryEducation'   => [ 'type' => 'boolean', 'default' => false ],
-            'industryOutdoor'     => [ 'type' => 'boolean', 'default' => false ],
-            'industryLiveData'    => [ 'type' => 'boolean', 'default' => false ],
+            'galleryIds'   => [ 'type' => 'array',   'default' => [], 'items' => [ 'type' => 'number' ] ],
         ],
         'supports'        => $block_supports,
         'render_callback' => 'oribi_render_platform_row',
@@ -1795,475 +1790,38 @@ function oribi_render_platform_row( $a ) {
         $visual_html = $ca;
         $visual_cls  = 'platform-visual has-camera';
 
-    /* ── Industry: Hospitality ─────────────────────────────── */
-    } elseif ( ! empty( $a['industryHospitality'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="hospitality" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Hospitality signage environment">'
-        /* ── Background: restaurant counter area ── */
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        . '<rect x="0" y="240" width="400" height="60" rx="0" fill="#12121f" />'
-        /* ── Wall-mounted menu board (large display) ── */
-        . '<g transform="translate(20,20)">'
-        .   '<rect x="0" y="0" width="220" height="150" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="6" y="6" width="208" height="138" rx="2" fill="#1c2333" />'
-        /* Menu header */
-        .   '<rect x="14" y="14" width="80" height="8" rx="2" fill="#D83302" opacity=".8" />'
-        .   '<text x="14" y="35" font-size="7" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">TODAY\'S SPECIALS</text>'
-        /* Menu items with prices */
-        .   '<text x="14" y="52" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Grilled Salmon</text>'
-        .   '<text class="ind-menu-price" x="192" y="52" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$18.50</text>'
-        .   '<rect class="ind-menu-bar" x="14" y="55" width="40" height="3" rx="1" fill="#D83302" opacity=".4" />'
-        .   '<text x="14" y="72" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Wagyu Burger</text>'
-        .   '<text class="ind-menu-price" x="192" y="72" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$22.00</text>'
-        .   '<rect class="ind-menu-bar" x="14" y="75" width="55" height="3" rx="1" fill="#D83302" opacity=".4" />'
-        .   '<text x="14" y="92" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Caesar Salad</text>'
-        .   '<text class="ind-menu-price" x="192" y="92" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$12.00</text>'
-        .   '<rect class="ind-menu-bar" x="14" y="95" width="30" height="3" rx="1" fill="#D83302" opacity=".4" />'
-        .   '<text x="14" y="112" font-size="8" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Pasta Carbonara</text>'
-        .   '<text class="ind-menu-price" x="192" y="112" font-size="8" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$15.00</text>'
-        .   '<rect class="ind-menu-bar" x="14" y="115" width="45" height="3" rx="1" fill="#D83302" opacity=".4" />'
-        /* Promo banner */
-        .   '<rect x="6" y="126" width="208" height="18" fill="#D83302" opacity=".15" />'
-        .   '<text class="ind-promo-text" x="110" y="138" font-size="7" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">HAPPY HOUR 5-7PM</text>'
-        . '</g>'
-        /* ── Tablet on counter (POS integration) ── */
-        . '<g transform="translate(270,60)">'
-        .   '<rect x="0" y="0" width="100" height="140" rx="6" fill="#222" stroke="#444" stroke-width="1" />'
-        .   '<rect x="6" y="8" width="88" height="110" rx="2" fill="#1c2333" />'
-        .   '<circle cx="50" cy="132" r="4" fill="#333" />'
-        /* POS mini-UI */
-        .   '<rect x="12" y="16" width="76" height="6" rx="1" fill="#00757c" opacity=".6" />'
-        .   '<text x="50" y="38" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle">Order #47</text>'
-        .   '<rect x="12" y="44" width="76" height="1" fill="rgba(255,255,255,.1)" />'
-        .   '<text x="12" y="56" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">1x Salmon</text>'
-        .   '<text x="88" y="56" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="end">$18.50</text>'
-        .   '<text x="12" y="66" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">2x Lager</text>'
-        .   '<text x="88" y="66" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="end">$14.00</text>'
-        .   '<rect x="12" y="74" width="76" height="1" fill="rgba(255,255,255,.1)" />'
-        .   '<text x="12" y="86" font-size="6" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif" font-weight="600">Total</text>'
-        .   '<text x="88" y="86" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end" font-weight="600">$32.50</text>'
-        .   '<rect x="12" y="96" width="76" height="16" rx="3" fill="#4CAF50" opacity=".8" />'
-        .   '<text x="50" y="107" font-size="6" fill="#fff" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">PAY</text>'
-        . '</g>'
-        /* ── Ambient: counter top ── */
-        . '<rect x="0" y="235" width="400" height="3" fill="#333" />'
-        /* ── Label: wall screen type ── */
-        . '<text x="130" y="185" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">MENU BOARD</text>'
-        . '<text x="320" y="215" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">POS TABLET</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
-
-    /* ── Industry: Retail ──────────────────────────────────── */
-    } elseif ( ! empty( $a['industryRetail'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="retail" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Retail signage environment">'
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        /* ── Large overhead promo display ── */
-        . '<g transform="translate(20,15)">'
-        .   '<rect x="0" y="0" width="240" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="5" y="5" width="230" height="120" rx="2" fill="#1c2333" />'
-        /* Promo content */
-        .   '<rect x="12" y="12" width="60" height="8" rx="2" fill="#D83302" opacity=".8" />'
-        .   '<text x="12" y="36" font-size="11" fill="rgba(255,255,255,.9)" font-family="Inter,sans-serif" font-weight="700">SPRING SALE</text>'
-        .   '<text x="12" y="50" font-size="7" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif">Up to 40% off selected items</text>'
-        /* Product grid */
-        .   '<g transform="translate(12,60)">'
-        .     '<rect class="ind-product-slot" x="0" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
-        .     '<rect x="6" y="6" width="36" height="24" rx="2" fill="#333" />'
-        .     '<text class="ind-sale-tag" x="24" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$29.99</text>'
-        .     '<rect class="ind-product-slot" x="56" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
-        .     '<rect x="62" y="6" width="36" height="24" rx="2" fill="#333" />'
-        .     '<text class="ind-sale-tag" x="80" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$49.99</text>'
-        .     '<rect class="ind-product-slot" x="112" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
-        .     '<rect x="118" y="6" width="36" height="24" rx="2" fill="#333" />'
-        .     '<text class="ind-sale-tag" x="136" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$19.99</text>'
-        .     '<rect class="ind-product-slot" x="168" y="0" width="48" height="48" rx="3" fill="#252540" stroke="#D83302" stroke-width="0" />'
-        .     '<rect x="174" y="6" width="36" height="24" rx="2" fill="#333" />'
-        .     '<text class="ind-sale-tag" x="192" y="42" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">$39.99</text>'
-        .   '</g>'
-        . '</g>'
-        /* ── Analytics monitor (small) ── */
-        . '<g transform="translate(280,15)">'
-        .   '<rect x="0" y="0" width="100" height="80" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="4" y="4" width="92" height="72" rx="2" fill="#1c2333" />'
-        .   '<text x="10" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">FOOTFALL</text>'
-        .   '<text class="ind-footfall-val" x="10" y="32" font-size="14" fill="#D83302" font-family="Inter,sans-serif" font-weight="700">243</text>'
-        .   '<text x="10" y="42" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif">visitors today</text>'
-        /* Revenue mini bars */
-        .   '<g transform="translate(10,48)">'
-        .     '<rect class="ind-rev-bar" x="0"  y="35" width="10" height="5" fill="#4CAF50" />'
-        .     '<rect class="ind-rev-bar" x="14" y="30" width="10" height="10" fill="#4CAF50" />'
-        .     '<rect class="ind-rev-bar" x="28" y="25" width="10" height="15" fill="#4CAF50" />'
-        .     '<rect class="ind-rev-bar" x="42" y="20" width="10" height="20" fill="#D83302" />'
-        .     '<rect class="ind-rev-bar" x="56" y="28" width="10" height="12" fill="#4CAF50" />'
-        .     '<rect class="ind-rev-bar" x="70" y="22" width="10" height="18" fill="#4CAF50" />'
-        .   '</g>'
-        . '</g>'
-        /* ── Wayfinding pillar (floor standing) ── */
-        . '<g transform="translate(290,110)">'
-        .   '<rect x="10" y="0" width="80" height="120" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="14" y="4" width="72" height="112" rx="2" fill="#1c2333" />'
-        .   '<text x="50" y="18" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">FLOOR GUIDE</text>'
-        .   '<text x="22" y="34" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2190 Menswear</text>'
-        .   '<text x="22" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2192 Electronics</text>'
-        .   '<text x="22" y="62" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2191 Food Court</text>'
-        .   '<text x="22" y="76" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2190 Home &amp; Garden</text>'
-        .   '<rect x="30" y="86" width="40" height="22" rx="3" fill="#D83302" opacity=".2" />'
-        .   '<text x="50" y="100" font-size="6" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">MAP</text>'
-        . '</g>'
-        /* ── Shelf edge (store floor) ── */
-        . '<rect x="0" y="248" width="270" height="52" fill="#12121f" />'
-        . '<rect x="20" y="250" width="230" height="4" fill="#333" />'
-        . '<text x="135" y="270" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">PROMO DISPLAY</text>'
-        . '<text x="340" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">WAYFINDING</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
-
-    /* ── Industry: Corporate Office ─────────────────────────── */
-    } elseif ( ! empty( $a['industryCorporate'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="corporate" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Corporate office signage environment">'
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        /* ── Meeting room display (wall-mounted) ── */
-        . '<g transform="translate(20,20)">'
-        .   '<rect x="0" y="0" width="170" height="120" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="5" y="5" width="160" height="110" rx="2" fill="#1c2333" />'
-        /* Teams-style header */
-        .   '<rect x="10" y="10" width="150" height="14" rx="2" fill="#5b5fc7" opacity=".3" />'
-        .   '<text x="18" y="20" font-size="6" fill="rgba(255,255,255,.8)" font-family="Inter,sans-serif" font-weight="600">\uD83D\uDCF9 Room: Boardroom A</text>'
-        /* Status */
-        .   '<circle class="ind-meet-dot" cx="18" cy="38" r="4" fill="#4CAF50" />'
-        .   '<text class="ind-meet-status" x="28" y="41" font-size="7" fill="rgba(255,255,255,.7)" font-family="Inter,sans-serif">Available</text>'
-        /* Schedule */
-        .   '<text x="10" y="58" font-size="5.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">UPCOMING</text>'
-        .   '<text x="10" y="70" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">10:00 - Sprint Planning</text>'
-        .   '<text x="10" y="82" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">13:00 - Design Review</text>'
-        .   '<text x="10" y="94" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">15:30 - All Hands</text>'
-        .   '<rect x="10" y="100" width="150" height="10" rx="2" fill="#4CAF50" opacity=".15" />'
-        .   '<text x="85" y="108" font-size="5.5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle">Book Now</text>'
-        . '</g>'
-        /* ── KPI Dashboard (large monitor on stand) ── */
-        . '<g transform="translate(210,10)">'
-        .   '<rect x="0" y="0" width="170" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="5" y="5" width="160" height="120" rx="2" fill="#1c2333" />'
-        .   '<text x="12" y="18" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">LIVE DASHBOARD</text>'
-        /* KPI cards */
-        .   '<g transform="translate(12,26)">'
-        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
-        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Uptime</text>'
-        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">99%</text>'
-        .   '</g>'
-        .   '<g transform="translate(62,26)">'
-        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
-        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Users</text>'
-        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">240</text>'
-        .   '</g>'
-        .   '<g transform="translate(112,26)">'
-        .     '<rect x="0" y="0" width="44" height="32" rx="2" fill="#252540" />'
-        .     '<text x="22" y="11" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">Latency</text>'
-        .     '<text class="ind-kpi-val" x="22" y="24" font-size="10" fill="#f59e0b" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">22ms</text>'
-        .   '</g>'
-        /* Trend line */
-        .   '<g transform="translate(12,66)">'
-        .     '<text x="0" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">REQUESTS / MIN</text>'
-        .     '<line x1="0" y1="10" x2="140" y2="10" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
-        .     '<line x1="0" y1="25" x2="140" y2="25" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
-        .     '<line x1="0" y1="40" x2="140" y2="40" stroke="rgba(255,255,255,.06)" stroke-width=".5" />'
-        .     '<path class="ind-corp-line" d="M0,25 L140,25" stroke="#4CAF50" stroke-width="1.5" fill="none" stroke-linecap="round" />'
-        .   '</g>'
-        /* Monitor stand */
-        .   '<rect x="75" y="130" width="20" height="12" fill="#222" />'
-        .   '<rect x="55" y="140" width="60" height="4" rx="2" fill="#333" />'
-        . '</g>'
-        /* ── Announcement ticker (lobby display) ── */
-        . '<g transform="translate(20,160)">'
-        .   '<rect x="0" y="0" width="360" height="40" rx="4" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="4" y="4" width="352" height="32" rx="2" fill="#0d1117" />'
-        .   '<rect x="8" y="8" width="60" height="12" rx="2" fill="#D83302" opacity=".2" />'
-        .   '<text x="38" y="17" font-size="6" fill="#D83302" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">COMPANY NEWS</text>'
-        .   '<text x="80" y="30" font-size="6.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Q4 Results exceed forecast \u2022 New office opening in March \u2022 Hackathon registrations open</text>'
-        . '</g>'
-        /* Labels */
-        . '<text x="105" y="220" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">MEETING ROOM</text>'
-        . '<text x="295" y="220" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">KPI DASHBOARD</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
-
-    /* ── Industry: Education ───────────────────────────────── */
-    } elseif ( ! empty( $a['industryEducation'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="education" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Education signage environment">'
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        /* ── Timetable display (large wall-mount) ── */
-        . '<g transform="translate(15,15)">'
-        .   '<rect x="0" y="0" width="230" height="160" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="5" y="5" width="220" height="150" rx="2" fill="#1c2333" />'
-        .   '<text x="12" y="18" font-size="7" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">DAILY TIMETABLE</text>'
-        .   '<text x="200" y="18" font-size="6" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" text-anchor="end">Tuesday</text>'
-        /* Column headers */
-        .   '<g transform="translate(12,28)">'
-        .     '<rect x="0" y="0" width="200" height="10" rx="1" fill="rgba(255,255,255,.05)" />'
-        .     '<text x="6" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">TIME</text>'
-        .     '<text x="50" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">ROOM</text>'
-        .     '<text x="100" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">SUBJECT</text>'
-        .     '<text x="170" y="7" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">STATUS</text>'
-        .   '</g>'
-        /* Schedule rows */
-        .   '<g transform="translate(12,44)">'
-        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
-        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">09:00</text>'
-        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">B201</text>'
-        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Mathematics</text>'
-        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
-        .   '</g>'
-        .   '<g transform="translate(12,66)">'
-        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
-        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">10:30</text>'
-        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Lab 3</text>'
-        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Chemistry</text>'
-        .     '<circle cx="185" cy="9" r="3" fill="#f59e0b" />'
-        .   '</g>'
-        .   '<g transform="translate(12,88)">'
-        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
-        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">13:00</text>'
-        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Hall A</text>'
-        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Literature</text>'
-        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
-        .   '</g>'
-        .   '<g transform="translate(12,110)">'
-        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
-        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">14:30</text>'
-        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Gym</text>'
-        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">PE</text>'
-        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
-        .   '</g>'
-        .   '<g transform="translate(12,132)">'
-        .     '<rect class="ind-sched-slot" x="0" y="0" width="200" height="18" rx="2" fill="#252540" />'
-        .     '<text x="6" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">16:00</text>'
-        .     '<text x="50" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">C105</text>'
-        .     '<text x="100" y="12" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Art</text>'
-        .     '<circle cx="185" cy="9" r="3" fill="#4CAF50" />'
-        .   '</g>'
-        . '</g>'
-        /* ── Campus wayfinding (floor directory) ── */
-        . '<g transform="translate(260,15)">'
-        .   '<rect x="0" y="0" width="120" height="100" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="4" y="4" width="112" height="92" rx="2" fill="#1c2333" />'
-        .   '<text x="60" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">CAMPUS MAP</text>'
-        /* Simplified building outlines with wayfinding dots */
-        .   '<rect x="15" y="24" width="30" height="20" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
-        .   '<rect x="55" y="28" width="25" height="16" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
-        .   '<rect x="90" y="22" width="18" height="24" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
-        .   '<rect x="30" y="54" width="45" height="18" rx="2" fill="#252540" stroke="rgba(255,255,255,.1)" stroke-width=".5" />'
-        .   '<circle class="ind-wf-dot" cx="30" cy="34" r="3" fill="#D83302" />'
-        .   '<circle class="ind-wf-dot" cx="67" cy="36" r="3" fill="#D83302" opacity=".2" />'
-        .   '<circle class="ind-wf-dot" cx="99" cy="34" r="3" fill="#D83302" opacity=".2" />'
-        .   '<circle class="ind-wf-dot" cx="52" cy="63" r="3" fill="#D83302" opacity=".2" />'
-        .   '<text x="60" y="86" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" text-anchor="middle">You are here \u2022</text>'
-        . '</g>'
-        /* ── Emergency alert banner ── */
-        . '<g transform="translate(260,130)">'
-        .   '<rect class="ind-alert-bar" x="0" y="0" width="120" height="30" rx="3" fill="#ef4444" opacity=".7" />'
-        .   '<text x="10" y="12" font-size="5" fill="#fff" font-family="Inter,sans-serif" font-weight="700">\u26A0 ALERT</text>'
-        .   '<text class="ind-alert-text" x="10" y="23" font-size="5.5" fill="rgba(255,255,255,.9)" font-family="Inter,sans-serif">Fire Drill 2:00 PM</text>'
-        . '</g>'
-        /* Labels */
-        . '<text x="130" y="195" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">TIMETABLE</text>'
-        . '<text x="320" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">WAYFINDING</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
-
-    /* ── Industry: Outdoor Marketplace ─────────────────────── */
-    } elseif ( ! empty( $a['industryOutdoor'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="outdoor" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Outdoor marketplace signage environment">'
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        /* ── Market stall canopy ── */
-        . '<path d="M30,100 L200,80 L370,100 L370,110 L30,110 Z" fill="#252540" />'
-        . '<path d="M30,100 L200,80 L370,100" fill="none" stroke="#D83302" stroke-width="1.5" opacity=".4" />'
-        /* ── Overhead digital sign (weather resistant) ── */
-        . '<g transform="translate(60,20)">'
-        .   '<rect x="0" y="0" width="280" height="55" rx="4" fill="#111" stroke="#00757c" stroke-width="1.5" />'
-        .   '<rect x="4" y="4" width="272" height="47" rx="2" fill="#1c2333" />'
-        /* Weather widget */
-        .   '<text class="ind-weather-icon" x="22" y="32" font-size="20" text-anchor="middle">\u2600</text>'
-        .   '<text class="ind-weather-temp" x="22" y="46" font-size="7" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif" text-anchor="middle">24\u00B0C</text>'
-        /* Market info */
-        .   '<text x="55" y="18" font-size="6" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" font-weight="600">GREENFIELD MARKET</text>'
-        .   '<text x="55" y="30" font-size="8" fill="rgba(255,255,255,.8)" font-family="Inter,sans-serif" font-weight="700">Fresh Produce \u2022 Artisan Goods</text>'
-        .   '<text x="55" y="42" font-size="6" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Open Today 8AM \u2013 4PM</text>'
-        /* Busy indicator */
-        .   '<circle class="ind-busy-dot" cx="252" cy="25" r="5" fill="#4CAF50" />'
-        .   '<text class="ind-busy-label" x="252" y="40" font-size="5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle">Quiet</text>'
-        . '</g>'
-        /* ── Vendor tablet (on counter) ── */
-        . '<g transform="translate(40,120)">'
-        .   '<rect x="0" y="0" width="140" height="100" rx="4" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="4" y="4" width="132" height="92" rx="2" fill="#1c2333" />'
-        .   '<text x="10" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">VENDOR: FARM FRESH</text>'
-        .   '<rect x="10" y="22" width="120" height="1" fill="rgba(255,255,255,.1)" />'
-        /* Product categories */
-        .   '<text x="10" y="36" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Tomatoes</text>'
-        .   '<text x="110" y="36" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$3/kg</text>'
-        .   '<text x="10" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Strawberries</text>'
-        .   '<text x="110" y="48" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$5/punnet</text>'
-        .   '<text x="10" y="60" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Sourdough</text>'
-        .   '<text x="110" y="60" font-size="6" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">$8/loaf</text>'
-        /* Activity mini chart */
-        .   '<text x="10" y="76" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif" font-weight="600">SALES TODAY</text>'
-        .   '<g transform="translate(10,80)">'
-        .     '<rect class="ind-vendor-bar" x="0"   y="25" width="12" height="3" fill="#D83302" />'
-        .     '<rect class="ind-vendor-bar" x="16"  y="20" width="12" height="8" fill="#D83302" />'
-        .     '<rect class="ind-vendor-bar" x="32"  y="15" width="12" height="13" fill="#D83302" />'
-        .     '<rect class="ind-vendor-bar" x="48"  y="10" width="12" height="18" fill="#4CAF50" />'
-        .     '<rect class="ind-vendor-bar" x="64"  y="18" width="12" height="10" fill="#D83302" />'
-        .     '<rect class="ind-vendor-bar" x="80"  y="12" width="12" height="16" fill="#D83302" />'
-        .     '<rect class="ind-vendor-bar" x="96"  y="8"  width="12" height="20" fill="#4CAF50" />'
-        .   '</g>'
-        . '</g>'
-        /* ── Second display – event board (standing) ── */
-        . '<g transform="translate(220,120)">'
-        .   '<rect x="0" y="0" width="140" height="100" rx="3" fill="#111" stroke="#333" stroke-width="1" />'
-        .   '<rect x="4" y="4" width="132" height="92" rx="2" fill="#1c2333" />'
-        .   '<text x="70" y="16" font-size="6" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">UPCOMING EVENTS</text>'
-        .   '<rect x="10" y="22" width="120" height="1" fill="rgba(255,255,255,.1)" />'
-        .   '<text x="10" y="36" font-size="6" fill="#D83302" font-family="Inter,sans-serif">\u2022 Live Music 12:00</text>'
-        .   '<text x="10" y="48" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Cooking Demo 1:30</text>'
-        .   '<text x="10" y="60" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Kids Workshop 2:00</text>'
-        .   '<text x="10" y="72" font-size="6" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">\u2022 Prize Draw 3:30</text>'
-        .   '<rect x="10" y="78" width="120" height="12" rx="2" fill="#00757c" opacity=".2" />'
-        .   '<text x="70" y="87" font-size="5.5" fill="#00757c" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600">VIEW FULL SCHEDULE</text>'
-        . '</g>'
-        /* Ground/grass hint */
-        . '<rect x="0" y="250" width="400" height="50" fill="#12121f" />'
-        . '<text x="110" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">VENDOR DISPLAY</text>'
-        . '<text x="290" y="245" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">EVENT BOARD</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
-
-    /* ── Industry: Live Data Displays ──────────────────────── */
-    } elseif ( ! empty( $a['industryLiveData'] ) ) {
-        $visual_html = '<div class="ind-stage" data-industry-anim="livedata" aria-hidden="true">'
-        . '<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Live data display environment">'
-        . '<defs>'
-        .   '<linearGradient id="indLdGrad" x1="0%" y1="0%" x2="0%" y2="100%">'
-        .     '<stop offset="0%" stop-color="#D83302" stop-opacity="1"/>'
-        .     '<stop offset="100%" stop-color="#4CAF50" stop-opacity=".8"/>'
-        .   '</linearGradient>'
-        . '</defs>'
-        . '<rect x="0" y="0" width="400" height="300" rx="8" fill="#1a1a2e" />'
-        /* ── Monitor 1: Bar chart (left) ── */
-        . '<g transform="translate(10,15)">'
-        .   '<rect x="0" y="0" width="125" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="4" y="4" width="117" height="122" rx="2" fill="#1c2333" />'
-        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">THROUGHPUT</text>'
-        .   '<g transform="translate(10,22)">'
-        .     '<rect class="ind-ld-bar" x="0"  y="30" width="12" height="5" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="16" y="25" width="12" height="10" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="32" y="20" width="12" height="15" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="48" y="15" width="12" height="20" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="64" y="22" width="12" height="13" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="80" y="18" width="12" height="17" fill="url(#indLdGrad)" />'
-        .     '<rect class="ind-ld-bar" x="96" y="12" width="12" height="23" fill="url(#indLdGrad)" />'
-        .   '</g>'
-        .   '<g transform="translate(10,62)">'
-        .     '<text class="ind-ld-val" x="6"  y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="22" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="38" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="54" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="70" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="86" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .     '<text class="ind-ld-val" x="102" y="0" font-size="5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif" text-anchor="middle">0</text>'
-        .   '</g>'
-        /* Status line */
-        .   '<g transform="translate(10,76)">'
-        .     '<circle class="ind-ld-alert" cx="4" cy="4" r="3" fill="#4CAF50" />'
-        .     '<text class="ind-ld-alert-text" x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">All Systems OK</text>'
-        .   '</g>'
-        /* Line chart below */
-        .   '<g transform="translate(10,90)">'
-        .     '<text x="0" y="0" font-size="5" fill="rgba(255,255,255,.3)" font-family="Inter,sans-serif">LATENCY</text>'
-        .     '<line x1="0" y1="8" x2="100" y2="8" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
-        .     '<line x1="0" y1="20" x2="100" y2="20" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
-        .     '<line x1="0" y1="32" x2="100" y2="32" stroke="rgba(255,255,255,.05)" stroke-width=".5" />'
-        .     '<path class="ind-ld-line" d="M0,20 L110,20" stroke="#4CAF50" stroke-width="1.5" fill="none" stroke-linecap="round" />'
-        .   '</g>'
-        /* Monitor stand */
-        .   '<rect x="50" y="130" width="25" height="10" fill="#222" />'
-        .   '<rect x="35" y="138" width="55" height="3" rx="1" fill="#333" />'
-        . '</g>'
-        /* ── Monitor 2: Pie chart + KPIs (center) ── */
-        . '<g transform="translate(145,15)">'
-        .   '<rect x="0" y="0" width="110" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="4" y="4" width="102" height="122" rx="2" fill="#1c2333" />'
-        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">DISTRIBUTION</text>'
-        /* Pie chart */
-        .   '<g transform="translate(55,56)">'
-        .     '<path class="ind-ld-pie" d="M0,0 L0,-22 A22,22 0 0,1 15.56,-15.56 Z" fill="#D83302" opacity=".9"/>'
-        .     '<path class="ind-ld-pie" d="M0,0 L15.56,-15.56 A22,22 0 0,1 22,0 Z" fill="#4CAF50" opacity=".8"/>'
-        .     '<path class="ind-ld-pie" d="M0,0 L22,0 A22,22 0 0,1 0,22 Z" fill="#f59e0b" opacity=".7"/>'
-        .     '<path class="ind-ld-pie" d="M0,0 L0,22 A22,22 0 0,1 -22,0 Z" fill="#5b5fc7" opacity=".7"/>'
-        .     '<path class="ind-ld-pie" d="M0,0 L-22,0 A22,22 0 0,1 0,-22 Z" fill="#ef4444" opacity=".6"/>'
-        .     '<circle cx="0" cy="0" r="10" fill="#1c2333" stroke="rgba(255,255,255,.1)" stroke-width=".5"/>'
-        .   '</g>'
-        /* Legend */
-        .   '<g transform="translate(10,88)">'
-        .     '<rect x="0" y="0" width="5" height="5" fill="#D83302"/><text x="8" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">API</text>'
-        .     '<rect x="30" y="0" width="5" height="5" fill="#4CAF50"/><text x="38" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">DB</text>'
-        .     '<rect x="58" y="0" width="5" height="5" fill="#f59e0b"/><text x="66" y="5" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Cache</text>'
-        .     '<rect x="0" y="12" width="5" height="5" fill="#5b5fc7"/><text x="8" y="17" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Queue</text>'
-        .     '<rect x="40" y="12" width="5" height="5" fill="#ef4444"/><text x="48" y="17" font-size="4.5" fill="rgba(255,255,255,.4)" font-family="Inter,sans-serif">Worker</text>'
-        .   '</g>'
-        /* Monitor stand */
-        .   '<rect x="40" y="130" width="30" height="10" fill="#222" />'
-        .   '<rect x="25" y="138" width="60" height="3" rx="1" fill="#333" />'
-        . '</g>'
-        /* ── Monitor 3: Alert feed (right) ── */
-        . '<g transform="translate(265,15)">'
-        .   '<rect x="0" y="0" width="125" height="130" rx="4" fill="#111" stroke="#333" stroke-width="1.5" />'
-        .   '<rect x="4" y="4" width="117" height="122" rx="2" fill="#1c2333" />'
-        .   '<text x="10" y="16" font-size="5.5" fill="rgba(255,255,255,.5)" font-family="Inter,sans-serif" font-weight="600">SYSTEM STATUS</text>'
-        /* Status rows */
-        .   '<g transform="translate(10,24)">'
-        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
-        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">API Gateway</text>'
-        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
-        .   '</g>'
-        .   '<g transform="translate(10,38)">'
-        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
-        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Database</text>'
-        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
-        .   '</g>'
-        .   '<g transform="translate(10,52)">'
-        .     '<circle cx="5" cy="4" r="3" fill="#f59e0b"/>'
-        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Cache Layer</text>'
-        .     '<text x="100" y="7" font-size="5" fill="#f59e0b" font-family="Inter,sans-serif" text-anchor="end">WARN</text>'
-        .   '</g>'
-        .   '<g transform="translate(10,66)">'
-        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
-        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">CDN</text>'
-        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
-        .   '</g>'
-        .   '<g transform="translate(10,80)">'
-        .     '<circle cx="5" cy="4" r="3" fill="#4CAF50"/>'
-        .     '<text x="12" y="7" font-size="5.5" fill="rgba(255,255,255,.6)" font-family="Inter,sans-serif">Workers</text>'
-        .     '<text x="100" y="7" font-size="5" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="end">OK</text>'
-        .   '</g>'
-        /* Uptime badge */
-        .   '<rect x="10" y="95" width="97" height="18" rx="3" fill="#252540" />'
-        .   '<text x="58" y="107" font-size="7" fill="#4CAF50" font-family="Inter,sans-serif" text-anchor="middle" font-weight="700">99.98% Uptime</text>'
-        /* Monitor stand */
-        .   '<rect x="48" y="130" width="29" height="10" fill="#222" />'
-        .   '<rect x="33" y="138" width="59" height="3" rx="1" fill="#333" />'
-        . '</g>'
-        /* ── Desk surface ── */
-        . '<rect x="0" y="160" width="400" height="4" fill="#333" />'
-        /* Labels */
-        . '<text x="72" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">THROUGHPUT</text>'
-        . '<text x="200" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">DISTRIBUTION</text>'
-        . '<text x="327" y="180" font-size="7" fill="rgba(255,255,255,.25)" font-family="Inter,sans-serif" text-anchor="middle" font-weight="600" letter-spacing=".1em">SYSTEM STATUS</text>'
-        . '</svg></div>';
-        $visual_cls = 'platform-visual has-industry';
+    /* ── Gallery TV Slideshow ───────────────────────────────── */
+    } elseif ( ! empty( $a['galleryIds'] ) && is_array( $a['galleryIds'] ) && count( $a['galleryIds'] ) > 0 ) {
+        $slides = '';
+        $count  = 0;
+        foreach ( $a['galleryIds'] as $gid ) {
+            $gid = intval( $gid );
+            if ( ! $gid ) continue;
+            $url = wp_get_attachment_url( $gid );
+            $alt = get_post_meta( $gid, '_wp_attachment_image_alt', true );
+            if ( ! $url ) continue;
+            $active = $count === 0 ? ' is-active' : '';
+            $slides .= '<div class="gtv-slide' . $active . '">';
+            $slides .= '<img src="' . esc_url( $url ) . '" alt="' . esc_attr( $alt ) . '" loading="lazy" />';
+            $slides .= '</div>';
+            $count++;
+        }
+        if ( $count > 0 ) {
+            $visual_html  = '<div class="gtv-stage" data-gtv-slideshow aria-hidden="true">';
+            $visual_html .= '<div class="gtv-tv">';
+            $visual_html .= '<div class="gtv-tv__body">';
+            $visual_html .= '<div class="gtv-tv__screen">';
+            $visual_html .= '<div class="gtv-slides">' . $slides . '</div>';
+            $visual_html .= '</div>'; // screen
+            $visual_html .= '</div>'; // body
+            $visual_html .= '<div class="gtv-tv__feet"><div class="gtv-tv__foot"></div><div class="gtv-tv__foot"></div></div>';
+            $visual_html .= '</div>'; // tv
+            $visual_html .= '</div>'; // stage
+            $visual_cls   = 'platform-visual has-gallery-tv';
+        } else {
+            $visual_html = oribi_render_icon( $a['visual'] ?? '' );
+            $visual_cls  = 'platform-visual';
+        }
 
     } else {
         $visual_html = oribi_render_icon( $a['visual'] ?? '' );
@@ -2283,7 +1841,6 @@ function oribi_render_platform_row( $a ) {
 </div>
 <?php return ob_get_clean();
 }
-
 /* ── Trust Section (parent - wraps child trust-item blocks) ────────────────── */
 function oribi_render_trust_section( $a, $content ) {
     ob_start(); ?>
diff --git a/theme/inc/enqueue.php b/theme/inc/enqueue.php
index 0bcb17d..eafd3fd 100644
--- a/theme/inc/enqueue.php
+++ b/theme/inc/enqueue.php
@@ -38,9 +38,9 @@ add_action( 'wp_enqueue_scripts', function () {
 		true
 	);
 
-	// Industry mockup animator - animated device mockups for solutions page
+	// Gallery TV slideshow - cycles images in TV-frame cards
 	wp_enqueue_script(
-		'oribi-industry-animator',
+		'oribi-gallery-tv',
 		ORIBI_URI . '/assets/js/industry-animator.js',
 		[],
 		ORIBI_VERSION . '.' . filemtime( ORIBI_DIR . '/assets/js/industry-animator.js' ),

From 48432c1931afc6a20adb6dcd70c3604700a7e814 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:14:59 -0500
Subject: [PATCH 21/87] Update comparison group row styles for improved
 visibility and layout

---
 theme/assets/css/main.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index b43676e..4172bac 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3369,14 +3369,18 @@ p:last-child { margin-bottom: 0; }
 .comparison-feature-col { min-width: 220px; }
 .comparison-feature-name { color: var(--color-text); }
 .comparison-group-row td {
-  background: var(--color-bg-alt);
+  background: var(--color-primary);
   font-weight: 700;
-  font-size: .85rem;
+  font-size: .82rem;
   text-transform: uppercase;
-  letter-spacing: .05em;
-  color: var(--color-primary);
+  letter-spacing: .08em;
+  color: #fff;
   text-align: left !important;
-  padding: .75rem 1.25rem;
+  padding: .85rem 1.25rem;
+  border-bottom-color: var(--color-primary) !important;
+}
+.comparison-group-row td:first-child {
+  border-left: 4px solid var(--color-accent);
 }
 .comparison-yes {
   color: var(--color-accent);

From 4e5ab8b3fa3d27825dec94d6f1d2afa1ddf83be9 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:14 -0500
Subject: [PATCH 22/87] Sync: update resources from WordPress

---
 pages/resources.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/resources.php b/pages/resources.php
index 277a59d..9a90bf2 100644
--- a/pages/resources.php
+++ b/pages/resources.php
@@ -1,13 +1,12 @@
 <?php
-/**
+/*
  * Title: Resources
- * Slug: ots-signs/page-resources
- * Categories: oribi-pages
- * Keywords: resources, documentation, guides, knowledge base, support
- * Post Types: page
+ * Slug: resources
+ * Post Type: page
  */
-?>
-<!-- wp:oribi/page-hero-animated {"label":"Resources","title":"Guides, Docs \u0026 Tools","description":"Everything you need to set up, manage, and get the most out of your digital signage — all in one place."} /-->
+
+return <<<'ORIBI_SYNC_CONTENT'
+<!-- wp:oribi/page-hero-animated {"label":"Resources","title":"Guides, Docs u0026 Tools","description":"Everything you need to set up, manage, and get the most out of your digital signage — all in one place."} /-->
 
 <!-- wp:oribi/link-section {"variant":"normal","label":"Getting Started","heading":"Hit the Ground Running","lead":"From first login to first screen, these resources walk you through every step.","columns":3} -->
 <!-- wp:oribi/link-card {"iconType":"fontawesome","faIcon":"fas fa-book","title":"Quick Start Guide","description":"Set up your first screen, configure your CMS, and publish content — step by step, start to finish.","linkText":"Read the Guide","linkUrl":"/contact"} /-->
@@ -28,3 +27,4 @@
 <!-- /wp:oribi/link-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Need a Hand?","text":"Our team is happy to walk you through any part of the platform, help with content, or answer questions one-on-one.","btnText":"Contact Us","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;

From 4fe3f6e283869922bb05cd7fde36f94e429b4242 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:15 -0500
Subject: [PATCH 23/87] Sync: update solutions from WordPress

---
 pages/solutions.php | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/pages/solutions.php b/pages/solutions.php
index aebfbd6..a221c4c 100644
--- a/pages/solutions.php
+++ b/pages/solutions.php
@@ -1,28 +1,36 @@
 <?php
-/**
- * Title: Industry Solutions
- * Slug: ots-signs/page-solutions
- * Categories: oribi-pages
- * Keywords: solutions, industries, hospitality, retail, corporate, education, marketplace
- * Post Types: page
+/*
+ * Title: Solutions
+ * Slug: solutions
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Industry Solutions","title":"Built for the Way You Work","description":"Every industry communicates differently. Our platform adapts to your environment — whether that's a hotel lobby, a shop floor, a boardroom, or a lecture hall."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Industries We Serve","heading":"One Platform, Tailored to Your Sector","lead":"We've worked with businesses across six key industries. Here's how our platform fits into each one."} -->
-<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact","galleryIds":[]} /-->
-<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true,"galleryIds":[]} /-->
-<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnText":"Learn More","btnUrl":"/features","galleryIds":[]} /-->
-<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true,"galleryIds":[]} /-->
-<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact","galleryIds":[]} /-->
-<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true,"galleryIds":[]} /-->
+<!-- wp:oribi/platform-row {"heading":"Hospitality","description":"Digital menu boards that update with your POS, lobby displays that guide guests, and promotional screens that drive upsells in bars and restaurants. Create a polished guest experience from the moment they walk in — and keep it fresh without touching a single printed sign.","btnText":"Get Started","btnUrl":"/contact","galleryIds":[418,417]} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Retail","description":"Launch promotions across every store instantly, spotlight seasonal products, and guide shoppers with in-store wayfinding. Retailers using digital signage see up to 30% more sales. Our platform makes it simple to keep content current, targeted, and data-driven across every location.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Corporate Office","description":"Meeting room displays with native Microsoft Teams integration, company-wide announcement boards, and live KPI dashboards in common areas. Turn your office into a connected, well-informed workplace where important information is always visible.","btnUrl":"/features"} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Education","description":"Timetable displays, campus wayfinding, emergency alerts, and event boards — all managed centrally. Keep students, faculty, and visitors informed across multiple buildings without the overhead of maintaining individual screens.","btnText":"Contact Us","btnUrl":"/contact","reversed":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Outdoor Marketplace","description":"From farmers' markets to seasonal fairs, digital signage adds a professional edge without losing the character of your venue. Weather-resistant display options and built-in offline playback ensure your screens perform reliably, rain or shine.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Live Data Displays","description":"Bring your web dashboards, real-time KPIs, and operational data to large-format screens. Ideal for operations centres, trading floors, and management war rooms where critical information needs to be visible to the entire team at a glance.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/stat-section {"variant":"alt","label":"By the Numbers","heading":"The Results Speak for Themselves","lead":"Businesses that invest in digital signage see measurable returns across every metric that matters.","columns":4} -->
 <!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more attention than traditional static signage."} /-->
+
 <!-- wp:oribi/stat-card {"value":"30%","label":"Revenue Uplift","description":"Retail locations with digital signage report up to 30% higher in-store sales."} /-->
+
 <!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten customers remember what they see on a digital display."} /-->
+
 <!-- wp:oribi/stat-card {"value":"50%","label":"Shorter Perceived Waits","description":"Engaging displays cut perceived wait times in half for customers in queues."} /-->
 <!-- /wp:oribi/stat-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Let Us Match You to the Right Setup","text":"Tell us about your industry, your locations, and what you want your screens to do. We'll recommend the ideal configuration.","btnText":"Talk to an Expert","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;

From 6ddd3ba3991dff30f721a48a3262e6124edc1bf2 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:15 -0500
Subject: [PATCH 24/87] Sync: update demo from WordPress

---
 pages/demo.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/demo.php b/pages/demo.php
index 3f33dcc..c825517 100644
--- a/pages/demo.php
+++ b/pages/demo.php
@@ -1,17 +1,16 @@
 <?php
-/**
+/*
  * Title: Demo
- * Slug: ots-signs/page-demo
- * Categories: oribi-pages
- * Keywords: demo, trial, try, preview, platform
- * Post Types: page
+ * Slug: demo
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Try It","title":"Hands-On in Minutes, Not Weeks","description":"Skip the slideshow. Request access to a live instance of our platform and explore every feature at your own pace — no sales call required."} /-->
 
 <!-- wp:oribi/intro-section {"variant":"normal","label":"Live Demo","heading":"Your Own Sandbox to Explore","description":"We'll set you up with full access to the OTS Signs CMS — the same platform our paying customers use. Build playlists, schedule content, connect data feeds, and preview exactly how your signage will look in production. No credit card, no time limit on the trial. Fill in the form below and we'll send you credentials within 24 hours.","visual":""} /-->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"What You\u0027ll See","heading":"Full Pro-Tier Access","lead":"The demo includes every feature available on our Pro plan — nothing held back.","columns":3} -->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"What Youu0027ll See","heading":"Full Pro-Tier Access","lead":"The demo includes every feature available on our Pro plan — nothing held back.","columns":3} -->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-desktop","title":"Content Management","description":"Upload images, videos, and HTML. Organise media, create playlists, and preview how content looks on screen."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Smart Scheduling","description":"Build day-parted schedules, set date ranges, and see how automated playback works across multiple screens."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-line","title":"Live Data Feeds","description":"Connect sample data sources to experience real-time information flowing directly onto display layouts."} /-->
@@ -23,3 +22,4 @@
 <!-- wp:oribi/contact-section {"heading":"Request Demo Access","lead":"Fill in your details below. We'll have your login credentials ready within 24 hours.","email":"hello@ots-signs.com","supportUrl":"https://demo.ots-signs.com/","portalUrl":"https://demo.ots-signs.com/","location":"Online Demo Available 24/7","formHeading":"Get Your Demo Login"} /-->
 
 <!-- wp:oribi/cta-banner {"heading":"Already Convinced?","text":"If you've seen enough and want to get started, jump straight to our plans.","btnText":"View Pricing","btnUrl":"/pricing"} /-->
+ORIBI_SYNC_CONTENT;

From f12928690edc8921cc5ff4c5beeb3ed189eacb5e Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:17 -0500
Subject: [PATCH 25/87] Sync: update devices from WordPress

---
 pages/devices.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index 9575a2b..bbc3606 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -1,12 +1,11 @@
 <?php
-/**
- * Title: Player Devices
- * Slug: ots-signs/page-devices
- * Categories: oribi-pages
- * Keywords: devices, hardware, player, screens, HDMI, commercial display
- * Post Types: page
+/*
+ * Title: Devices
+ * Slug: devices
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Hardware","title":"Signage Players Engineered for the Real World","description":"Compact, silent, and built for 24/7 operation. Plug into any HDMI screen, connect to your network, and your content is live in minutes."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
@@ -15,7 +14,7 @@
 <!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
 <!-- /wp:oribi/platform-section -->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"What\u0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment.","columns":3} -->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"Whatu0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment.","columns":3} -->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-display","title":"4K Output","description":"Crisp 4K resolution over HDMI for stunning visuals on any display size, from 32-inch panels to 75-inch video walls."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Dual Connectivity","description":"Wi-Fi and Ethernet built in. Choose the connection that suits your environment, or use both for redundancy."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-hard-drive","title":"Local Storage","description":"On-device storage caches your full content library for instant startup and uninterrupted offline playback."} /-->
@@ -24,6 +23,7 @@
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-temperature-low","title":"Silent & Fanless","description":"Passive cooling means zero noise. Ideal for quiet spaces like hotel lobbies, meeting rooms, and restaurants."} /-->
 <!-- /wp:oribi/feature-section -->
 
-<!-- wp:oribi/intro-section {"variant":"normal","label":"Bundles Available","heading":"Player + Display Packages","description":"Don\u0027t have screens yet? We offer turnkey bundles pairing our player device with a commercial-grade display rated for 24/7 operation — brighter, tougher, and longer-lasting than consumer TVs. Available from 32\" to 75\". Contact us for volume pricing and custom configurations.","visual":""} /-->
+<!-- wp:oribi/intro-section {"variant":"normal","label":"Bundles Available","heading":"Player + Display Packages","description":"Donu0027t have screens yet? We offer turnkey bundles pairing our player device with a commercial-grade display rated for 24/7 operation — brighter, tougher, and longer-lasting than consumer TVs. Available from 32" to 75". Contact us for volume pricing and custom configurations.","visual":""} /-->
 
 <!-- wp:oribi/cta-banner {"heading":"Not Sure What You Need?","text":"Tell us about your space and we'll recommend the right player, display, and mounting solution for your environment.","btnText":"Request a Quote","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;

From a2821b4c2c0d2054bbac3882751292f70e11c0f8 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:18 -0500
Subject: [PATCH 26/87] Sync: update faq from WordPress

---
 pages/faq.php | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/pages/faq.php b/pages/faq.php
index 829d190..56301a5 100644
--- a/pages/faq.php
+++ b/pages/faq.php
@@ -1,29 +1,28 @@
 <?php
-/**
- * Title: FAQ
- * Slug: ots-signs/page-faq
- * Categories: oribi-pages
- * Keywords: faq, questions, answers, support, help
- * Post Types: page
+/*
+ * Title: Faq
+ * Slug: faq
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"FAQ","title":"Your Questions, Answered","description":"Everything you need to know about our platform, pricing, setup, and support — in plain language."} /-->
 
-<!-- wp:oribi/faq-section {"label":"Platform \u0026 Pricing","heading":"Plans, Pricing \u0026 What\u0027s Included","lead":"Straightforward answers about what you get and what it costs."} -->
-<!-- wp:oribi/faq-item {"question":"What\u0027s included in the Essentials plan?","answer":"Essentials gives you up to 50 screens on a shared CMS instance with a custom subdomain. You get full content scheduling with day-parting, DataSets, RSS feeds, social widgets, embedded HTML, menu boards, interactive layouts, Canva integration, offline playback, Proof of Play analytics with 30-day retention, unlimited users with standard roles, and two-factor authentication. Pricing is $7 per screen per month, or $70 per screen if you pay annually."} /-->
+<!-- wp:oribi/faq-section {"label":"Platform u0026 Pricing","heading":"Plans, Pricing u0026 Whatu0027s Included","lead":"Straightforward answers about what you get and what it costs."} -->
+<!-- wp:oribi/faq-item {"question":"Whatu0027s included in the Essentials plan?","answer":"Essentials gives you up to 50 screens on a shared CMS instance with a custom subdomain. You get full content scheduling with day-parting, DataSets, RSS feeds, social widgets, embedded HTML, menu boards, interactive layouts, Canva integration, offline playback, Proof of Play analytics with 30-day retention, unlimited users with standard roles, and two-factor authentication. Pricing is $7 per screen per month, or $70 per screen if you pay annually."} /-->
 <!-- wp:oribi/faq-item {"question":"What extra do I get with Pro?","answer":"Pro gives you unlimited screens on a dedicated CMS instance with a custom domain. On top of everything in Essentials, you get geo-location and weather-triggered scheduling, video wall support, ad campaigns with SSP monetisation, Dashboard Connector and custom API integrations, Audience Reporting with scheduled PDF reports, Proof of Play with 12+ month retention, SSO via SAML or CAS, custom user roles, extended audit trails, display map view, shell commands, in-house creative services, white-glove onboarding, priority support with a 4-hour SLA, a dedicated account manager, and a contractual SLA guarantee. Contact us for a tailored quote."} /-->
 <!-- wp:oribi/faq-item {"question":"Are there any hidden fees?","answer":"None. Your per-screen fee covers the CMS, cloud hosting, software updates, and standard support. Content creation services and hardware are quoted separately and always upfront."} /-->
 <!-- wp:oribi/faq-item {"question":"Can I upgrade later?","answer":"Yes — at any time. Moving from Essentials to Pro is seamless. We handle the migration behind the scenes with no disruption to your live displays."} /-->
 <!-- /wp:oribi/faq-section -->
 
-<!-- wp:oribi/faq-section {"variant":"alt","label":"Setup \u0026 Integration","heading":"Getting Up and Running","lead":"What to expect when you set up your first screen and connect your systems."} -->
+<!-- wp:oribi/faq-section {"variant":"alt","label":"Setup u0026 Integration","heading":"Getting Up and Running","lead":"What to expect when you set up your first screen and connect your systems."} -->
 <!-- wp:oribi/faq-item {"question":"How quickly can I be up and running?","answer":"Most installations go live within a day. Plug in the player device, connect it to your network, and your content appears on screen. We configure your CMS in advance and can have your first content loaded and ready before the hardware arrives."} /-->
 <!-- wp:oribi/faq-item {"question":"Do I need to buy new screens?","answer":"No. Our players work with any display that has an HDMI port — consumer TVs, commercial panels, or monitors you already own. If you do need screens, we offer bundled player-and-display packages built for commercial use."} /-->
 <!-- wp:oribi/faq-item {"question":"How do live data integrations work?","answer":"Every plan includes DataSets, RSS feeds, social widgets, and embedded HTML — data updates appear on screen in real time. Pro adds the Dashboard Connector for secure third-party service connections, custom API integrations for bespoke data sources, and the SSP Connector for ad monetisation."} /-->
 <!-- wp:oribi/faq-item {"question":"What kind of internet connection do I need?","answer":"A standard business broadband connection is more than enough. Our players sync content incrementally and cache everything locally, so bandwidth usage is minimal. For locations with unreliable connectivity, offline playback ensures your displays never go dark."} /-->
 <!-- /wp:oribi/faq-section -->
 
-<!-- wp:oribi/faq-section {"label":"Support \u0026 Security","heading":"Keeping Your Network Secure and Supported","lead":"How we protect your content, keep your screens online, and support you when you need us."} -->
+<!-- wp:oribi/faq-section {"label":"Support u0026 Security","heading":"Keeping Your Network Secure and Supported","lead":"How we protect your content, keep your screens online, and support you when you need us."} -->
 <!-- wp:oribi/faq-item {"question":"What happens if the internet goes down?","answer":"Your displays carry on. Every player caches content locally and keeps playing even without a connection. When the internet returns, new content syncs automatically. Your screens will never go dark because of a network blip."} /-->
 <!-- wp:oribi/faq-item {"question":"How secure is the platform?","answer":"Security runs through every layer: end-to-end encryption for all communications, secure boot and encrypted storage on player devices, role-based access control in the CMS, and SOC 2-aligned cloud infrastructure. Your content and your network stay protected."} /-->
 <!-- wp:oribi/faq-item {"question":"What support is available?","answer":"Essentials customers get email support with next-business-day response. Pro customers get priority support, a dedicated account manager, phone access, and guaranteed SLA response times."} /-->
@@ -31,3 +30,4 @@
 <!-- /wp:oribi/faq-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Something Not Covered Here?","text":"Drop us a message and we'll get back to you with a clear answer — usually within one business day.","btnText":"Contact Us","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;

From dcb8acb1e517568f711a14ec51ef6f86b5b62d69 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:20 -0500
Subject: [PATCH 27/87] Sync: update features from WordPress

---
 pages/features.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/features.php b/pages/features.php
index 4fcfd16..96dfac8 100644
--- a/pages/features.php
+++ b/pages/features.php
@@ -1,15 +1,14 @@
 <?php
-/**
+/*
  * Title: Features
- * Slug: ots-signs/page-features
- * Categories: oribi-pages
- * Keywords: features, platform, content scheduling, command center, real-time data
- * Post Types: page
+ * Slug: features
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native Command Center that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics — all wrapped in an interface your whole team can use."} /-->
 
-<!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Don\u0027t","lead":"Create, schedule, and manage digital signage content from a single dashboard — whether you have one screen or one thousand."} -->
+<!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Donu0027t","lead":"Create, schedule, and manage digital signage content from a single dashboard — whether you have one screen or one thousand."} -->
 <!-- wp:oribi/platform-row {"heading":"One Dashboard for Every Display","description":"Manage your entire signage network from a single cloud-based console. Organise screens by location, group, or purpose. Push content updates across your whole estate in one click — no matter how many sites you operate.","btnText":"Get Started","btnUrl":"/contact"} /-->
 <!-- wp:oribi/platform-row {"heading":"Scheduling That Runs Itself","description":"Set content to appear at the right time, in the right place, automatically. Day-parting, date ranges, and event-triggered playback let you plan weeks ahead while the platform handles the execution.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
 <!-- wp:oribi/platform-row {"heading":"Live Data, Straight to Screen","description":"Pull in web dashboards, social feeds, KPIs, and real-time APIs directly to your displays. Content updates automatically — no manual refreshing, no extra steps. Turn any screen into a live information hub.","btnText":"Learn More","btnUrl":"/solutions","reversed":true} /-->
@@ -20,14 +19,15 @@
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Intelligent Scheduling","description":"Day-parting, date-based playlists, and event triggers let you automate content rotation down to the minute."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Offline Playback","description":"Content is cached on the player device. If your connection drops, your displays keep running seamlessly until it returns."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Users","description":"Invite your entire team at no extra cost. No per-seat charges, no access restrictions — on any plan."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Track what\u0027s playing, where, and when. Proof of Play reporting, screen health monitoring, and content logs give you full visibility — with retention depth that scales with your plan."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Track whatu0027s playing, where, and when. Proof of Play reporting, screen health monitoring, and content logs give you full visibility — with retention depth that scales with your plan."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Enterprise Security","description":"End-to-end encryption, two-factor authentication, secure boot hardware, and predefined user roles on every plan. Pro adds SSO via SAML or CAS, custom role definitions, and extended audit trails."} /-->
 <!-- /wp:oribi/feature-section -->
 
 <!-- wp:oribi/value-section {"variant":"normal","label":"Why Choose Us","heading":"Beyond the Software","lead":"A control center is just the beginning. See what else you get with OTS Signs.","columns":3} -->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"In-House Creative","description":"Professional photography, video production, and graphic design — so every screen looks polished and on-brand from day one."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload your content and push it live across your entire network in seconds. No queues, no waiting, no complex approval chains."} /-->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support That\u0027s There","description":"From initial setup to ongoing optimisation, our team is available when you need us — not hidden behind a ticket queue."} /-->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support Thatu0027s There","description":"From initial setup to ongoing optimisation, our team is available when you need us — not hidden behind a ticket queue."} /-->
 <!-- /wp:oribi/value-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Try the Platform Yourself","text":"Get hands-on access to a live demo instance and see every feature in action — no commitment, no credit card.","btnText":"Request Demo","btnUrl":"/demo"} /-->
+ORIBI_SYNC_CONTENT;

From b96bdfe355327930bdff00f6364801fb66b91a51 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:21 -0500
Subject: [PATCH 28/87] Sync: update home from WordPress

---
 pages/home.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/home.php b/pages/home.php
index 65b45b2..23f840d 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -13,7 +13,7 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/platform-section {"label":"The Complete Package","heading":"Everything You Need for Engaging Digital Signage","lead":"High-quality visuals, real-time data, and reliable playback — all managed from one powerful platform."} -->
 <!-- wp:oribi/platform-row {"heading":"Professional Content Creation","description":"Our in-house photography and video production services showcase your products, services, and environment with polished, engaging visuals. From digital menu boards to branded promotions, we create content that captures attention.","btnText":"See Features","btnUrl":"/features","cameraAnim":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Live Data \u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true,"isDashboard":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Live Data u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true,"isDashboard":true} /-->
 
 <!-- wp:oribi/platform-row {"heading":"Reliable on Any Screen","description":"Our intelligent player devices work on any screen with HDMI, and keep your message running even when the internet goes down. Enterprise-grade hardware designed for uninterrupted, always-on signage.","btnText":"View Devices","btnUrl":"/devices","deviceAnim":true} /-->
 <!-- /wp:oribi/platform-section -->

From 3e3578823d788978c6fab49c8d2df9383119a861 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:22 -0500
Subject: [PATCH 29/87] Sync: update pricing from WordPress

---
 pages/pricing.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/pricing.php b/pages/pricing.php
index f68ecfd..12f42c1 100644
--- a/pages/pricing.php
+++ b/pages/pricing.php
@@ -21,7 +21,7 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/pricing-section {"variant":"alt","label":"Choose Your Plan","heading":"Scale When Youu0027re Ready","lead":"Start with Essentials and upgrade seamlessly as your network grows. No disruption, no data loss."} -->
 <!-- wp:oribi/pricing-card {"name":"Essentials","tagline":"The full content engine for growing networks","price":"$7","pricePer":"per screen / month · or $70/screen annually","features":["Up to 50 screens","Custom subdomain","Shared CMS instance","Content scheduling \u0026 day-parting","DataSets, RSS, social \u0026 embedded widgets","Menu boards \u0026 interactive layouts","Unlimited users with standard roles","Canva integration","Offline playback","Proof of Play analytics (30-day retention)","Email support (next-business-day)"]} /-->
 
-<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations \u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location \u0026 weather-triggered scheduling","Dashboard Connector \u0026 custom API integrations","Video wall support","Ad campaigns \u0026 SSP monetisation","SSO (SAML/CAS) \u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting \u0026 scheduled PDF reports","Priority support (4-hour SLA) \u0026 account manager","Contractual SLA guarantee"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
+<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations \u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location \u0026 weather-triggered scheduling","Dashboard Connector \u0026 custom API integrations","Video wall support","Ad campaigns \u0026 SSP monetisation","SSO (SAML/CAS) \u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting \u0026 scheduled PDF reports","Priority support (4-hour SLA) \u0026 account manager","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
 <!-- /wp:oribi/pricing-section -->
 
 <!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale \u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content \u0026 Scheduling"},{"feature":"Day-parting \u0026 date scheduling","values":[true,true]},{"feature":"Playlists \u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns \u0026 plays-per-hour control","values":[false,true]},{"group":"Data \u0026 Integrations"},{"feature":"DataSets, RSS \u0026 tickers","values":[true,true]},{"feature":"Embedded HTML \u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"group":"Analytics \u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users \u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles \u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands \u0026 RS232","values":[false,true]},{"group":"Support \u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]}]} /-->

From 20b655d490f2d790cd168211129214ac88cd329a Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:24 -0500
Subject: [PATCH 30/87] Sync: update about from WordPress

---
 pages/about.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/about.php b/pages/about.php
index 231c303..6981435 100644
--- a/pages/about.php
+++ b/pages/about.php
@@ -1,19 +1,18 @@
 <?php
-/**
+/*
  * Title: About
- * Slug: ots-signs/page-about
- * Categories: oribi-pages
- * Keywords: about, company, mission, team, digital signage
- * Post Types: page
+ * Slug: about
+ * Post Type: page
  */
-?>
+
+return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"About Us","title":"Digital Signage, Done Properly","description":"OTS Signs is the digital signage arm of Oribi Technology Services. We combine deep IT expertise with creative production to deliver signage that businesses can genuinely rely on."} /-->
 
 <!-- wp:oribi/intro-section {"variant":"normal","label":"Our Story","heading":"Born from Infrastructure, Built for Signage","description":"OTS Signs grew out of a gap we kept seeing: businesses wanted digital signage but were stuck choosing between complex enterprise platforms and unreliable consumer tools. As part of Oribi Technology Services, we already understood networks, uptime, and security at a deep level. We took that foundation and built a signage platform that is powerful enough for large deployments yet simple enough for a single-site café. Every decision we make — from hardware selection to CMS design — is grounded in real-world infrastructure experience.","visual":""} /-->
 
 <!-- wp:oribi/intro-section {"variant":"alt","label":"Our Mission","heading":"Making Professional Signage Accessible to Everyone","description":"Too many signage providers lock essential features behind enterprise price tags. We took a different approach. Our platform gives every customer — from a neighbourhood restaurant to a national retailer — access to the same professional-grade tools: cloud content management, intelligent scheduling, live data integration, and content that looks outstanding on screen. We handle the complexity so you can focus on running your business.","visual":"","reversed":true} /-->
 
-<!-- wp:oribi/value-section {"variant":"normal","label":"What Sets Us Apart","heading":"A Full-Service Signage Partner","lead":"Software alone isn\u0027t enough. We pair our platform with hands-on services that make the difference.","columns":3} -->
+<!-- wp:oribi/value-section {"variant":"normal","label":"What Sets Us Apart","heading":"A Full-Service Signage Partner","lead":"Software alone isnu0027t enough. We pair our platform with hands-on services that make the difference.","columns":3} -->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"Studio-Quality Creative","description":"Photography, videography, and motion graphics produced in-house. Your screens always look polished, on-brand, and impossible to ignore."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-server","title":"IT-Grade Infrastructure","description":"Our roots are in enterprise IT. That means proper networking, redundancy, and security baked into every layer of the platform."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Genuine Partnership","description":"Dedicated onboarding, a named point of contact, and ongoing optimisation. We operate as an extension of your own team."} /-->
@@ -25,3 +24,4 @@
 <!-- /wp:oribi/trust-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Ready to See What We Can Do?","text":"Whether you're planning your first screen or scaling to hundreds, we'd love to hear about your project.","btnText":"Get in Touch","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;

From 7aee3eab85963624cc5040762654e3ff4d26cea5 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 14:18:25 -0500
Subject: [PATCH 31/87] Sync: update contact from WordPress

---
 pages/contact.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/contact.php b/pages/contact.php
index 789fb69..8108d0e 100644
--- a/pages/contact.php
+++ b/pages/contact.php
@@ -1,20 +1,20 @@
 <?php
-/**
+/*
  * Title: Contact
- * Slug: ots-signs/page-contact
- * Categories: oribi-pages
- * Keywords: contact, sales, support, inquiry, get in touch
- * Post Types: page
+ * Slug: contact
+ * Post Type: page
  */
-?>
-<!-- wp:oribi/page-hero-animated {"label":"Contact Us","title":"Let\u0027s Start a Conversation","description":"Whether you\u0027re researching digital signage for the first time or ready to roll out screens next week, we\u0027re here to help you move forward."} /-->
+
+return <<<'ORIBI_SYNC_CONTENT'
+<!-- wp:oribi/page-hero-animated {"label":"Contact Us","title":"Letu0027s Start a Conversation","description":"Whether youu0027re researching digital signage for the first time or ready to roll out screens next week, weu0027re here to help you move forward."} /-->
 
 <!-- wp:oribi/contact-section {"heading":"Send Us a Message","lead":"Tell us what you're working on. We respond within one business day — usually faster.","email":"hello@ots-signs.com","supportUrl":"https://ots-signs.com/support","portalUrl":"https://ots-signs.com/portal","location":"An Oribi Technology Services Company","formHeading":"How Can We Help?"} /-->
 
-<!-- wp:oribi/value-section {"variant":"alt","label":"How We Can Help","heading":"Whatever You Need, We\u0027re Here","lead":"From your first question to ongoing support, our team has you covered.","columns":3} -->
+<!-- wp:oribi/value-section {"variant":"alt","label":"How We Can Help","heading":"Whatever You Need, Weu0027re Here","lead":"From your first question to ongoing support, our team has you covered.","columns":3} -->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-comments","title":"Sales & Quotes","description":"Talk through your requirements, get a custom quote, or simply learn how digital signage fits your business."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Technical Support","description":"Already a customer? Our support team is ready to troubleshoot, advise, and resolve any issue quickly."} /-->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Partnerships","description":"Interested in reselling, white-labelling, or integrating our platform into your own offering? Let\u0027s talk."} /-->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Partnerships","description":"Interested in reselling, white-labelling, or integrating our platform into your own offering? Letu0027s talk."} /-->
 <!-- /wp:oribi/value-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Rather See It First?","text":"Get hands-on with our platform before committing. Request a live demo and explore at your own pace.","btnText":"Request Demo","btnUrl":"/demo"} /-->
+ORIBI_SYNC_CONTENT;

From 3dcffaeb067bf13bb0a54a4224e2cb2bbd23fa78 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:29:11 -0500
Subject: [PATCH 32/87] Sync: update pricing comparison table with new features
 and contractual SLA guarantee

---
 pages/pricing.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/pricing.php b/pages/pricing.php
index 12f42c1..4cf5212 100644
--- a/pages/pricing.php
+++ b/pages/pricing.php
@@ -24,7 +24,7 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations \u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location \u0026 weather-triggered scheduling","Dashboard Connector \u0026 custom API integrations","Video wall support","Ad campaigns \u0026 SSP monetisation","SSO (SAML/CAS) \u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting \u0026 scheduled PDF reports","Priority support (4-hour SLA) \u0026 account manager","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
 <!-- /wp:oribi/pricing-section -->
 
-<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale \u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content \u0026 Scheduling"},{"feature":"Day-parting \u0026 date scheduling","values":[true,true]},{"feature":"Playlists \u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns \u0026 plays-per-hour control","values":[false,true]},{"group":"Data \u0026 Integrations"},{"feature":"DataSets, RSS \u0026 tickers","values":[true,true]},{"feature":"Embedded HTML \u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"group":"Analytics \u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users \u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles \u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands \u0026 RS232","values":[false,true]},{"group":"Support \u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]}]} /-->
+<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale \u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content \u0026 Scheduling"},{"feature":"Day-parting \u0026 date scheduling","values":[true,true]},{"feature":"Playlists \u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns \u0026 plays-per-hour control","values":[false,true]},{"group":"Data \u0026 Integrations"},{"feature":"DataSets, RSS \u0026 tickers","values":[true,true]},{"feature":"Embedded HTML \u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"feature":"Custom Live Data Integrations","values":[false,true]},{"group":"Analytics \u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users \u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles \u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands \u0026 RS232","values":[false,true]},{"group":"Support \u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]},{"feature":"Contractual SLA guarantee","values":[false,true]}]} /-->
 
 <!-- wp:oribi/intro-section {"label":"Try Before You Commit","heading":"Want to Explore the Platform First?","description":"Request access to our live demo instance and take the full CMS for a spin — create content, set up schedules, and see exactly how it works. No credit card, no obligation."} /-->
 

From 1540aa9f135443e7241af44a0315c3d613b17853 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:30:42 -0500
Subject: [PATCH 33/87] Sync: enhance styling for gtv-tv__body with improved
 borders, padding, and shadow effects

---
 theme/assets/css/main.css | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 4172bac..33563d9 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5458,12 +5458,25 @@ p:last-child { margin-bottom: 0; }
 .gtv-tv__body {
   width: 100%;
   background: #111;
-  border: 4px solid #111;
-  border-radius: 6px 6px 4px 4px;
-  outline: 1px solid #000;
-  padding: 3px;
+  border: 5px solid #1a1a1a;
+  border-radius: 8px 8px 4px 4px;
+  outline: 2px solid #000;
+  padding: 4px;
   position: relative;
-  box-shadow: 0 14px 48px rgba(0,0,0,0.55);
+  box-shadow:
+    0 14px 48px rgba(0,0,0,0.6),
+    0 0 0 1px rgba(255,255,255,0.04),
+    inset 0 1px 0 rgba(255,255,255,0.06);
+}
+.gtv-tv__body::after {
+  content: '\25CF';
+  position: absolute;
+  bottom: -14px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 7px;
+  color: rgba(74,222,128,0.8);
+  filter: drop-shadow(0 0 3px rgba(74,222,128,0.5));
 }
 .gtv-tv__screen {
   width: 100%;

From 8926a9b071348b09d4336473577fd5f17e04e218 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:38:18 -0500
Subject: [PATCH 34/87] Sync: update header styles for scrolled state to
 improve visibility and consistency

---
 theme/assets/css/main.css | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 33563d9..82cd8c1 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -258,9 +258,6 @@ p:last-child { margin-bottom: 0; }
   backdrop-filter: blur(8px);
 }
 
-.site-header.scrolled .logo-text { color: var(--color-heading); }
-.site-header.scrolled .nav-menu a { color: var(--header-scrolled-text); }
-
 .header-inner {
   display: flex;
   align-items: center;
@@ -318,12 +315,12 @@ p:last-child { margin-bottom: 0; }
   padding-bottom: 2px;
 }
 
-/* Light mode: nav text over hero needs to be dark */
-[data-theme="light"] .nav-menu a { color: var(--color-text); }
-[data-theme="light"] .nav-menu a:hover,
-[data-theme="light"] .nav-menu .current-menu-item > a { color: var(--color-primary); }
-[data-theme="light"] .logo-text { color: var(--color-heading); }
-[data-theme="light"] .nav-toggle span { background: var(--color-heading); }
+/* Scrolled: switch to theme-appropriate text on solid bg */
+.site-header.scrolled .nav-menu a { color: var(--header-scrolled-text); }
+.site-header.scrolled .nav-menu a:hover,
+.site-header.scrolled .nav-menu .current-menu-item > a { color: var(--color-primary); }
+.site-header.scrolled .logo-text { color: var(--color-heading); }
+.site-header.scrolled .nav-toggle span { background: var(--color-heading); }
 .nav-menu a::after {
   content: '';
   position: absolute;
@@ -339,10 +336,6 @@ p:last-child { margin-bottom: 0; }
 .nav-menu a:hover::after,
 .nav-menu .current-menu-item > a::after { width: 100%; }
 
-.site-header.scrolled .nav-menu a { color: var(--header-scrolled-text); }
-.site-header.scrolled .nav-menu a:hover,
-.site-header.scrolled .nav-menu .current-menu-item > a { color: var(--color-primary); }
-
 /* ── Dropdown sub-menu ─────────────────────────────────────── */
 .nav-menu > li {
   position: relative;
@@ -472,7 +465,6 @@ p:last-child { margin-bottom: 0; }
   border-radius: 2px;
   transition: all var(--transition);
 }
-.site-header.scrolled .nav-toggle span { background: var(--color-heading); }
 .nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
 .nav-toggle.open span:nth-child(2) { opacity: 0; }
 .nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

From a89f9067e2ecc8672b16f469090e1d60f165408d Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:42:45 -0500
Subject: [PATCH 35/87] Sync: enhance header behavior for light hero
 backgrounds with dynamic class toggling

---
 theme/assets/css/main.css | 10 ++++++----
 theme/assets/js/main.js   | 13 +++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 82cd8c1..fd863bc 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -295,10 +295,12 @@ p:last-child { margin-bottom: 0; }
 }
 .logo-text strong { font-weight: 800; color: var(--color-accent); }
 
-/* When header is over light background (inner pages) */
-.page-header-light .site-header { background: var(--color-bg); box-shadow: var(--shadow-sm); }
-.page-header-light .logo-text { color: var(--color-heading); }
-.page-header-light .nav-menu a { color: var(--color-text); }
+/* When header is over a light hero (set by JS) — unscrolled only */
+.site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }
+.site-header.over-light-hero:not(.scrolled) .nav-menu a:hover,
+.site-header.over-light-hero:not(.scrolled) .nav-menu .current-menu-item > a { color: var(--color-primary); }
+.site-header.over-light-hero:not(.scrolled) .logo-text { color: var(--color-heading); }
+.site-header.over-light-hero:not(.scrolled) .nav-toggle span { background: var(--color-heading); }
 
 /* Nav */
 .site-nav { margin-left: auto; }
diff --git a/theme/assets/js/main.js b/theme/assets/js/main.js
index 2c5830c..a5349fb 100644
--- a/theme/assets/js/main.js
+++ b/theme/assets/js/main.js
@@ -17,6 +17,19 @@ document.addEventListener('DOMContentLoaded', () => {
     window.addEventListener('scroll', () => {
       header.classList.toggle('scrolled', window.scrollY > 40);
     }, { passive: true });
+
+    /* Detect whether the hero beneath the header has a light background.
+       .hero (homepage) is white in light mode; .page-hero stays dark.
+       Re-evaluate when the theme toggle changes data-theme. */
+    function updateHeroContrast() {
+      const isLight = document.documentElement.getAttribute('data-theme') !== 'dark';
+      const hasLightHero = isLight && document.querySelector('.hero') && !document.querySelector('.page-hero');
+      header.classList.toggle('over-light-hero', !!hasLightHero);
+    }
+    updateHeroContrast();
+    new MutationObserver(updateHeroContrast).observe(document.documentElement, {
+      attributes: true, attributeFilter: ['data-theme']
+    });
   }
 
   /* ── Mobile nav toggle ──────────────────────────────────── */

From 131ef8448c40aa8c3081f1a6faa515e78e80d859 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:47:55 -0500
Subject: [PATCH 36/87] Sync: update stat-card descriptions with external study
 links for enhanced credibility

---
 pages/solutions.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/solutions.php b/pages/solutions.php
index a221c4c..72a931a 100644
--- a/pages/solutions.php
+++ b/pages/solutions.php
@@ -23,13 +23,13 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/stat-section {"variant":"alt","label":"By the Numbers","heading":"The Results Speak for Themselves","lead":"Businesses that invest in digital signage see measurable returns across every metric that matters.","columns":4} -->
-<!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more attention than traditional static signage."} /-->
+<!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more attention than traditional static signage. <a href='https://www.intel.com/content/www/us/en/retail/digital-signage/digital-signage-overview.html' target='_blank' rel='noopener'>Intel Study →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"30%","label":"Revenue Uplift","description":"Retail locations with digital signage report up to 30% higher in-store sales."} /-->
+<!-- wp:oribi/stat-card {"value":"30%","label":"Revenue Uplift","description":"Retail locations with digital signage report up to 30% higher in-store sales. <a href='https://www.digitalsignagetoday.com/research/digital-signage-improves-the-retail-experience/' target='_blank' rel='noopener'>Retail Impact Report →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten customers remember what they see on a digital display."} /-->
+<!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten customers remember what they see on a digital display. <a href='https://www.arbitron.com/study/digital-place-based-video-study' target='_blank' rel='noopener'>Arbitron Study →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"50%","label":"Shorter Perceived Waits","description":"Engaging displays cut perceived wait times in half for customers in queues."} /-->
+<!-- wp:oribi/stat-card {"value":"50%","label":"Shorter Perceived Waits","description":"Engaging displays cut perceived wait times in half for customers in queues. <a href='https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4411823/' target='_blank' rel='noopener'>Perceived Wait Time Study →</a>"} /-->
 <!-- /wp:oribi/stat-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Let Us Match You to the Right Setup","text":"Tell us about your industry, your locations, and what you want your screens to do. We'll recommend the ideal configuration.","btnText":"Talk to an Expert","btnUrl":"/contact"} /-->

From 78065e014300319cdd39025dec59379802f1fc03 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 14:54:09 -0500
Subject: [PATCH 37/87] Sync: update stat-card descriptions with new research
 links for improved accuracy

---
 pages/solutions.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/solutions.php b/pages/solutions.php
index 72a931a..d7c0628 100644
--- a/pages/solutions.php
+++ b/pages/solutions.php
@@ -23,13 +23,13 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/stat-section {"variant":"alt","label":"By the Numbers","heading":"The Results Speak for Themselves","lead":"Businesses that invest in digital signage see measurable returns across every metric that matters.","columns":4} -->
-<!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more attention than traditional static signage. <a href='https://www.intel.com/content/www/us/en/retail/digital-signage/digital-signage-overview.html' target='_blank' rel='noopener'>Intel Study →</a>"} /-->
+<!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more attention than traditional static signage. <a href='https://mvix.com/blog/digital-signage-statistics/' target='_blank' rel='noopener'>Mvix Research →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"30%","label":"Revenue Uplift","description":"Retail locations with digital signage report up to 30% higher in-store sales. <a href='https://www.digitalsignagetoday.com/research/digital-signage-improves-the-retail-experience/' target='_blank' rel='noopener'>Retail Impact Report →</a>"} /-->
+<!-- wp:oribi/stat-card {"value":"30%","label":"Revenue Uplift","description":"Retail locations with digital signage report up to 30% higher in-store sales. <a href='https://www.digitalsignagetoday.com/news/nielsen-study-dooh-increases-revenue-at-the-point-of-sale-2/' target='_blank' rel='noopener'>Nielsen DOOH Study →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten customers remember what they see on a digital display. <a href='https://www.arbitron.com/study/digital-place-based-video-study' target='_blank' rel='noopener'>Arbitron Study →</a>"} /-->
+<!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten customers remember what they see on a digital display. <a href='https://www.databeat.net/databeatblog/15-surprising-statistics-about-digital-signage' target='_blank' rel='noopener'>Databeat Research →</a>"} /-->
 
-<!-- wp:oribi/stat-card {"value":"50%","label":"Shorter Perceived Waits","description":"Engaging displays cut perceived wait times in half for customers in queues. <a href='https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4411823/' target='_blank' rel='noopener'>Perceived Wait Time Study →</a>"} /-->
+<!-- wp:oribi/stat-card {"value":"50%","label":"Shorter Perceived Waits","description":"Engaging displays cut perceived wait times in half for customers in queues. <a href='https://www.digitalsignagetoday.com/articles/the-business-case-for-digital-signage-in-the-waiting-line/' target='_blank' rel='noopener'>Digital Signage Today →</a>"} /-->
 <!-- /wp:oribi/stat-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Let Us Match You to the Right Setup","text":"Tell us about your industry, your locations, and what you want your screens to do. We'll recommend the ideal configuration.","btnText":"Talk to an Expert","btnUrl":"/contact"} /-->

From 018928dd9b7d74a41f1b3834853d0b203f5a7ee5 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 15:01:06 -0500
Subject: [PATCH 38/87] Sync: enhance glow animations and adjust particle
 effects for improved visual appeal

---
 theme/assets/css/main.css | 41 ++++++++++++++++++++++++---------------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index fd863bc..e30084f 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2913,15 +2913,20 @@ p:last-child { margin-bottom: 0; }
   100% { transform: translateY(var(--p-ty, -100vh)) translateX(var(--p-tx, 40px)) scale(var(--p-scale-end, 0.3)); opacity: 0; }
 }
 
+@keyframes glow-appear {
+  from { opacity: 0; filter: blur(80px); transform: translate(-50%, -50%) scale(0.2); }
+  to   { opacity: 0.65; filter: blur(22px); transform: translate(-50%, -50%) scale(1); }
+}
+
 @keyframes glow-drift {
-  0%   { transform: translate(-50%, -50%) scale(1);   opacity: 0.35; }
-  15%  { transform: translate(-20%, -30%) scale(1.15); opacity: 0.45; }
-  30%  { transform: translate(-65%, -70%) scale(0.9);  opacity: 0.3; }
-  45%  { transform: translate(-80%, -40%) scale(1.1);  opacity: 0.5; }
-  60%  { transform: translate(-30%, -75%) scale(0.95); opacity: 0.35; }
-  75%  { transform: translate(-70%, -25%) scale(1.2);  opacity: 0.45; }
-  90%  { transform: translate(-40%, -60%) scale(1.05); opacity: 0.4; }
-  100% { transform: translate(-50%, -50%) scale(1);   opacity: 0.35; }
+  0%   { transform: translate(-50%, -50%) scale(1);    opacity: 0.65; }
+  15%  { transform: translate(-20%, -30%) scale(1.15);  opacity: 0.75; }
+  30%  { transform: translate(-65%, -70%) scale(0.9);   opacity: 0.55; }
+  45%  { transform: translate(-80%, -40%) scale(1.1);   opacity: 0.8; }
+  60%  { transform: translate(-30%, -75%) scale(0.95);  opacity: 0.65; }
+  75%  { transform: translate(-70%, -25%) scale(1.2);   opacity: 0.75; }
+  90%  { transform: translate(-40%, -60%) scale(1.05);  opacity: 0.7; }
+  100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.65; }
 }
 
 /* Particle container */
@@ -2961,14 +2966,16 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 700px;
-  height: 700px;
+  width: 950px;
+  height: 950px;
   border-radius: 50%;
-  background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0.06) 50%, transparent 70%);
+  background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.32) 0%, rgba(var(--color-primary-rgb), 0.14) 45%, rgba(var(--color-primary-rgb), 0.04) 70%, transparent 90%);
   z-index: 1;
   pointer-events: none;
-  filter: blur(40px);
-  animation: glow-drift 20s ease-in-out infinite;
+  filter: blur(22px);
+  animation:
+    glow-appear 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards,
+    glow-drift  20s 0.45s ease-in-out infinite;
 }
 
 /* Animated hero layout - centered single-column content */
@@ -3024,12 +3031,14 @@ p:last-child { margin-bottom: 0; }
   .hero-particle,
   .hero-animated__glow {
     animation: none;
-    opacity: var(--p-opacity, 0.2);
+    opacity: 0.65;
+    transform: translate(-50%, -50%);
+    filter: blur(22px);
   }
 }
 
 @media (max-width: 768px) {
-  .hero-animated__glow { width: 400px; height: 400px; }
+  .hero-animated__glow { width: 580px; height: 580px; }
   .hero-animated__inner { padding-block: 7rem 4rem; }
   .hero-stats--three { gap: 1.5rem; flex-wrap: wrap; justify-content: center; }
 }
@@ -3506,7 +3515,7 @@ p:last-child { margin-bottom: 0; }
 [data-theme="dark"] .hero-animated { background: #0D0D0D; }
 [data-theme="dark"] .page-hero-animated { background: #0D0D0D; }
 [data-theme="dark"] .hero-animated__glow {
-  background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.22) 0%, rgba(var(--color-primary-rgb), 0.08) 50%, transparent 70%);
+  background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.40) 0%, rgba(var(--color-primary-rgb), 0.18) 45%, rgba(var(--color-primary-rgb), 0.06) 70%, transparent 90%);
 }
 
 [data-theme="dark"] .site-footer { background: #0D0D0D; }

From 66b6b9cbfb1f6500a8abf1f010cea0c51b413d16 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 15:02:25 -0500
Subject: [PATCH 39/87] Sync: refine glow animations and adjust particle sizes
 for enhanced visual dynamics

---
 theme/assets/css/main.css | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index e30084f..2ec851e 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2915,18 +2915,18 @@ p:last-child { margin-bottom: 0; }
 
 @keyframes glow-appear {
   from { opacity: 0; filter: blur(80px); transform: translate(-50%, -50%) scale(0.2); }
-  to   { opacity: 0.65; filter: blur(22px); transform: translate(-50%, -50%) scale(1); }
+  to   { opacity: 0.65; filter: blur(22px); transform: translate(-50%, -50%) scale(0.85); }
 }
 
 @keyframes glow-drift {
-  0%   { transform: translate(-50%, -50%) scale(1);    opacity: 0.65; }
-  15%  { transform: translate(-20%, -30%) scale(1.15);  opacity: 0.75; }
-  30%  { transform: translate(-65%, -70%) scale(0.9);   opacity: 0.55; }
-  45%  { transform: translate(-80%, -40%) scale(1.1);   opacity: 0.8; }
-  60%  { transform: translate(-30%, -75%) scale(0.95);  opacity: 0.65; }
-  75%  { transform: translate(-70%, -25%) scale(1.2);   opacity: 0.75; }
-  90%  { transform: translate(-40%, -60%) scale(1.05);  opacity: 0.7; }
-  100% { transform: translate(-50%, -50%) scale(1);    opacity: 0.65; }
+  0%   { transform: translate(-50%, -50%) scale(0.85);  opacity: 0.6; }
+  15%  { transform: translate(-20%, -30%) scale(1.35);  opacity: 0.75; }
+  30%  { transform: translate(-65%, -70%) scale(0.65);  opacity: 0.5; }
+  45%  { transform: translate(-80%, -40%) scale(1.45);  opacity: 0.8; }
+  60%  { transform: translate(-30%, -75%) scale(0.7);   opacity: 0.55; }
+  75%  { transform: translate(-70%, -25%) scale(1.5);   opacity: 0.75; }
+  90%  { transform: translate(-40%, -60%) scale(0.8);   opacity: 0.65; }
+  100% { transform: translate(-50%, -50%) scale(0.85);  opacity: 0.6; }
 }
 
 /* Particle container */
@@ -2966,8 +2966,8 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 950px;
-  height: 950px;
+  width: 520px;
+  height: 520px;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(var(--color-primary-rgb), 0.32) 0%, rgba(var(--color-primary-rgb), 0.14) 45%, rgba(var(--color-primary-rgb), 0.04) 70%, transparent 90%);
   z-index: 1;
@@ -3031,14 +3031,14 @@ p:last-child { margin-bottom: 0; }
   .hero-particle,
   .hero-animated__glow {
     animation: none;
-    opacity: 0.65;
-    transform: translate(-50%, -50%);
+    opacity: 0.6;
+    transform: translate(-50%, -50%) scale(0.85);
     filter: blur(22px);
   }
 }
 
 @media (max-width: 768px) {
-  .hero-animated__glow { width: 580px; height: 580px; }
+  .hero-animated__glow { width: 340px; height: 340px; }
   .hero-animated__inner { padding-block: 7rem 4rem; }
   .hero-stats--three { gap: 1.5rem; flex-wrap: wrap; justify-content: center; }
 }

From 8f43b6c584076f1ab9b78bc42f248ec0d7e1110a Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 16:47:11 -0500
Subject: [PATCH 40/87] Sync: implement scroll-reveal animations for cards with
 responsive visibility adjustments

---
 theme/assets/css/main.css | 19 +++++++++++++++++++
 theme/assets/js/main.js   | 32 +++++++++++++++++++++++---------
 2 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 2ec851e..7033a67 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -97,6 +97,17 @@ img, video { max-width: 100%; display: block; }
 a { color: inherit; text-decoration: none; transition: color var(--transition); }
 a:hover { color: var(--color-primary); }
 
+/* ── Scroll-reveal animation classes ───────────────────────── */
+.scroll-hidden {
+  opacity: 0;
+  transform: translateY(24px);
+}
+.scroll-visible {
+  opacity: 1;
+  transform: translateY(0);
+  transition: opacity .5s ease, transform .5s ease;
+}
+
 /* Smooth theme transition */
 body,
 .site-header,
@@ -4128,6 +4139,14 @@ p:last-child { margin-bottom: 0; }
   50%      { transform: translateY(-50%) scale(1.08); }
 }
 
+/* ── Responsive scale-down ── */
+@media (max-width: 900px) {
+  .cam-stage { transform: scale(0.85); transform-origin: center center; }
+}
+@media (max-width: 640px) {
+  .cam-stage { transform: scale(0.72); transform-origin: center center; }
+}
+
 /* ── Reduced-motion ── */
 @media (prefers-reduced-motion: reduce) {
   .cam-subject--2, .cam-subject--3,
diff --git a/theme/assets/js/main.js b/theme/assets/js/main.js
index a5349fb..d536b0b 100644
--- a/theme/assets/js/main.js
+++ b/theme/assets/js/main.js
@@ -134,17 +134,31 @@ document.addEventListener('DOMContentLoaded', () => {
   const cards = document.querySelectorAll('.oribi-card, .feature-card, .industry-card, .pricing-card, .value-card, .platform-row');
   if (cards.length && 'IntersectionObserver' in window &&
       !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-    cards.forEach(c => { c.style.opacity = '0'; c.style.transform = 'translateY(24px)'; c.style.transition = 'opacity .5s ease, transform .5s ease'; });
-    const io = new IntersectionObserver((entries) => {
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          entry.target.style.opacity   = '1';
-          entry.target.style.transform = 'translateY(0)';
-          io.unobserve(entry.target);
+    cards.forEach(c => c.classList.add('scroll-hidden'));
+    /* Use rAF to ensure the class is applied before observing – avoids
+       Safari quirk where elements already in-viewport don't fire. */
+    requestAnimationFrame(() => {
+      const io = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            entry.target.classList.remove('scroll-hidden');
+            entry.target.classList.add('scroll-visible');
+            io.unobserve(entry.target);
+          }
+        });
+      }, { threshold: 0.05, rootMargin: '0px 0px 80px 0px' });
+      cards.forEach(c => io.observe(c));
+    });
+    /* Safety net: reveal any still-hidden elements after 4 s so content
+       is never permanently invisible (e.g. iOS Safari edge-cases). */
+    setTimeout(() => {
+      cards.forEach(c => {
+        if (c.classList.contains('scroll-hidden')) {
+          c.classList.remove('scroll-hidden');
+          c.classList.add('scroll-visible');
         }
       });
-    }, { threshold: 0.1, rootMargin: '0px 0px 60px 0px' });
-    cards.forEach(c => io.observe(c));
+    }, 4000);
   }
 });
 

From 21d41b24d827c172d7b21e9f1b93fe86c71e0c08 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:06:47 -0500
Subject: [PATCH 41/87] Sync: implement menu toggle functionality to manage
 body overflow state

---
 theme/assets/css/main.css | 4 ++++
 theme/assets/js/main.js   | 1 +
 2 files changed, 5 insertions(+)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 7033a67..8b325df 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -493,6 +493,10 @@ p:last-child { margin-bottom: 0; }
     z-index: 99;
     padding: 5rem 2rem 2rem;
     overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  body.menu-open {
+    overflow: hidden;
   }
   .site-nav.open .nav-menu {
     flex-direction: column;
diff --git a/theme/assets/js/main.js b/theme/assets/js/main.js
index d536b0b..80f324f 100644
--- a/theme/assets/js/main.js
+++ b/theme/assets/js/main.js
@@ -39,6 +39,7 @@ document.addEventListener('DOMContentLoaded', () => {
     toggle.addEventListener('click', () => {
       toggle.classList.toggle('open');
       nav.classList.toggle('open');
+      document.body.classList.toggle('menu-open');
       const expanded = toggle.getAttribute('aria-expanded') === 'true';
       toggle.setAttribute('aria-expanded', !expanded);
     });

From dc89009cfa44f39003153e5351a0d4fa9949c9e7 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:12:28 -0500
Subject: [PATCH 42/87] Sync: update site navigation styles to manage overflow
 and enhance usability

---
 theme/assets/css/main.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 8b325df..b514e9e 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -491,7 +491,11 @@ p:last-child { margin-bottom: 0; }
     top: 0; left: 0; right: 0; bottom: 0;
     background: var(--color-dark);
     z-index: 99;
+    overflow: hidden;
+  }
+  .site-nav.open .nav-menu {
     padding: 5rem 2rem 2rem;
+    height: 100vh;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
   }

From 25da7553781de9d82bffbd711cbb27c115c68aca Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:20:19 -0500
Subject: [PATCH 43/87] Sync: enhance platform text styles and adjust layout
 for improved responsiveness

---
 theme/assets/css/main.css | 49 ++++++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index b514e9e..a573a87 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -115,6 +115,8 @@ body,
 .pricing-card,
 .contact-form-wrap,
 .platform-visual,
+.platform-text h3,
+.platform-text p,
 .form-group input,
 .form-group textarea,
 .form-group select { transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition); }
@@ -1970,7 +1972,7 @@ p:last-child { margin-bottom: 0; }
 .platform-row.reverse .platform-text { order: 2; }
 .platform-row.reverse .platform-visual { order: 1; }
 
-.platform-text h3 { font-size: 1.5rem; margin-bottom: 1rem; }
+.platform-text h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--color-heading); }
 .platform-text p { color: var(--color-text-muted); }
 
 .platform-visual {
@@ -2425,6 +2427,10 @@ p:last-child { margin-bottom: 0; }
   overflow: visible;
   position: relative;
   font-size: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
 }
 .ts-stage {
   position: relative;
@@ -2433,6 +2439,9 @@ p:last-child { margin-bottom: 0; }
   display: flex;
   align-items: center;
   justify-content: center;
+  /* Offset center leftward to account for the stick protruding on the right,
+     so the TV+stick combo appears visually centered in the column */
+  padding-right: 90px;
 }
 /* ── TV ── */
 .ts-tv {
@@ -2442,8 +2451,8 @@ p:last-child { margin-bottom: 0; }
   position: relative;
 }
 .ts-tv__body {
-  width: 320px;
-  height: 188px;
+  width: 400px;
+  height: 235px;
   background: #111;
   border: 4px solid #111;
   border-radius: 6px 6px 4px 4px;
@@ -2789,7 +2798,7 @@ p:last-child { margin-bottom: 0; }
 .ts-tv__feet {
   display: flex;
   justify-content: space-between;
-  width: 180px;
+  width: 224px;
 }
 .ts-tv__foot {
   width: 12px;
@@ -2810,8 +2819,8 @@ p:last-child { margin-bottom: 0; }
   z-index: 2;
 }
 .ts-stick__body {
-  width: 68px;
-  height: 26px;
+  width: 84px;
+  height: 32px;
   background: linear-gradient(180deg, #f5f5f5, #e0e0e0);
   border: 1px solid #ccc;
   border-radius: 5px;
@@ -2849,8 +2858,8 @@ p:last-child { margin-bottom: 0; }
 }
 /* HDMI connector */
 .ts-stick__connector {
-  width: 14px;
-  height: 10px;
+  width: 18px;
+  height: 14px;
   background: linear-gradient(180deg, #888, #666);
   border-radius: 0 2px 2px 0;
   margin-left: -1px;
@@ -2862,8 +2871,8 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   left: 2px;
   top: 2px;
-  width: 6px;
-  height: 6px;
+  width: 8px;
+  height: 8px;
   background: #555;
   border-radius: 1px;
 }
@@ -2880,17 +2889,19 @@ p:last-child { margin-bottom: 0; }
 }
 /* Responsive scale-down */
 @media (max-width: 900px) {
-  .ts-tv__body { width: 260px; height: 152px; }
-  .ts-tv__feet { width: 140px; }
-  .ts-stick__body { width: 56px; height: 22px; }
+  .ts-tv__body { width: 320px; height: 188px; }
+  .ts-tv__feet { width: 178px; }
+  .ts-stick__body { width: 68px; height: 26px; }
+  .ts-stage { padding-right: 72px; }
 }
 @media (max-width: 640px) {
-  .ts-tv__body { width: 200px; height: 118px; }
-  .ts-tv__feet { width: 110px; }
-  .ts-stick__body { width: 46px; height: 18px; }
-  .ts-stick__connector { width: 10px; height: 8px; }
-  .ts-stick__body::before { top: 4px; left: 6px; width: 20px; height: 8px; }
+  .ts-tv__body { width: 240px; height: 142px; }
+  .ts-tv__feet { width: 134px; }
+  .ts-stick__body { width: 52px; height: 20px; }
+  .ts-stick__connector { width: 12px; height: 10px; }
+  .ts-stick__body::before { top: 4px; left: 6px; width: 22px; height: 10px; }
   .ts-stick__led { width: 3px; height: 3px; right: 5px; }
+  .ts-stage { padding-right: 56px; }
 }
 @media (prefers-reduced-motion: reduce) {
   .ts-stage .ts-stick {
@@ -3659,7 +3670,7 @@ p:last-child { margin-bottom: 0; }
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  gap: 12px;
+  gap: 6px;
   padding-bottom: 4px;
 }
 

From 4e4549e86576cc90f1d0a99af884bc2f60c8895a Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:22:35 -0500
Subject: [PATCH 44/87] Sync: adjust layout styles for improved alignment and
 centering of elements

---
 theme/assets/css/main.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index a573a87..45977e1 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5076,6 +5076,10 @@ p:last-child { margin-bottom: 0; }
   overflow: visible;
   position: relative;
   font-size: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
 }
 
 /* ── Stage ─────────────────────────────────────────────────── */
@@ -5086,7 +5090,7 @@ p:last-child { margin-bottom: 0; }
   aspect-ratio: 4/3;
   margin: 0 auto;
   display: flex;
-  align-items: flex-end;
+  align-items: center;
   justify-content: center;
   gap: 18px;
 }

From 8c3c7a1d8a7dcf84a91d9a5c85ffb751bec479e2 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:26:19 -0500
Subject: [PATCH 45/87] Sync: update ngd-tv component styles for improved
 layout and dimensions

---
 theme/assets/css/main.css | 83 ++++++++++++++++++++++++---------------
 1 file changed, 51 insertions(+), 32 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 45977e1..61f9e29 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4633,7 +4633,7 @@ p:last-child { margin-bottom: 0; }
 .ngd-stage {
   position: relative;
   width: 100%;
-  max-width: 380px;
+  max-width: 560px;
   aspect-ratio: 1/1;
   margin: 0 auto;
 }
@@ -4642,14 +4642,14 @@ p:last-child { margin-bottom: 0; }
 .ngd-tv {
   position: absolute;
   left: 20px;
-  top: 90px;
+  top: 72px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .ngd-tv__body {
-  width: 220px;
-  height: 162px;
+  width: 400px;
+  height: 235px;
   background: #111;
   border: 4px solid #111;
   border-radius: 6px 6px 4px 4px;
@@ -4658,20 +4658,33 @@ p:last-child { margin-bottom: 0; }
   display: flex;
   align-items: stretch;
   position: relative;
-  box-shadow: 0 10px 36px rgba(0,0,0,.55);
+  box-shadow: 0 14px 48px rgba(0,0,0,.55);
 }
 /* HDMI port stub on right side */
 .ngd-tv__port {
   position: absolute;
-  right: -5px;
-  top: 74px;
-  width: 8px;
+  right: -6px;
+  top: 110px;
+  width: 6px;
   height: 14px;
   background: #1a1a1a;
   border: 1px solid #000;
-  border-radius: 2px;
+  border-left: none;
+  border-radius: 0 2px 2px 0;
+}
+.ngd-tv__port::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 2px;
+  width: 3px;
+  height: 8px;
+  background: #333;
+  border-radius: 0 1px 1px 0;
 }
 .ngd-tv__screen {
+  --ngd-menu-scale-x: 1.8182;
+  --ngd-menu-scale-y: 1.4506;
   width: 100%;
   height: 100%;
   border-radius: 2px;
@@ -4697,20 +4710,26 @@ p:last-child { margin-bottom: 0; }
 /* TV feet */
 .ngd-tv__feet {
   display: flex;
-  gap: 72px;
-  margin-top: 3px;
+  justify-content: space-between;
+  width: 224px;
 }
 .ngd-tv__foot {
-  width: 28px;
-  height: 6px;
-  background: #181818;
-  border-radius: 0 0 3px 3px;
+  width: 12px;
+  height: 8px;
+  background: #111;
+  border: 1px solid #000;
+  border-radius: 0 0 4px 4px;
 }
 
 /* ── Menu board content (always playing) ───────────────────── */
 .ngd-menu {
   position: absolute;
-  inset: 0;
+  left: 0;
+  top: 0;
+  width: 220px;
+  height: 162px;
+  transform: scale(var(--ngd-menu-scale-x), var(--ngd-menu-scale-y));
+  transform-origin: top left;
   display: flex;
   flex-direction: column;
   padding: 7px 6px 4px;
@@ -4803,20 +4822,19 @@ p:last-child { margin-bottom: 0; }
 /* ── Player device (stick plugged into TV right-side HDMI port) ── */
 .ngd-player {
   position: absolute;
-  /* TV: left(20) + border(4) + width(220) + border(4) = 248px
-     port right:-5 → connector aligns to TV right edge at 248px */
-  left: 248px;
-  /* TV top(90) + border(4) + port.top(74) + port half-h(7) = 175px
-     stick h=26px → top = 175 − 13 = 162px */
-  top: 162px;
+  /* TV: left(20) + border(4) + width(400) + border(4) = 428px */
+  left: 428px;
+  /* TV top(72) + border(4) + port.top(110) + port half-h(7) = 193px
+    stick h=32px → top = 193 − 16 = 177px */
+  top: 177px;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 /* HDMI connector plug — left side, inserts into TV port */
 .ngd-player__connector {
-  width: 14px;
-  height: 10px;
+  width: 18px;
+  height: 14px;
   background: linear-gradient(180deg, #888, #666);
   border-radius: 2px 0 0 2px;
   position: relative;
@@ -4829,15 +4847,15 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   right: 2px;
   top: 2px;
-  width: 6px;
-  height: 6px;
+  width: 8px;
+  height: 8px;
   background: #555;
   border-radius: 1px;
 }
 /* Main stick body — white gradient capsule */
 .ngd-player__body {
-  width: 68px;
-  height: 26px;
+  width: 84px;
+  height: 32px;
   background: linear-gradient(180deg, #f5f5f5, #e0e0e0);
   border: 1px solid #ccc;
   border-radius: 0 5px 5px 0;
@@ -4884,9 +4902,9 @@ p:last-child { margin-bottom: 0; }
 /* ── Signal wrap (cloud + vertical line to player) ─────────── */
 .ngd-signal-wrap {
   position: absolute;
-  /* body centre X: player left(248) + connector(14) + body half(34) = 296
-     cloud width 74px → half = 37 → left = 296 − 37 = 259px */
-  left: 259px;
+  /* body centre X: player left(428) + connector(18) + body half(42) = 488
+    cloud width 74px → half = 37 → left = 488 − 37 = 451px */
+  left: 451px;
   top: 22px;
   width: 74px;
   display: flex;
@@ -4910,7 +4928,7 @@ p:last-child { margin-bottom: 0; }
 /* Vertical signal line */
 .ngd-signal-line {
   width: 3px;
-  height: 92px;  /* wrap top(22) + cloud h(46) + line(92) = 160 ≈ player top(162) */
+  height: 109px;
   background: rgba(76,175,80,.35);
   border-radius: 2px;
   position: relative;
@@ -5023,6 +5041,7 @@ p:last-child { margin-bottom: 0; }
   /* Scale at 84% (320/380) */
   .ngd-tv                   { left: 17px; top: 76px; }
   .ngd-tv__body             { width: 185px; height: 136px; }
+  .ngd-tv__screen           { --ngd-menu-scale-x: 0.8409; --ngd-menu-scale-y: 0.8395; }
   /* port at body midpoint: 136/2 − 7 = 61 */
   .ngd-tv__port             { top: 61px; }
   .ngd-tv__feet             { gap: 60px; }

From c50087d669c421b2ee066326eeca8362d1dd9514 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:28:35 -0500
Subject: [PATCH 46/87] Sync: update ngd-signal-wrap styles and SVG structure
 for improved visual representation

---
 theme/assets/css/main.css | 20 ++++++++++----------
 theme/blocks/index.php    |  6 +++++-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 61f9e29..cb69a69 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4899,20 +4899,20 @@ p:last-child { margin-bottom: 0; }
   filter: drop-shadow(0 0 4px rgba(76,175,80,.6));
 }
 
-/* ── Signal wrap (cloud + vertical line to player) ─────────── */
+/* ── Signal wrap (globe + vertical line to player) ─────────── */
 .ngd-signal-wrap {
   position: absolute;
   /* body centre X: player left(428) + connector(18) + body half(42) = 488
-    cloud width 74px → half = 37 → left = 488 − 37 = 451px */
-  left: 451px;
+    globe width 88px → half = 44 → left = 488 − 44 = 444px */
+  left: 444px;
   top: 22px;
-  width: 74px;
+  width: 88px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 .ngd-cloud {
-  width: 74px;
+  width: 88px;
   flex-shrink: 0;
 }
 .ngd-cloud__svg {
@@ -4928,7 +4928,7 @@ p:last-child { margin-bottom: 0; }
 /* Vertical signal line */
 .ngd-signal-line {
   width: 3px;
-  height: 109px;
+  height: 92px;
   background: rgba(76,175,80,.35);
   border-radius: 2px;
   position: relative;
@@ -5052,10 +5052,10 @@ p:last-child { margin-bottom: 0; }
   .ngd-player__body         { width: 68px; height: 24px; }
   .ngd-player__body::before { top: 5px; left: 6px; width: 24px; height: 10px; }
   .ngd-player__led          { width: 3px; height: 3px; right: 6px; }
-  /* body centre-x: 210+12+34=256; cloud 62px → half=31 → wrap left=225 */
-  .ngd-signal-wrap          { left: 225px; top: 18px; width: 62px; }
-  /* line: wrap.top(18)+cloud_h(~38)=56 to player.top(135) → 79px */
-  .ngd-signal-line          { height: 79px; }
+  /* body centre-x: 210+12+34=256; globe 72px → half=36 → wrap left=220 */
+  .ngd-signal-wrap          { left: 220px; top: 18px; width: 72px; }
+  /* line: wrap.top(18)+globe_h(~52)=70 to player.top(135) → 65px */
+  .ngd-signal-line          { height: 65px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 2283bb6..0f1a84e 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1626,7 +1626,11 @@ function oribi_render_platform_row( $a ) {
         $ngd .= '<div class="ngd-signal-wrap">';
         $ngd .=   '<div class="ngd-cloud">';
         $ngd .=     '<svg class="ngd-cloud__svg" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg">';
-        $ngd .=       '<path class="ngd-cloud__path" d="M50 38H12C6.5 38 2 33.5 2 28s4.5-10 10-10c.35 0 .68.02 1 .05C15.3 12.4 20.8 8 27.5 8 35.2 8 41.5 14.3 41.5 22c0 .73-.06 1.45-.16 2.15C45.2 24.95 48 28.1 48 32v6z" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>';
+        $ngd .=       '<circle class="ngd-cloud__path" cx="32" cy="23" r="14" stroke-width="2.2" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M18 23H46" stroke-width="2" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M32 9V37" stroke-width="2" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M22.5 14.5C27 18.5 27 27.5 22.5 31.5" stroke-width="2" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M41.5 14.5C37 18.5 37 27.5 41.5 31.5" stroke-width="2" stroke-linecap="round" fill="none"/>';
         $ngd .=     '</svg>';
         $ngd .=   '</div>';
         $ngd .=   '<div class="ngd-signal-line">';

From 3027f3da4023fe84d797819a04479d36f192a867 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:30:18 -0500
Subject: [PATCH 47/87] Sync: update ngd-signal-wrap SVG paths for improved
 visual representation

---
 theme/blocks/index.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 0f1a84e..1e5b8f7 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1622,15 +1622,15 @@ function oribi_render_platform_row( $a ) {
         $ngd .=   '</div>';
         $ngd .= '</div>'; /* ngd-player */
 
-        /* Signal wrap: vertical line connecting player to cloud above */
+        /* Signal wrap: vertical line connecting player to globe above */
         $ngd .= '<div class="ngd-signal-wrap">';
         $ngd .=   '<div class="ngd-cloud">';
         $ngd .=     '<svg class="ngd-cloud__svg" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg">';
         $ngd .=       '<circle class="ngd-cloud__path" cx="32" cy="23" r="14" stroke-width="2.2" fill="none"/>';
-        $ngd .=       '<path class="ngd-cloud__path" d="M18 23H46" stroke-width="2" stroke-linecap="round" fill="none"/>';
-        $ngd .=       '<path class="ngd-cloud__path" d="M32 9V37" stroke-width="2" stroke-linecap="round" fill="none"/>';
-        $ngd .=       '<path class="ngd-cloud__path" d="M22.5 14.5C27 18.5 27 27.5 22.5 31.5" stroke-width="2" stroke-linecap="round" fill="none"/>';
-        $ngd .=       '<path class="ngd-cloud__path" d="M41.5 14.5C37 18.5 37 27.5 41.5 31.5" stroke-width="2" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M18.5 23C23 20 41 20 45.5 23" stroke-width="1.9" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M20.5 29C25.5 31 38.5 31 43.5 29" stroke-width="1.9" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M24.5 12C21.5 16.5 21.5 29.5 24.5 34" stroke-width="1.9" stroke-linecap="round" fill="none"/>';
+        $ngd .=       '<path class="ngd-cloud__path" d="M39.5 12C42.5 16.5 42.5 29.5 39.5 34" stroke-width="1.9" stroke-linecap="round" fill="none"/>';
         $ngd .=     '</svg>';
         $ngd .=   '</div>';
         $ngd .=   '<div class="ngd-signal-line">';

From 7bb9a0bdd3090e0974226bdad8ab236ee03300b8 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:33:04 -0500
Subject: [PATCH 48/87] bigger

---
 theme/assets/css/main.css | 46 +++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index cb69a69..bf35c9d 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5105,13 +5105,13 @@ p:last-child { margin-bottom: 0; }
 .bd-stage {
   position: relative;
   width: 100%;
-  max-width: 420px;
+  max-width: 500px;
   aspect-ratio: 4/3;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 18px;
+  gap: 22px;
 }
 
 /* ── Shared device styles ─────────────────────────────────── */
@@ -5151,8 +5151,8 @@ p:last-child { margin-bottom: 0; }
 
 /* ── Tablet (portrait kiosk) ──────────────────────────────── */
 .bd-device--tablet .bd-device__body {
-  width: 80px;
-  height: 120px;
+  width: 96px;
+  height: 144px;
   border-radius: 8px;
 }
 .bd-device--tablet .bd-device__screen { border-radius: 4px; }
@@ -5160,12 +5160,12 @@ p:last-child { margin-bottom: 0; }
 
 /* ── Wall display (wide landscape) ────────────────────────── */
 .bd-device--wall .bd-device__body {
-  width: 180px;
-  height: 108px;
+  width: 216px;
+  height: 130px;
 }
 .bd-mount {
-  width: 6px;
-  height: 18px;
+  width: 7px;
+  height: 22px;
   background: #222;
   margin-top: -1px;
   border-radius: 0 0 2px 2px;
@@ -5174,16 +5174,16 @@ p:last-child { margin-bottom: 0; }
 
 /* ── Interactive tablet on table ───────────────────────────── */
 .bd-device--interactive .bd-device__body {
-  width: 110px;
-  height: 74px;
+  width: 132px;
+  height: 89px;
   border-radius: 6px;
   transform: perspective(400px) rotateX(25deg);
   transform-origin: bottom center;
 }
 .bd-device--interactive .bd-device__screen { border-radius: 3px; }
 .bd-table {
-  width: 130px;
-  height: 8px;
+  width: 156px;
+  height: 10px;
   background: linear-gradient(180deg, #2a2a2a, #1a1a1a);
   border-radius: 3px;
   margin-top: -2px;
@@ -5462,19 +5462,19 @@ p:last-child { margin-bottom: 0; }
 
 /* ── Responsive ─────────────────────────────────────────────── */
 @media (max-width: 900px) {
-  .bd-stage { max-width: 360px; gap: 12px; }
-  .bd-device--tablet .bd-device__body { width: 64px; height: 96px; }
-  .bd-device--wall .bd-device__body   { width: 148px; height: 88px; }
-  .bd-device--interactive .bd-device__body { width: 88px; height: 58px; }
-  .bd-table { width: 104px; }
+  .bd-stage { max-width: 430px; gap: 14px; }
+  .bd-device--tablet .bd-device__body { width: 76px; height: 114px; }
+  .bd-device--wall .bd-device__body   { width: 170px; height: 102px; }
+  .bd-device--interactive .bd-device__body { width: 101px; height: 67px; }
+  .bd-table { width: 120px; }
 }
 @media (max-width: 640px) {
-  .bd-stage { max-width: 300px; gap: 8px; }
-  .bd-device--tablet .bd-device__body { width: 52px; height: 78px; }
-  .bd-device--wall .bd-device__body   { width: 120px; height: 72px; }
-  .bd-device--interactive .bd-device__body { width: 72px; height: 48px; }
-  .bd-device__label { font-size: 8px; }
-  .bd-table { width: 86px; height: 6px; }
+  .bd-stage { max-width: 340px; gap: 10px; }
+  .bd-device--tablet .bd-device__body { width: 60px; height: 90px; }
+  .bd-device--wall .bd-device__body   { width: 138px; height: 83px; }
+  .bd-device--interactive .bd-device__body { width: 83px; height: 55px; }
+  .bd-device__label { font-size: 9px; }
+  .bd-table { width: 98px; height: 7px; }
 }
 
 /* ── Reduced-motion overrides ───────────────────────────────── */

From 5be6eae0834ace107dd65ba39f6acf6f117b9852 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:36:46 -0500
Subject: [PATCH 49/87] Sync: add devices split card section and styles for
 improved presentation of player options

---
 pages/devices.php         | 17 ++++++++++++++++-
 theme/assets/css/main.css | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/pages/devices.php b/pages/devices.php
index bbc3606..ec334ec 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -25,5 +25,20 @@ return <<<'ORIBI_SYNC_CONTENT'
 
 <!-- wp:oribi/intro-section {"variant":"normal","label":"Bundles Available","heading":"Player + Display Packages","description":"Donu0027t have screens yet? We offer turnkey bundles pairing our player device with a commercial-grade display rated for 24/7 operation — brighter, tougher, and longer-lasting than consumer TVs. Available from 32" to 75". Contact us for volume pricing and custom configurations.","visual":""} /-->
 
-<!-- wp:oribi/cta-banner {"heading":"Not Sure What You Need?","text":"Tell us about your space and we'll recommend the right player, display, and mounting solution for your environment.","btnText":"Request a Quote","btnUrl":"/contact"} /-->
+<!-- wp:html -->
+<section class="section">
+	<div class="container">
+		<div class="devices-split-card">
+			<div class="devices-split-card__panel">
+				<h3>Pre-Configured OTS Players</h3>
+				<p>Every player device ordered through OTS arrives pre-configured and already paired with your Command Center. Plug in power and HDMI, connect to your network, and your screens are ready to publish.</p>
+			</div>
+			<div class="devices-split-card__panel devices-split-card__panel--brand">
+				<h3>Bring Your Own Player (BYO)</h3>
+				<p>Already have compatible media players? We can onboard BYO hardware and connect it to your Command Center. Our team will confirm compatibility requirements and provide setup guidance before rollout.</p>
+			</div>
+		</div>
+	</div>
+</section>
+<!-- /wp:html -->
 ORIBI_SYNC_CONTENT;
diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index bf35c9d..9fbf684 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3232,6 +3232,44 @@ p:last-child { margin-bottom: 0; }
 .cta-banner h2 { color: #fff; margin-bottom: 1rem; }
 .cta-banner p { color: rgba(255,255,255,.85); margin-bottom: 2rem; font-size: 1.1rem; }
 
+.devices-split-card {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  border-radius: var(--radius-xl);
+  overflow: hidden;
+  border: 1px solid var(--color-border);
+  background: var(--card-bg);
+}
+
+.devices-split-card__panel {
+  padding: clamp(1.5rem, 3vw, 2.5rem);
+}
+
+.devices-split-card__panel h3 {
+  margin-bottom: .85rem;
+}
+
+.devices-split-card__panel p {
+  color: var(--color-text-muted);
+  line-height: 1.75;
+}
+
+.devices-split-card__panel--brand {
+  background: var(--color-primary);
+  color: var(--color-bg);
+}
+
+.devices-split-card__panel--brand h3,
+.devices-split-card__panel--brand p {
+  color: inherit;
+}
+
+@media (max-width: 768px) {
+  .devices-split-card {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ── 15. Footer ────────────────────────────────────────────── */
 .site-footer {
   background: #111111;

From 170f13492787042c39dc29364844c10371ac2fdf Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:10 -0500
Subject: [PATCH 50/87] Sync: update resources from WordPress


From 93e1c59e29744d33ea7ffca2a705efe9b4ada0a6 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:10 -0500
Subject: [PATCH 51/87] Sync: update solutions from WordPress


From 402804018a61041dbd5a1905246c3315c06ba429 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:11 -0500
Subject: [PATCH 52/87] Sync: update home from WordPress


From 369da66d4c9e051baab3707e8f54fa98a7c21f1b Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:12 -0500
Subject: [PATCH 53/87] Sync: update pricing from WordPress

---
 pages/pricing.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/pricing.php b/pages/pricing.php
index 4cf5212..bea0701 100644
--- a/pages/pricing.php
+++ b/pages/pricing.php
@@ -19,12 +19,12 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- /wp:oribi/value-section -->
 
 <!-- wp:oribi/pricing-section {"variant":"alt","label":"Choose Your Plan","heading":"Scale When Youu0027re Ready","lead":"Start with Essentials and upgrade seamlessly as your network grows. No disruption, no data loss."} -->
-<!-- wp:oribi/pricing-card {"name":"Essentials","tagline":"The full content engine for growing networks","price":"$7","pricePer":"per screen / month · or $70/screen annually","features":["Up to 50 screens","Custom subdomain","Shared CMS instance","Content scheduling \u0026 day-parting","DataSets, RSS, social \u0026 embedded widgets","Menu boards \u0026 interactive layouts","Unlimited users with standard roles","Canva integration","Offline playback","Proof of Play analytics (30-day retention)","Email support (next-business-day)"]} /-->
+<!-- wp:oribi/pricing-card {"name":"Essentials","tagline":"The full content engine for growing networks","price":"$7","pricePer":"per screen / month · or $70/screen annually","features":["Up to 50 screens","Custom subdomain","Shared CMS instance","Content scheduling u0026 day-parting","DataSets, RSS, social u0026 embedded widgets","Menu boards u0026 interactive layouts","Unlimited users with standard roles","Canva integration","Offline playback","Proof of Play analytics (30-day retention)","Email support (next-business-day)"]} /-->
 
-<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations \u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location \u0026 weather-triggered scheduling","Dashboard Connector \u0026 custom API integrations","Video wall support","Ad campaigns \u0026 SSP monetisation","SSO (SAML/CAS) \u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting \u0026 scheduled PDF reports","Priority support (4-hour SLA) \u0026 account manager","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
+<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location u0026 weather-triggered scheduling","Dashboard Connector u0026 custom API integrations","Video wall support","Ad campaigns u0026 SSP monetisation","SSO (SAML/CAS) u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting u0026 scheduled PDF reports","Priority support (4-hour SLA) u0026 account manager","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
 <!-- /wp:oribi/pricing-section -->
 
-<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale \u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content \u0026 Scheduling"},{"feature":"Day-parting \u0026 date scheduling","values":[true,true]},{"feature":"Playlists \u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns \u0026 plays-per-hour control","values":[false,true]},{"group":"Data \u0026 Integrations"},{"feature":"DataSets, RSS \u0026 tickers","values":[true,true]},{"feature":"Embedded HTML \u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"feature":"Custom Live Data Integrations","values":[false,true]},{"group":"Analytics \u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users \u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles \u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands \u0026 RS232","values":[false,true]},{"group":"Support \u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]},{"feature":"Contractual SLA guarantee","values":[false,true]}]} /-->
+<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content u0026 Scheduling"},{"feature":"Day-parting u0026 date scheduling","values":[true,true]},{"feature":"Playlists u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns u0026 plays-per-hour control","values":[false,true]},{"group":"Data u0026 Integrations"},{"feature":"DataSets, RSS u0026 tickers","values":[true,true]},{"feature":"Embedded HTML u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"feature":"Custom Live Data Integrations","values":[false,true]},{"group":"Analytics u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands u0026 RS232","values":[false,true]},{"group":"Support u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]},{"feature":"Contractual SLA guarantee","values":[false,true]}]} /-->
 
 <!-- wp:oribi/intro-section {"label":"Try Before You Commit","heading":"Want to Explore the Platform First?","description":"Request access to our live demo instance and take the full CMS for a spin — create content, set up schedules, and see exactly how it works. No credit card, no obligation."} /-->
 

From c476a79cee8f4ab496f96a94395690edf0c14180 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:14 -0500
Subject: [PATCH 54/87] Sync: update demo from WordPress


From afd49f216510bdecf171c7f398ceef5b4cb19acb Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:15 -0500
Subject: [PATCH 55/87] Sync: update devices from WordPress

---
 pages/devices.php | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index ec334ec..fad6c90 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -9,21 +9,26 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Hardware","title":"Signage Players Engineered for the Real World","description":"Compact, silent, and built for 24/7 operation. Plug into any HDMI screen, connect to your network, and your content is live in minutes."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
-<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","tvStick":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
 <!-- /wp:oribi/platform-section -->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"Whatu0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment.","columns":3} -->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"Whatu0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment."} -->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-display","title":"4K Output","description":"Crisp 4K resolution over HDMI for stunning visuals on any display size, from 32-inch panels to 75-inch video walls."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Dual Connectivity","description":"Wi-Fi and Ethernet built in. Choose the connection that suits your environment, or use both for redundancy."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-hard-drive","title":"Local Storage","description":"On-device storage caches your full content library for instant startup and uninterrupted offline playback."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Secure Boot","description":"Hardware-level security with encrypted storage prevents tampering and ensures only verified software runs."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-rotate","title":"Over-the-Air Updates","description":"Firmware updates deploy remotely and automatically. Your devices stay current without site visits or manual intervention."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-temperature-low","title":"Silent & Fanless","description":"Passive cooling means zero noise. Ideal for quiet spaces like hotel lobbies, meeting rooms, and restaurants."} /-->
-<!-- /wp:oribi/feature-section -->
 
-<!-- wp:oribi/intro-section {"variant":"normal","label":"Bundles Available","heading":"Player + Display Packages","description":"Donu0027t have screens yet? We offer turnkey bundles pairing our player device with a commercial-grade display rated for 24/7 operation — brighter, tougher, and longer-lasting than consumer TVs. Available from 32" to 75". Contact us for volume pricing and custom configurations.","visual":""} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Dual Connectivity","description":"Wi-Fi and Ethernet built in. Choose the connection that suits your environment, or use both for redundancy."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-hard-drive","title":"Local Storage","description":"On-device storage caches your full content library for instant startup and uninterrupted offline playback."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Secure Boot","description":"Hardware-level security with encrypted storage prevents tampering and ensures only verified software runs."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-rotate","title":"Over-the-Air Updates","description":"Firmware updates deploy remotely and automatically. Your devices stay current without site visits or manual intervention."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-temperature-low","title":"Silent \u0026 Fanless","description":"Passive cooling means zero noise. Ideal for quiet spaces like hotel lobbies, meeting rooms, and restaurants."} /-->
+<!-- /wp:oribi/feature-section -->
 
 <!-- wp:html -->
 <section class="section">

From 0fd40020b00f95558e4ae8ca89a6ca6a02bbe658 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:16 -0500
Subject: [PATCH 56/87] Sync: update faq from WordPress


From 8eea9d95ced40011ac29eef99284e3e47ae9e3ac Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:18 -0500
Subject: [PATCH 57/87] Sync: update features from WordPress


From e03b6e150e6dc12fa6dc4c33111fedd807f3f739 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:19 -0500
Subject: [PATCH 58/87] Sync: update about from WordPress


From a69521ab2533a1e05efa9551268ae3f4adf3ee72 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 17:40:20 -0500
Subject: [PATCH 59/87] Sync: update contact from WordPress


From 7b4caa1267979dc8de836c79048c1b0d3088ea06 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:44:41 -0500
Subject: [PATCH 60/87] Sync: update button styles for light and dark themes in
 homepage hero

---
 theme/assets/css/main.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 9fbf684..f35380a 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3037,6 +3037,19 @@ p:last-child { margin-bottom: 0; }
   justify-content: center;
 }
 
+/* Keep secondary CTA visible on light homepage hero */
+.hero-animated .btn-ghost {
+  border-color: rgba(var(--color-primary-rgb), .35);
+  color: var(--color-text);
+  background: rgba(255,255,255,.55);
+}
+
+.hero-animated .btn-ghost:hover {
+  border-color: rgba(var(--color-primary-rgb), .6);
+  background: rgba(var(--color-primary-rgb), .08);
+  color: var(--color-text);
+}
+
 .hero-animated__content .hero-stats {
   justify-content: center;
 }
@@ -3607,6 +3620,16 @@ p:last-child { margin-bottom: 0; }
   border-color: rgba(255,255,255,.25);
 }
 
+[data-theme="dark"] .hero-animated .btn-ghost {
+  color: #fff;
+  background: transparent;
+}
+
+[data-theme="dark"] .hero-animated .btn-ghost:hover {
+  background: rgba(255,255,255,.1);
+  color: #fff;
+}
+
 [data-theme="dark"] .platform-visual:not(.has-img):not(.has-dashboard) {
   background: var(--color-bg-alt);
   border-color: var(--color-border);

From 80b36032e8cd58939051fb4d81fbc081cb879733 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:47:49 -0500
Subject: [PATCH 61/87] small

---
 theme/assets/css/main.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index f35380a..626c1b3 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3054,6 +3054,15 @@ p:last-child { margin-bottom: 0; }
   justify-content: center;
 }
 
+/* Homepage flow: avoid oversized gap before use-cases section */
+.hero-animated {
+  min-height: auto;
+}
+
+.hero-animated + .use-cases-section {
+  padding-top: clamp(2rem, 4vw, 3.5rem);
+}
+
 .hero-stats--three {
   display: flex;
   gap: 3rem;

From f9f15708e3676947eee4c5d4f8e6a7d41b072958 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:53:14 -0500
Subject: [PATCH 62/87] Sync: add promotional animation styles and integrate
 into device rendering

---
 theme/assets/css/main.css | 90 +++++++++++++++++++++++++++++++++++++++
 theme/blocks/index.php    | 13 +++---
 2 files changed, 97 insertions(+), 6 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 626c1b3..b0aa6b1 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2151,6 +2151,91 @@ p:last-child { margin-bottom: 0; }
   animation: da-scan 3s linear infinite;
   pointer-events: none;
 }
+
+.da-promo {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  padding: 6% 7%;
+  display: flex;
+  flex-direction: column;
+  gap: 6%;
+}
+
+.da-promo__top {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.da-promo__dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #f97316;
+  box-shadow: 0 0 6px rgba(249,115,22,.55);
+  animation: da-dot-pulse 2.8s ease-in-out infinite;
+}
+
+.da-promo__brand {
+  width: 40%;
+  height: 5px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, rgba(249,115,22,.95), rgba(251,191,36,.75));
+}
+
+.da-promo__hero {
+  height: 30%;
+  border-radius: 4px;
+  background:
+    linear-gradient(160deg, rgba(2,132,199,.38), rgba(15,23,42,.08) 58%),
+    linear-gradient(115deg, rgba(249,115,22,.42), rgba(249,115,22,.08) 62%);
+}
+
+.da-promo__row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.da-promo__line {
+  display: block;
+  height: 4px;
+  border-radius: 999px;
+  background: rgba(241,245,249,.70);
+}
+
+.da-promo__line--lg { width: 56%; }
+.da-promo__line--md { width: 46%; }
+.da-promo__line--sm { width: 24%; background: rgba(74,222,128,.72); }
+.da-promo__line--xs { width: 19%; background: rgba(249,115,22,.72); }
+
+.da-promo__ticker {
+  margin-top: auto;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  animation: da-ticker 6.5s linear infinite;
+}
+
+.da-promo__chip {
+  width: 34%;
+  height: 8px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, rgba(74,222,128,.72), rgba(56,189,248,.72));
+  flex: 0 0 auto;
+}
+
+@keyframes da-dot-pulse {
+  0%, 100% { transform: scale(1); opacity: .92; }
+  50%      { transform: scale(1.22); opacity: 1; }
+}
+
+@keyframes da-ticker {
+  0%   { transform: translateX(0); }
+  50%  { transform: translateX(-8%); }
+  100% { transform: translateX(0); }
+}
 /* Device label */
 .da-label {
   display: block;
@@ -2401,6 +2486,9 @@ p:last-child { margin-bottom: 0; }
 .da-vwall .da-panel:nth-child(2) .da-screen::after { animation-delay: -0.75s; }
 .da-vwall .da-panel:nth-child(3) .da-screen::after { animation-delay: -1.5s; }
 .da-vwall .da-panel:nth-child(4) .da-screen::after { animation-delay: -2.25s; }
+.da-vwall .da-panel:nth-child(2) .da-promo { filter: hue-rotate(32deg); }
+.da-vwall .da-panel:nth-child(3) .da-promo { filter: hue-rotate(-18deg); }
+.da-vwall .da-panel:nth-child(4) .da-promo { filter: hue-rotate(58deg); }
 /* ── Responsive scale-down ─────────────────────── */
 @media (max-width: 900px) {
   .da-device { transform: translate(-50%,-50%) scale(0.76); }
@@ -2415,6 +2503,8 @@ p:last-child { margin-bottom: 0; }
 @media (prefers-reduced-motion: reduce) {
   .da-device { transition: none; }
   .da-screen::after { animation: none; }
+  .da-promo__dot,
+  .da-promo__ticker { animation: none; }
 }
 
 /* ── 10c. TV Stick Plug Animation ──────────────────────────── */
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 1e5b8f7..1b5ad02 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1493,13 +1493,14 @@ function oribi_render_platform_row( $a ) {
         }
         $visual_cls = 'platform-visual has-img';
     } elseif ( ! empty( $a['deviceAnim'] ) ) {
+        $da_screen = '<div class="da-screen"><div class="da-promo"><div class="da-promo__top"><span class="da-promo__dot"></span><span class="da-promo__brand"></span></div><div class="da-promo__hero"></div><div class="da-promo__row"><span class="da-promo__line da-promo__line--lg"></span><span class="da-promo__line da-promo__line--sm"></span></div><div class="da-promo__row"><span class="da-promo__line da-promo__line--md"></span><span class="da-promo__line da-promo__line--xs"></span></div><div class="da-promo__ticker"><span class="da-promo__chip"></span><span class="da-promo__chip"></span><span class="da-promo__chip"></span></div></div></div>';
         $da  = '<div class="da-stage" aria-hidden="true">';
-        $da .= '<div class="da-device da-tablet"><div class="da-body"><div class="da-screen"></div></div><span class="da-label">Tablet</span></div>';
-        $da .= '<div class="da-device da-monitor-sm"><div class="da-body"><div class="da-screen"></div></div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Small Monitor</span></div>';
-        $da .= '<div class="da-device da-monitor-lg"><div class="da-body"><div class="da-screen"></div></div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Large Monitor</span></div>';
-        $da .= '<div class="da-device da-tv"><div class="da-body"><div class="da-screen"></div></div><div class="da-feet"><div class="da-foot"></div><div class="da-foot"></div></div><span class="da-label">TV</span></div>';
-        $da .= '<div class="da-device da-projector"><div class="da-proj-layout"><div class="da-proj-body"><div class="da-lens"></div></div><div class="da-beam"></div><div class="da-proj-screen"><div class="da-screen"></div></div></div><span class="da-label">Projector</span></div>';
-        $da .= '<div class="da-device da-vwall"><div class="da-vwall-grid"><div class="da-panel"><div class="da-screen"></div></div><div class="da-panel"><div class="da-screen"></div></div><div class="da-panel"><div class="da-screen"></div></div><div class="da-panel"><div class="da-screen"></div></div></div><span class="da-label">Video Wall</span></div>';
+        $da .= '<div class="da-device da-tablet"><div class="da-body">' . $da_screen . '</div><span class="da-label">Tablet</span></div>';
+        $da .= '<div class="da-device da-monitor-sm"><div class="da-body">' . $da_screen . '</div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Small Monitor</span></div>';
+        $da .= '<div class="da-device da-monitor-lg"><div class="da-body">' . $da_screen . '</div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Large Monitor</span></div>';
+        $da .= '<div class="da-device da-tv"><div class="da-body">' . $da_screen . '</div><div class="da-feet"><div class="da-foot"></div><div class="da-foot"></div></div><span class="da-label">TV</span></div>';
+        $da .= '<div class="da-device da-projector"><div class="da-proj-layout"><div class="da-proj-body"><div class="da-lens"></div></div><div class="da-beam"></div><div class="da-proj-screen">' . $da_screen . '</div></div><span class="da-label">Projector</span></div>';
+        $da .= '<div class="da-device da-vwall"><div class="da-vwall-grid"><div class="da-panel">' . $da_screen . '</div><div class="da-panel">' . $da_screen . '</div><div class="da-panel">' . $da_screen . '</div><div class="da-panel">' . $da_screen . '</div></div><span class="da-label">Video Wall</span></div>';
         $da .= '</div>';
         $visual_html = $da;
         $visual_cls  = 'platform-visual has-anim';

From 6b8b6b2328f42cf0cf0b548d5df2fd261f1600b9 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:55:50 -0500
Subject: [PATCH 63/87] Sync: implement camera animation rendering function and
 refactor platform row logic

---
 theme/assets/css/main.css |  25 ++++++----
 theme/blocks/index.php    | 102 +++++++++++++++++++-------------------
 2 files changed, 65 insertions(+), 62 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index b0aa6b1..85f3979 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3812,6 +3812,9 @@ p:last-child { margin-bottom: 0; }
    Photo camera (left) + product scene (centre) + VHS camcorder on tripod (right)
    ══════════════════════════════════════════════════════════════════════════════ */
 .platform-visual.has-camera {
+  --cam-cycle: 9s;
+  --cam-rec-cycle: 1.4s;
+  --cam-lens-cycle: 4s;
   background: none !important;
   border: none !important;
   border-radius: 0;
@@ -3864,20 +3867,20 @@ p:last-child { margin-bottom: 0; }
   display: block;
   border-radius: 8px;
 }
-.cam-subject--1 { animation: cam-subject-1 9s ease-in-out infinite; }
+.cam-subject--1 { animation: cam-subject-1 var(--cam-cycle) ease-in-out infinite; }
 .cam-subject--1::before {
   width: 40px; height: 58px;
   background: linear-gradient(135deg, #064e3b 0%, #4ade80 100%);
   box-shadow: 0 0 18px rgba(74,222,128,.4);
 }
-.cam-subject--2 { animation: cam-subject-2 9s ease-in-out infinite; }
+.cam-subject--2 { animation: cam-subject-2 var(--cam-cycle) ease-in-out infinite; }
 .cam-subject--2::before {
   width: 32px; height: 68px;
   background: linear-gradient(160deg, #78350f 0%, #fbbf24 100%);
   border-radius: 6px 6px 12px 12px;
   box-shadow: 0 0 18px rgba(251,191,36,.35);
 }
-.cam-subject--3 { animation: cam-subject-3 9s ease-in-out infinite; }
+.cam-subject--3 { animation: cam-subject-3 var(--cam-cycle) ease-in-out infinite; }
 .cam-subject--3::before {
   width: 74px; height: 50px;
   background: linear-gradient(135deg, #1e1b4b 0%, #818cf8 100%);
@@ -3891,7 +3894,7 @@ p:last-child { margin-bottom: 0; }
   background: #fff;
   opacity: 0;
   pointer-events: none;
-  animation: cam-flash-pulse 9s linear infinite;
+  animation: cam-flash-pulse var(--cam-cycle) linear infinite;
 }
 /* CRT scanlines from the video cam */
 .cam-vid-overlay {
@@ -3940,7 +3943,7 @@ p:last-child { margin-bottom: 0; }
   top: 2px; left: 4px; right: 4px; bottom: 2px;
   background: #c8c870;
   border-radius: 1px;
-  animation: pc-flash-glow 9s linear infinite;
+  animation: pc-flash-glow var(--cam-cycle) linear infinite;
 }
 /* Top strip */
 .pc-top {
@@ -3964,7 +3967,7 @@ p:last-child { margin-bottom: 0; }
   border-radius: 50%;
   border: 2px solid var(--color-border);
   box-shadow: 0 0 0 1px rgba(255,255,255,.15), inset 0 1px 0 rgba(255,255,255,.1);
-  animation: pc-shutter 9s linear infinite;
+  animation: pc-shutter var(--cam-cycle) linear infinite;
   transform-origin: center;
 }
 .pc-viewfinder {
@@ -4052,9 +4055,9 @@ p:last-child { margin-bottom: 0; }
   height: 38px;
   border-radius: 1px;
 }
-.pc-print--1 { left: 0;   top: 0; transform-origin: bottom center; animation: pc-print-1 9s linear infinite; }
-.pc-print--2 { left: 18px; top: 0; transform-origin: bottom center; animation: pc-print-2 9s linear infinite; }
-.pc-print--3 { left: 36px; top: 0; transform-origin: bottom center; animation: pc-print-3 9s linear infinite; }
+.pc-print--1 { left: 0;   top: 0; transform-origin: bottom center; animation: pc-print-1 var(--cam-cycle) linear infinite; }
+.pc-print--2 { left: 18px; top: 0; transform-origin: bottom center; animation: pc-print-2 var(--cam-cycle) linear infinite; }
+.pc-print--3 { left: 36px; top: 0; transform-origin: bottom center; animation: pc-print-3 var(--cam-cycle) linear infinite; }
 .pc-print--1 .pc-print__img { background: linear-gradient(135deg, #064e3b, #4ade80); }
 .pc-print--2 .pc-print__img { background: linear-gradient(160deg, #78350f, #fbbf24); }
 .pc-print--3 .pc-print__img { background: linear-gradient(135deg, #1e1b4b, #818cf8); }
@@ -4124,7 +4127,7 @@ p:last-child { margin-bottom: 0; }
   display: flex;
   align-items: center;
   justify-content: center;
-  animation: vc-lens-zoom 4s ease-in-out infinite;
+  animation: vc-lens-zoom var(--cam-lens-cycle) ease-in-out infinite;
 }
 .vc-lens-tip {
   width: 26px; height: 26px;
@@ -4168,7 +4171,7 @@ p:last-child { margin-bottom: 0; }
   border-radius: 50%;
   background: #ef4444;
   box-shadow: 0 0 8px #ef4444, 0 0 16px rgba(239,68,68,.4);
-  animation: vc-rec-blink 1.4s ease-in-out infinite;
+  animation: vc-rec-blink var(--cam-rec-cycle) ease-in-out infinite;
 }
 /* Eyepiece — extends RIGHT */
 .vc-eyepiece {
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 1b5ad02..975f179 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1356,6 +1356,56 @@ function oribi_render_platform_section( $a, $content ) {
 }
 
 /* ── Platform Row (child - renders one service row) ────────────────────────── */
+function oribi_render_camera_animation() {
+    return <<<'HTML'
+<div class="cam-stage" aria-hidden="true">
+    <div class="pc-wrap">
+        <div class="pc-body">
+            <div class="pc-flash-unit"></div>
+            <div class="pc-top"><div class="pc-shutter-btn"></div><div class="pc-viewfinder"></div></div>
+            <div class="pc-front">
+                <div class="pc-lens-ring"><div class="pc-lens-glass"><div class="pc-lens-reflex"></div></div></div>
+                <div class="pc-grip"></div>
+            </div>
+        </div>
+        <div class="pc-prints">
+            <div class="pc-print pc-print--1"><div class="pc-print__img"></div></div>
+            <div class="pc-print pc-print--2"><div class="pc-print__img"></div></div>
+            <div class="pc-print pc-print--3"><div class="pc-print__img"></div></div>
+        </div>
+    </div>
+
+    <div class="cam-scene">
+        <div class="cam-subject cam-subject--1"></div>
+        <div class="cam-subject cam-subject--2"></div>
+        <div class="cam-subject cam-subject--3"></div>
+        <div class="cam-flash-overlay"></div>
+        <div class="cam-vid-overlay"></div>
+    </div>
+
+    <div class="vc-wrap">
+        <div class="vc-camera">
+            <div class="vc-handle"></div>
+            <div class="vc-body">
+                <div class="vc-lens-barrel"><div class="vc-lens-tip"><div class="vc-lens-glass"><div class="vc-lens-reflex"></div></div></div></div>
+                <div class="vc-top-rail"></div>
+                <div class="vc-rec-light"></div>
+                <div class="vc-eyepiece"></div>
+            </div>
+        </div>
+        <div class="vc-tripod">
+            <div class="vc-stem"></div>
+            <div class="vc-legs">
+                <div class="vc-leg vc-leg--l"></div>
+                <div class="vc-leg vc-leg--c"></div>
+                <div class="vc-leg vc-leg--r"></div>
+            </div>
+        </div>
+    </div>
+</div>
+HTML;
+}
+
 function oribi_render_platform_row( $a ) {
     $rev     = ! empty( $a['reversed'] ) ? ' reverse' : '';
     $img_id  = ! empty( $a['imgId'] )    ? intval( $a['imgId'] )    : 0;
@@ -1742,57 +1792,7 @@ function oribi_render_platform_row( $a ) {
         $visual_html = $bd;
         $visual_cls  = 'platform-visual has-branded';
     } elseif ( ! empty( $a['cameraAnim'] ) ) {
-        $ca = '<div class="cam-stage" aria-hidden="true">';
-
-        // ── Left: compact photo camera ──
-        $ca .= '<div class="pc-wrap">';
-        $ca .= '<div class="pc-body">';
-        $ca .= '<div class="pc-flash-unit"></div>';
-        $ca .= '<div class="pc-top"><div class="pc-shutter-btn"></div><div class="pc-viewfinder"></div></div>';
-        $ca .= '<div class="pc-front">';
-        $ca .= '<div class="pc-lens-ring"><div class="pc-lens-glass"><div class="pc-lens-reflex"></div></div></div>';
-        $ca .= '<div class="pc-grip"></div>';
-        $ca .= '</div>';
-        $ca .= '</div>'; // pc-body
-        $ca .= '<div class="pc-prints">';
-        $ca .= '<div class="pc-print pc-print--1"><div class="pc-print__img"></div></div>';
-        $ca .= '<div class="pc-print pc-print--2"><div class="pc-print__img"></div></div>';
-        $ca .= '<div class="pc-print pc-print--3"><div class="pc-print__img"></div></div>';
-        $ca .= '</div>'; // pc-prints
-        $ca .= '</div>'; // pc-wrap
-
-        // ── Centre: product scene both cameras shoot ──
-        $ca .= '<div class="cam-scene">';
-        $ca .= '<div class="cam-subject cam-subject--1"></div>';
-        $ca .= '<div class="cam-subject cam-subject--2"></div>';
-        $ca .= '<div class="cam-subject cam-subject--3"></div>';
-        $ca .= '<div class="cam-flash-overlay"></div>';
-        $ca .= '<div class="cam-vid-overlay"></div>';
-        $ca .= '</div>'; // cam-scene
-
-        // ── Right: retro VHS video camera on tripod ──
-        $ca .= '<div class="vc-wrap">';
-        $ca .= '<div class="vc-camera">';
-        $ca .= '<div class="vc-handle"></div>';
-        $ca .= '<div class="vc-body">';
-        $ca .= '<div class="vc-lens-barrel"><div class="vc-lens-tip"><div class="vc-lens-glass"><div class="vc-lens-reflex"></div></div></div></div>';
-        $ca .= '<div class="vc-top-rail"></div>';
-        $ca .= '<div class="vc-rec-light"></div>';
-        $ca .= '<div class="vc-eyepiece"></div>';
-        $ca .= '</div>'; // vc-body
-        $ca .= '</div>'; // vc-camera
-        $ca .= '<div class="vc-tripod">';
-        $ca .= '<div class="vc-stem"></div>';
-        $ca .= '<div class="vc-legs">';
-        $ca .= '<div class="vc-leg vc-leg--l"></div>';
-        $ca .= '<div class="vc-leg vc-leg--c"></div>';
-        $ca .= '<div class="vc-leg vc-leg--r"></div>';
-        $ca .= '</div>'; // vc-legs
-        $ca .= '</div>'; // vc-tripod
-        $ca .= '</div>'; // vc-wrap
-
-        $ca .= '</div>'; // cam-stage
-        $visual_html = $ca;
+        $visual_html = oribi_render_camera_animation();
         $visual_cls  = 'platform-visual has-camera';
 
     /* ── Gallery TV Slideshow ───────────────────────────────── */

From ce163d25e350659644c5474a4a37ed6466a79963 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 17:59:10 -0500
Subject: [PATCH 64/87] Fix: adjust vertical positioning of the lens barrel in
 the visual component

---
 theme/assets/css/main.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 85f3979..10743b7 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4117,7 +4117,7 @@ p:last-child { margin-bottom: 0; }
 .vc-lens-barrel {
   position: absolute;
   left: -34px;
-  top: 50%;
+  top: calc(50% - 1px);
   transform: translateY(-50%);
   width: 38px; height: 38px;
   border-radius: 50%;

From cfb216f73ec3741eb772188fcefed1090d722459 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 18:00:51 -0500
Subject: [PATCH 65/87] Sync: update camera animation subjects to include shoe,
 food, and laptop

---
 theme/assets/css/main.css | 92 +++++++++++++++++++++++++++++----------
 theme/blocks/index.php    |  6 +--
 2 files changed, 73 insertions(+), 25 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 10743b7..048acd0 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -3853,7 +3853,7 @@ p:last-child { margin-bottom: 0; }
   background-size: 18px 18px;
 }
 
-/* ── Shared subject shapes ── */
+/* ── Rotating product items: shoe, food, laptop ── */
 .cam-subject {
   position: absolute;
   inset: 0;
@@ -3862,29 +3862,77 @@ p:last-child { margin-bottom: 0; }
   justify-content: center;
   opacity: 0;
 }
-.cam-subject::before {
+.cam-subject::before,
+.cam-subject::after {
   content: '';
-  display: block;
-  border-radius: 8px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
 }
-.cam-subject--1 { animation: cam-subject-1 var(--cam-cycle) ease-in-out infinite; }
-.cam-subject--1::before {
-  width: 40px; height: 58px;
-  background: linear-gradient(135deg, #064e3b 0%, #4ade80 100%);
-  box-shadow: 0 0 18px rgba(74,222,128,.4);
+
+.cam-subject--shoe { animation: cam-subject-1 var(--cam-cycle) ease-in-out infinite; }
+.cam-subject--shoe::before {
+  width: 76px;
+  height: 28px;
+  border-radius: 16px 20px 10px 14px;
+  background: linear-gradient(145deg, #312e81 0%, #4f46e5 45%, #818cf8 100%);
+  box-shadow:
+    0 0 14px rgba(129,140,248,.25),
+    inset 0 -2px 0 rgba(0,0,0,.22),
+    inset 0 2px 0 rgba(255,255,255,.18);
 }
-.cam-subject--2 { animation: cam-subject-2 var(--cam-cycle) ease-in-out infinite; }
-.cam-subject--2::before {
-  width: 32px; height: 68px;
-  background: linear-gradient(160deg, #78350f 0%, #fbbf24 100%);
-  border-radius: 6px 6px 12px 12px;
-  box-shadow: 0 0 18px rgba(251,191,36,.35);
+.cam-subject--shoe::after {
+  width: 80px;
+  height: 8px;
+  border-radius: 999px;
+  background: #e5e7eb;
+  transform: translate(-50%, calc(-50% + 13px));
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.2);
 }
-.cam-subject--3 { animation: cam-subject-3 var(--cam-cycle) ease-in-out infinite; }
-.cam-subject--3::before {
-  width: 74px; height: 50px;
-  background: linear-gradient(135deg, #1e1b4b 0%, #818cf8 100%);
-  box-shadow: 0 0 18px rgba(129,140,248,.35);
+
+.cam-subject--food { animation: cam-subject-2 var(--cam-cycle) ease-in-out infinite; }
+.cam-subject--food::before {
+  width: 68px;
+  height: 46px;
+  border-radius: 22px 22px 14px 14px;
+  background:
+    linear-gradient(to bottom,
+      #fbbf24 0 34%,
+      #65a30d 34% 43%,
+      #7c2d12 43% 60%,
+      #f59e0b 60% 100%);
+  box-shadow:
+    0 0 14px rgba(251,191,36,.28),
+    inset 0 1px 0 rgba(255,255,255,.35);
+}
+.cam-subject--food::after {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: rgba(255,255,255,.26);
+  transform: translate(calc(-50% - 14px), calc(-50% - 10px));
+}
+
+.cam-subject--laptop { animation: cam-subject-3 var(--cam-cycle) ease-in-out infinite; }
+.cam-subject--laptop::before {
+  width: 74px;
+  height: 44px;
+  border-radius: 6px;
+  background:
+    linear-gradient(165deg, #0f172a 0%, #1e293b 100%);
+  border: 2px solid #94a3b8;
+  box-shadow:
+    0 0 16px rgba(148,163,184,.25),
+    inset 0 0 0 2px rgba(15,23,42,.7);
+}
+.cam-subject--laptop::after {
+  width: 90px;
+  height: 10px;
+  border-radius: 4px;
+  background: linear-gradient(180deg, #d1d5db, #9ca3af);
+  transform: translate(-50%, calc(-50% + 28px));
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
 }
 
 /* Flash overlay */
@@ -4331,10 +4379,10 @@ p:last-child { margin-bottom: 0; }
 
 /* ── Reduced-motion ── */
 @media (prefers-reduced-motion: reduce) {
-  .cam-subject--2, .cam-subject--3,
+  .cam-subject--food, .cam-subject--laptop,
   .cam-flash-overlay,
   .pc-print--2, .pc-print--3 { animation: none !important; opacity: 0 !important; }
-  .cam-subject--1 { animation: none !important; opacity: 1 !important; }
+  .cam-subject--shoe { animation: none !important; opacity: 1 !important; }
   .pc-shutter-btn, .pc-flash-unit::after,
   .vc-lens-barrel, .vc-rec-light { animation: none !important; }
   .pc-print--1 {
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 975f179..bfcdca8 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1376,9 +1376,9 @@ function oribi_render_camera_animation() {
     </div>
 
     <div class="cam-scene">
-        <div class="cam-subject cam-subject--1"></div>
-        <div class="cam-subject cam-subject--2"></div>
-        <div class="cam-subject cam-subject--3"></div>
+        <div class="cam-subject cam-subject--shoe"></div>
+        <div class="cam-subject cam-subject--food"></div>
+        <div class="cam-subject cam-subject--laptop"></div>
         <div class="cam-flash-overlay"></div>
         <div class="cam-vid-overlay"></div>
     </div>

From 985ba7221237e9a720a6cf87ccc25be4e44b1957 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 18:02:46 -0500
Subject: [PATCH 66/87] Fix: adjust positioning and border radius of lens
 barrel and eyepiece components

---
 theme/assets/css/main.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 048acd0..3c42828 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -4154,17 +4154,17 @@ p:last-child { margin-bottom: 0; }
   background: var(--color-bg-alt);
   border: 1px solid var(--color-border);
   border-top: 1px solid rgba(255,255,255,.12);
-  border-radius: 0 4px 4px 0;
+  border-radius: 4px 0 0 4px;
   position: relative;
   display: flex;
   align-items: center;
   overflow: visible;
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
 }
-/* Lens barrel — extends LEFT toward the scene */
+/* Lens barrel — extends RIGHT */
 .vc-lens-barrel {
   position: absolute;
-  left: -34px;
+  right: -34px;
   top: calc(50% - 1px);
   transform: translateY(-50%);
   width: 38px; height: 38px;
@@ -4214,24 +4214,25 @@ p:last-child { margin-bottom: 0; }
 /* REC indicator */
 .vc-rec-light {
   position: absolute;
-  top: 8px; left: 16px;
+  top: 8px;
+  right: 16px;
   width: 7px; height: 7px;
   border-radius: 50%;
   background: #ef4444;
   box-shadow: 0 0 8px #ef4444, 0 0 16px rgba(239,68,68,.4);
   animation: vc-rec-blink var(--cam-rec-cycle) ease-in-out infinite;
 }
-/* Eyepiece — extends RIGHT */
+/* Eyepiece — extends LEFT */
 .vc-eyepiece {
   position: absolute;
-  right: -14px;
+  left: -14px;
   top: 50%;
   transform: translateY(-50%);
   width: 14px; height: 18px;
   background: var(--color-bg-alt);
   border: 1px solid var(--color-border);
-  border-left: none;
-  border-radius: 0 4px 4px 0;
+  border-right: none;
+  border-radius: 4px 0 0 4px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4247,7 +4248,7 @@ p:last-child { margin-bottom: 0; }
 .vc-body::after {
   content: '';
   position: absolute;
-  right: 6px; top: 7px;
+  left: 6px; top: 7px;
   width: 28px; height: 34px;
   background: rgba(0,0,0,.2);
   border: 1px solid var(--color-border);

From a7d6623eeca7796e4e5178e29029988a0eee7bde Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 18:09:27 -0500
Subject: [PATCH 67/87] Fix: add missing animation properties to platform row
 components

---
 pages/devices.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index fad6c90..243e484 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -9,11 +9,11 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Hardware","title":"Signage Players Engineered for the Real World","description":"Compact, silent, and built for 24/7 operation. Plug into any HDMI screen, connect to your network, and your content is live in minutes."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
-<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","deviceAnim":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"Whatu0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment."} -->

From 4f596dbf3091cbe6ed449b818d953b028f049209 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:33 -0500
Subject: [PATCH 68/87] Sync: update resources from WordPress


From 44b501b4da19686a925acd6946af433fe993541a Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:33 -0500
Subject: [PATCH 69/87] Sync: update solutions from WordPress


From e54b94222aa42d63447a38a85b7134b5db427c93 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:34 -0500
Subject: [PATCH 70/87] Sync: update demo from WordPress

---
 pages/demo.php | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/pages/demo.php b/pages/demo.php
index c825517..ef69265 100644
--- a/pages/demo.php
+++ b/pages/demo.php
@@ -6,16 +6,21 @@
  */
 
 return <<<'ORIBI_SYNC_CONTENT'
-<!-- wp:oribi/page-hero-animated {"label":"Try It","title":"Hands-On in Minutes, Not Weeks","description":"Skip the slideshow. Request access to a live instance of our platform and explore every feature at your own pace — no sales call required."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"Try It","title":"Hands-On in Minutes, Not Weeks","description":"Skip the slideshow. Request access to a live instance of our platform and explore every feature at your own pace, no sales call required."} /-->
 
-<!-- wp:oribi/intro-section {"variant":"normal","label":"Live Demo","heading":"Your Own Sandbox to Explore","description":"We'll set you up with full access to the OTS Signs CMS — the same platform our paying customers use. Build playlists, schedule content, connect data feeds, and preview exactly how your signage will look in production. No credit card, no time limit on the trial. Fill in the form below and we'll send you credentials within 24 hours.","visual":""} /-->
+<!-- wp:oribi/intro-section {"label":"Live Demo","heading":"Your Own Sandbox to Explore","description":"We'll set you up with full access to the OTS Signs Command Center, the same platform our paying customers use. Build playlists, schedule content, connect data feeds, and preview exactly how your signage will look in production. No credit card, no time limit on the trial. Fill in the form below and we'll send you credentials within 24 hours."} /-->
+
+<!-- wp:oribi/feature-section {"variant":"alt","label":"What Youu0027ll See","heading":"Full Pro-Tier Access","lead":"The demo includes every feature available, nothing held back."} -->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-desktop","title":"Content Management","description":"Upload images, videos, and HTML. Organize media, create playlists, and preview how content looks on screen."} /-->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"What Youu0027ll See","heading":"Full Pro-Tier Access","lead":"The demo includes every feature available on our Pro plan — nothing held back.","columns":3} -->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-desktop","title":"Content Management","description":"Upload images, videos, and HTML. Organise media, create playlists, and preview how content looks on screen."} /-->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Smart Scheduling","description":"Build day-parted schedules, set date ranges, and see how automated playback works across multiple screens."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-line","title":"Live Data Feeds","description":"Connect sample data sources to experience real-time information flowing directly onto display layouts."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-th-large","title":"Template Library","description":"Browse and customise professional templates for menus, promotions, announcements, and informational displays."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users-cog","title":"Team & Permissions","description":"Test role-based access, invite collaborators, and see how multi-user management works across your network."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-th-large","title":"Template Library","description":"Browse and customize professional templates for menus, promotions, announcements, and informational displays."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users-cog","title":"Team \u0026 Permissions","description":"Test role-based access, invite collaborators, and see how multi-user management works across your network."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Explore screen health monitoring, content playback logs, and performance dashboards."} /-->
 <!-- /wp:oribi/feature-section -->
 

From 3c07a4733c8989259714f9e42e12bdba6a1d23ca Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:35 -0500
Subject: [PATCH 71/87] Sync: update devices from WordPress

---
 pages/devices.php | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index 243e484..b515188 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -8,26 +8,24 @@
 return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Hardware","title":"Signage Players Engineered for the Real World","description":"Compact, silent, and built for 24/7 operation. Plug into any HDMI screen, connect to your network, and your content is live in minutes."} /-->
 
-<!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"No IT degree required. Our players are designed to be set up in minutes and forgotten about for years."} -->
-<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port — no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","deviceAnim":true} /-->
+<!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"Our players are designed to be set up in minutes and forgotten about for years. No IT degree required. "} -->
+<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port, no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically — no manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically. No manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen — reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen, reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
 <!-- /wp:oribi/platform-section -->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"Whatu0027s Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment."} -->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"What's Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment."} -->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-display","title":"4K Output","description":"Crisp 4K resolution over HDMI for stunning visuals on any display size, from 32-inch panels to 75-inch video walls."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Dual Connectivity","description":"Wi-Fi and Ethernet built in. Choose the connection that suits your environment, or use both for redundancy."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Dual Connectivity","description":"We offer players with Wi-Fi and Ethernet connectivity. Choose the connection that suits your environment, or use both for redundancy."} /-->
 
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-hard-drive","title":"Local Storage","description":"On-device storage caches your full content library for instant startup and uninterrupted offline playback."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Secure Boot","description":"Hardware-level security with encrypted storage prevents tampering and ensures only verified software runs."} /-->
-
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-rotate","title":"Over-the-Air Updates","description":"Firmware updates deploy remotely and automatically. Your devices stay current without site visits or manual intervention."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-temperature-low","title":"Silent \u0026 Fanless","description":"Passive cooling means zero noise. Ideal for quiet spaces like hotel lobbies, meeting rooms, and restaurants."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-temperature-low","title":"Silent \u0026amp; Fanless","description":"Passive cooling means zero noise. Ideal for quiet spaces like hotel lobbies, meeting rooms, and restaurants."} /-->
 <!-- /wp:oribi/feature-section -->
 
 <!-- wp:html -->

From 6254fff0c0999cf7aaf39a17f5ce4cac6dce6085 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:37 -0500
Subject: [PATCH 72/87] Sync: update faq from WordPress

---
 pages/faq.php | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/pages/faq.php b/pages/faq.php
index 56301a5..1a9a560 100644
--- a/pages/faq.php
+++ b/pages/faq.php
@@ -6,28 +6,37 @@
  */
 
 return <<<'ORIBI_SYNC_CONTENT'
-<!-- wp:oribi/page-hero-animated {"label":"FAQ","title":"Your Questions, Answered","description":"Everything you need to know about our platform, pricing, setup, and support — in plain language."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"FAQ","title":"Your Questions, Answered","description":"Everything you need to know about our platform, pricing, setup, and support, in plain language."} /-->
+
+<!-- wp:oribi/faq-section {"label":"Platform u0026 Pricing","heading":"Plans, Pricing \u0026amp; What's Included","lead":"Straightforward answers about what you get and what it costs."} -->
+<!-- wp:oribi/faq-item {"question":"What's included in the Essentials plan?","answer":"Essentials gives you up to 50 screens on a shared CMS instance with a custom subdomain. You get full content scheduling with day-parting, DataSets, RSS feeds, social widgets, embedded HTML, menu boards, interactive layouts, Canva integration, offline playback, Proof of Play analytics with 30-day retention, unlimited users with standard roles, and two-factor authentication. Pricing is $7 per screen per month, or $70 per screen if you pay annually."} /-->
 
-<!-- wp:oribi/faq-section {"label":"Platform u0026 Pricing","heading":"Plans, Pricing u0026 Whatu0027s Included","lead":"Straightforward answers about what you get and what it costs."} -->
-<!-- wp:oribi/faq-item {"question":"Whatu0027s included in the Essentials plan?","answer":"Essentials gives you up to 50 screens on a shared CMS instance with a custom subdomain. You get full content scheduling with day-parting, DataSets, RSS feeds, social widgets, embedded HTML, menu boards, interactive layouts, Canva integration, offline playback, Proof of Play analytics with 30-day retention, unlimited users with standard roles, and two-factor authentication. Pricing is $7 per screen per month, or $70 per screen if you pay annually."} /-->
 <!-- wp:oribi/faq-item {"question":"What extra do I get with Pro?","answer":"Pro gives you unlimited screens on a dedicated CMS instance with a custom domain. On top of everything in Essentials, you get geo-location and weather-triggered scheduling, video wall support, ad campaigns with SSP monetisation, Dashboard Connector and custom API integrations, Audience Reporting with scheduled PDF reports, Proof of Play with 12+ month retention, SSO via SAML or CAS, custom user roles, extended audit trails, display map view, shell commands, in-house creative services, white-glove onboarding, priority support with a 4-hour SLA, a dedicated account manager, and a contractual SLA guarantee. Contact us for a tailored quote."} /-->
+
 <!-- wp:oribi/faq-item {"question":"Are there any hidden fees?","answer":"None. Your per-screen fee covers the CMS, cloud hosting, software updates, and standard support. Content creation services and hardware are quoted separately and always upfront."} /-->
-<!-- wp:oribi/faq-item {"question":"Can I upgrade later?","answer":"Yes — at any time. Moving from Essentials to Pro is seamless. We handle the migration behind the scenes with no disruption to your live displays."} /-->
+
+<!-- wp:oribi/faq-item {"question":"Can I upgrade later?","answer":"Yes, at any time. Moving from Essentials to Pro is seamless. We handle the migration behind the scenes with no disruption to your live displays."} /-->
 <!-- /wp:oribi/faq-section -->
 
-<!-- wp:oribi/faq-section {"variant":"alt","label":"Setup u0026 Integration","heading":"Getting Up and Running","lead":"What to expect when you set up your first screen and connect your systems."} -->
+<!-- wp:oribi/faq-section {"variant":"alt","label":"Setup \u0026 Integration","heading":"Getting Up and Running","lead":"What to expect when you set up your first screen and connect your systems."} -->
 <!-- wp:oribi/faq-item {"question":"How quickly can I be up and running?","answer":"Most installations go live within a day. Plug in the player device, connect it to your network, and your content appears on screen. We configure your CMS in advance and can have your first content loaded and ready before the hardware arrives."} /-->
-<!-- wp:oribi/faq-item {"question":"Do I need to buy new screens?","answer":"No. Our players work with any display that has an HDMI port — consumer TVs, commercial panels, or monitors you already own. If you do need screens, we offer bundled player-and-display packages built for commercial use."} /-->
-<!-- wp:oribi/faq-item {"question":"How do live data integrations work?","answer":"Every plan includes DataSets, RSS feeds, social widgets, and embedded HTML — data updates appear on screen in real time. Pro adds the Dashboard Connector for secure third-party service connections, custom API integrations for bespoke data sources, and the SSP Connector for ad monetisation."} /-->
+
+<!-- wp:oribi/faq-item {"question":"Do I need to buy new screens?","answer":"No. Our players work with any display that has an HDMI port, consumer TVs, commercial panels, or monitors you already own. If you do need screens, we offer bundled player-and-display packages built for commercial use."} /-->
+
+<!-- wp:oribi/faq-item {"question":"How do live data integrations work?","answer":"Every plan includes DataSets, RSS feeds, social widgets, and embedded HTML, data updates appear on screen in real time. Pro adds the Dashboard Connector for secure third-party service connections, custom API integrations for bespoke data sources, and the SSP Connector for ad monetisation."} /-->
+
 <!-- wp:oribi/faq-item {"question":"What kind of internet connection do I need?","answer":"A standard business broadband connection is more than enough. Our players sync content incrementally and cache everything locally, so bandwidth usage is minimal. For locations with unreliable connectivity, offline playback ensures your displays never go dark."} /-->
 <!-- /wp:oribi/faq-section -->
 
 <!-- wp:oribi/faq-section {"label":"Support u0026 Security","heading":"Keeping Your Network Secure and Supported","lead":"How we protect your content, keep your screens online, and support you when you need us."} -->
 <!-- wp:oribi/faq-item {"question":"What happens if the internet goes down?","answer":"Your displays carry on. Every player caches content locally and keeps playing even without a connection. When the internet returns, new content syncs automatically. Your screens will never go dark because of a network blip."} /-->
+
 <!-- wp:oribi/faq-item {"question":"How secure is the platform?","answer":"Security runs through every layer: end-to-end encryption for all communications, secure boot and encrypted storage on player devices, role-based access control in the CMS, and SOC 2-aligned cloud infrastructure. Your content and your network stay protected."} /-->
+
 <!-- wp:oribi/faq-item {"question":"What support is available?","answer":"Essentials customers get email support with next-business-day response. Pro customers get priority support, a dedicated account manager, phone access, and guaranteed SLA response times."} /-->
+
 <!-- wp:oribi/faq-item {"question":"Can I create my own content or do you handle it?","answer":"Both. The CMS is designed for self-service content creation with drag-and-drop simplicity. If you'd prefer polished visuals, our in-house creative team offers professional photography, video production, and graphic design services."} /-->
 <!-- /wp:oribi/faq-section -->
 
-<!-- wp:oribi/cta-banner {"heading":"Something Not Covered Here?","text":"Drop us a message and we'll get back to you with a clear answer — usually within one business day.","btnText":"Contact Us","btnUrl":"/contact"} /-->
+<!-- wp:oribi/cta-banner {"heading":"Something Not Covered Here?","text":"Drop us a message and we'll get back to you with a clear answer, usually within one business day.","btnText":"Contact Us","btnUrl":"/contact"} /-->
 ORIBI_SYNC_CONTENT;

From b264511d34476c6bd02758e948029b482d7c139d Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:38 -0500
Subject: [PATCH 73/87] Sync: update features from WordPress

---
 pages/features.php | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/pages/features.php b/pages/features.php
index 96dfac8..25ce537 100644
--- a/pages/features.php
+++ b/pages/features.php
@@ -6,28 +6,37 @@
  */
 
 return <<<'ORIBI_SYNC_CONTENT'
-<!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native Command Center that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics — all wrapped in an interface your whole team can use."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native Command Center that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics, all wrapped in an interface your whole team can use."} /-->
+
+<!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Don't","lead":"Create, schedule, and manage digital signage content from a single dashboard, whether you have one screen or hundreds."} -->
+<!-- wp:oribi/platform-row {"heading":"One Dashboard for Every Display","description":"Manage your entire signage network from a single cloud-based console. Organize screens by location, group, or purpose. Push content updates across your whole estate in one click, no matter how many sites you operate.","btnText":"Get Started","btnUrl":"/contact"} /-->
 
-<!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Donu0027t","lead":"Create, schedule, and manage digital signage content from a single dashboard — whether you have one screen or one thousand."} -->
-<!-- wp:oribi/platform-row {"heading":"One Dashboard for Every Display","description":"Manage your entire signage network from a single cloud-based console. Organise screens by location, group, or purpose. Push content updates across your whole estate in one click — no matter how many sites you operate.","btnText":"Get Started","btnUrl":"/contact"} /-->
 <!-- wp:oribi/platform-row {"heading":"Scheduling That Runs Itself","description":"Set content to appear at the right time, in the right place, automatically. Day-parting, date ranges, and event-triggered playback let you plan weeks ahead while the platform handles the execution.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
-<!-- wp:oribi/platform-row {"heading":"Live Data, Straight to Screen","description":"Pull in web dashboards, social feeds, KPIs, and real-time APIs directly to your displays. Content updates automatically — no manual refreshing, no extra steps. Turn any screen into a live information hub.","btnText":"Learn More","btnUrl":"/solutions","reversed":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Live Data, Straight to Screen","description":"Pull in web dashboards, social feeds, KPIs, and real-time APIs directly to your displays. Content updates automatically, no manual refreshing, no extra steps. Turn any screen into a live information hub.","btnUrl":"/solutions","reversed":true} /-->
 <!-- /wp:oribi/platform-section -->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"Capabilities","heading":"The Tools Behind Great Signage","lead":"From content creation to performance tracking, every feature is designed to save you time and keep your screens looking sharp.","columns":3} -->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Capabilities","heading":"The Tools Behind Great Signage","lead":"From content creation to performance tracking, every feature is designed to save you time and keep your screens looking sharp."} -->
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-cloud","title":"Cloud-Native Command Center","description":"Control everything from any browser, anywhere. No software to install, no servers to maintain. Centralized management with instant access and automatic backups."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Intelligent Scheduling","description":"Day-parting, date-based playlists, and event triggers let you automate content rotation down to the minute."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Offline Playback","description":"Content is cached on the player device. If your connection drops, your displays keep running seamlessly until it returns."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Users","description":"Invite your entire team at no extra cost. No per-seat charges, no access restrictions — on any plan."} /-->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Track whatu0027s playing, where, and when. Proof of Play reporting, screen health monitoring, and content logs give you full visibility — with retention depth that scales with your plan."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Track what's playing, where, and when. Proof of Play reporting, screen health monitoring, and content logs give you full visibility, with retention depth that scales with your plan."} /-->
+
 <!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Enterprise Security","description":"End-to-end encryption, two-factor authentication, secure boot hardware, and predefined user roles on every plan. Pro adds SSO via SAML or CAS, custom role definitions, and extended audit trails."} /-->
 <!-- /wp:oribi/feature-section -->
 
-<!-- wp:oribi/value-section {"variant":"normal","label":"Why Choose Us","heading":"Beyond the Software","lead":"A control center is just the beginning. See what else you get with OTS Signs.","columns":3} -->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"In-House Creative","description":"Professional photography, video production, and graphic design — so every screen looks polished and on-brand from day one."} /-->
+<!-- wp:oribi/value-section {"label":"Why Choose Us","heading":"Beyond the Software","lead":"A control center is just the beginning. See what else you get with OTS Signs."} -->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"In-House Creative","description":"Professional photography, video production, and graphic design, so every screen looks polished and on-brand from day one."} /-->
+
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload your content and push it live across your entire network in seconds. No queues, no waiting, no complex approval chains."} /-->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support Thatu0027s There","description":"From initial setup to ongoing optimisation, our team is available when you need us — not hidden behind a ticket queue."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support That's There","description":"From initial setup to ongoing optimization, our team is available when you need us, not hidden behind a ticket queue."} /-->
 <!-- /wp:oribi/value-section -->
 
-<!-- wp:oribi/cta-banner {"heading":"Try the Platform Yourself","text":"Get hands-on access to a live demo instance and see every feature in action — no commitment, no credit card.","btnText":"Request Demo","btnUrl":"/demo"} /-->
+<!-- wp:oribi/cta-banner {"heading":"Try the Platform Yourself","text":"Get hands-on access to a live demo instance and see every feature in action. No commitment, no credit card.","btnText":"Request Demo","btnUrl":"/demo"} /-->
 ORIBI_SYNC_CONTENT;

From 0a18e3594387e63b2a2b3a863ae5be85217913ca Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:40 -0500
Subject: [PATCH 74/87] Sync: update home from WordPress

---
 pages/home.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/home.php b/pages/home.php
index 23f840d..de49348 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -8,14 +8,14 @@
 return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/hero-animated {"label":"● Digital Signage Solutions","title":"Turn any screen into a dynamic communication tool.","highlightWord":"dynamic","description":"Digital signage is the modern way to connect with your audience. From eye-catching retail displays to dynamic informational screens, we craft tailored solutions that capture attention and deliver your message.","secondaryBtnText":"Request Demo","secondaryBtnUrl":"/demo","stat1Value":"4K","stat1Label":"Resolution Supported","stat2Value":"500+","stat2Label":"Screens Supported","stat3Value":"99.9%","stat3Label":"Uptime"} /-->
 
-<!-- wp:oribi/use-cases {"label":"● Use Cases","heading":"Built for Every Scenario","lead":"From menus to meeting-room dashboards, digital signage adapts to your environment.","case1Title":"Menu Boards","case1Desc":"Showcase food, drinks, and daily specials with dynamic, always-current displays.","case2Title":"Event Displays","case2Desc":"Promote schedules, speakers, and live countdowns across lobbies and venues.","case3Title":"Office Dashboards","case3Desc":"Surface KPIs, occupancy data, and team alerts on screens throughout your workspace.","case4Title":"Wayfinding","case4Desc":"Guide visitors through complex buildings with interactive maps and directional signs."} /-->
+<!-- wp:oribi/use-cases /-->
 
-<!-- wp:oribi/platform-section {"label":"The Complete Package","heading":"Everything You Need for Engaging Digital Signage","lead":"High-quality visuals, real-time data, and reliable playback — all managed from one powerful platform."} -->
+<!-- wp:oribi/platform-section {"label":"The Complete Package","heading":"Everything You Need for Engaging Digital Signage","lead":"High-quality visuals, real-time data, and reliable playback, all managed from one powerful platform."} -->
 <!-- wp:oribi/platform-row {"heading":"Professional Content Creation","description":"Our in-house photography and video production services showcase your products, services, and environment with polished, engaging visuals. From digital menu boards to branded promotions, we create content that captures attention.","btnText":"See Features","btnUrl":"/features","cameraAnim":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Live Data u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true,"isDashboard":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Live Data \u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Reliable on Any Screen","description":"Our intelligent player devices work on any screen with HDMI, and keep your message running even when the internet goes down. Enterprise-grade hardware designed for uninterrupted, always-on signage.","btnText":"View Devices","btnUrl":"/devices","deviceAnim":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Reliable on Any Screen","description":"Our intelligent player devices work on any screen with HDMI, and keep your message running even when the internet goes down. Enterprise-grade hardware designed for uninterrupted, always-on signage.","btnText":"View Devices","btnUrl":"/devices"} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Who It's For","heading":"Solutions for Every Industry","lead":"Modern businesses need real-time communication. Digital signage helps you connect, inform, and engage.","columns":4} -->

From edacab26b329a54e224619ffb0f961c5ba57fd35 Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:41 -0500
Subject: [PATCH 75/87] Sync: update pricing from WordPress

---
 pages/pricing.php | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/pricing.php b/pages/pricing.php
index bea0701..9e18b2d 100644
--- a/pages/pricing.php
+++ b/pages/pricing.php
@@ -9,22 +9,22 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Pricing","title":"Straightforward Pricing, No Surprises","description":"Every plan includes the full content engine. Scale your infrastructure, integrations, and support as you grow. No hidden fees, no per-user charges."} /-->
 
 <!-- wp:oribi/value-section {"label":"Included on Every Plan","heading":"The Full Content Engine, From Day One","lead":"Whether you choose Essentials or Pro, your team gets the same powerful tools to create, schedule, and publish.","columns":4} -->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Automated Scheduling","description":"Day-parting, date ranges, and recurring schedules — your content plays at exactly the right time, automatically."} /-->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Automated Scheduling","description":"Day-parting, date ranges, and recurring schedules. Your content plays at exactly the right time, automatically."} /-->
 
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rss","title":"Live Data to Screen","description":"Pull DataSets, RSS feeds, social widgets, and embedded HTML directly to your displays — updated in real time."} /-->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rss","title":"Live Data to Screen","description":"Pull DataSets, RSS feeds, social widgets, and embedded HTML directly to your displays, updated in real time."} /-->
 
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Team Access","description":"Invite everyone who needs access. No per-user fees, no seat limits, no gatekeeping."} /-->
 
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload content and push it live across your network in seconds — not hours."} /-->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload content and push it live across your network in seconds, not hours."} /-->
 <!-- /wp:oribi/value-section -->
 
-<!-- wp:oribi/pricing-section {"variant":"alt","label":"Choose Your Plan","heading":"Scale When Youu0027re Ready","lead":"Start with Essentials and upgrade seamlessly as your network grows. No disruption, no data loss."} -->
-<!-- wp:oribi/pricing-card {"name":"Essentials","tagline":"The full content engine for growing networks","price":"$7","pricePer":"per screen / month · or $70/screen annually","features":["Up to 50 screens","Custom subdomain","Shared CMS instance","Content scheduling u0026 day-parting","DataSets, RSS, social u0026 embedded widgets","Menu boards u0026 interactive layouts","Unlimited users with standard roles","Canva integration","Offline playback","Proof of Play analytics (30-day retention)","Email support (next-business-day)"]} /-->
+<!-- wp:oribi/pricing-section {"variant":"alt","label":"Choose Your Plan","heading":"Scale When You're Ready","lead":"Start with Essentials and upgrade seamlessly as your network grows. No disruption, no data loss."} -->
+<!-- wp:oribi/pricing-card {"name":"Essentials","tagline":"The full content engine for growing networks","price":"$7","pricePer":"per screen / month · or $70/screen annually","features":["Up to 50 screens","Custom subdomain","Shared CMS instance","Content scheduling \u0026amp; day-parting","DataSets, RSS, social embedded widgets","Menu boards \u0026amp; interactive layouts","Unlimited users with standard roles","Canva integration","Offline playback","Proof of Play analytics (30-day retention)","Email support (next-business-day)"]} /-->
 
-<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location u0026 weather-triggered scheduling","Dashboard Connector u0026 custom API integrations","Video wall support","Ad campaigns u0026 SSP monetisation","SSO (SAML/CAS) u0026 custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting u0026 scheduled PDF reports","Priority support (4-hour SLA) u0026 account manager","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
+<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Dedicated infrastructure, enterprise integrations u0026 white-glove service","price":"Custom","pricePer":"tailored to your network size","features":["Unlimited screens","Custom domain","Dedicated CMS instance","Geo-location \u0026amp; weather-triggered scheduling","Dashboard Connector \u0026amp; custom API integrations","Video wall support","Ad campaigns \u0026amp; SSP monetisation","SSO (SAML/CAS) \u0026amp; custom user roles","Proof of Play analytics (12+ month retention)","Audience Reporting \u0026amp; scheduled PDF reports","Priority support (4-hour SLA)","Contractual SLA guarantee","Custom Live Data Integrations"],"btnText":"Contact Sales","featured":true,"badge":"Enterprise"} /-->
 <!-- /wp:oribi/pricing-section -->
 
-<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly Whatu0027s Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content u0026 Scheduling"},{"feature":"Day-parting u0026 date scheduling","values":[true,true]},{"feature":"Playlists u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns u0026 plays-per-hour control","values":[false,true]},{"group":"Data u0026 Integrations"},{"feature":"DataSets, RSS u0026 tickers","values":[true,true]},{"feature":"Embedded HTML u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"feature":"Custom Live Data Integrations","values":[false,true]},{"group":"Analytics u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands u0026 RS232","values":[false,true]},{"group":"Support u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]},{"feature":"Contractual SLA guarantee","values":[false,true]}]} /-->
+<!-- wp:oribi/comparison-table {"label":"Plan Comparison","heading":"See Exactly What's Included","lead":"A full breakdown of what you get on each plan — so there are no surprises.","columns":["Essentials","Pro"],"rows":[{"group":"Scale u0026 Infrastructure"},{"feature":"Screen limit","values":["Up to 50","Unlimited"]},{"feature":"CMS instance","values":["Shared","Dedicated"]},{"feature":"Custom subdomain","values":[true,true]},{"feature":"Custom domain","values":[false,true]},{"group":"Content u0026 Scheduling"},{"feature":"Day-parting u0026 date scheduling","values":[true,true]},{"feature":"Playlists u0026 campaigns","values":[true,true]},{"feature":"Menu boards","values":[true,true]},{"feature":"Interactive touchscreen actions","values":[true,true]},{"feature":"Overlay layouts","values":[true,true]},{"feature":"Geo-location scheduling","values":[false,true]},{"feature":"Weather-triggered scheduling","values":[false,true]},{"feature":"Video wall","values":[false,true]},{"feature":"Ad campaigns u0026 plays-per-hour control","values":[false,true]},{"group":"Data u0026 Integrations"},{"feature":"DataSets, RSS u0026 tickers","values":[true,true]},{"feature":"Embedded HTML u0026 web pages","values":[true,true]},{"feature":"Social feeds","values":[true,true]},{"feature":"Canva integration","values":[true,true]},{"feature":"Dashboard Connector","values":[false,true]},{"feature":"Custom API integrations","values":[false,true]},{"feature":"SSP Connector (ad monetisation)","values":[false,true]},{"feature":"Custom Live Data Integrations","values":[false,true]},{"group":"Analytics u0026 Reporting"},{"feature":"Proof of Play reporting","values":["30-day retention","12+ month retention"]},{"feature":"Scheduled PDF reports","values":[false,true]},{"feature":"Audience Reporting","values":[false,true]},{"feature":"Display health monitoring","values":[true,true]},{"group":"Users u0026 Security"},{"feature":"Unlimited user seats","values":[true,true]},{"feature":"Predefined roles (admin/editor/viewer)","values":[true,true]},{"feature":"Custom user roles u0026 feature access","values":[false,true]},{"feature":"Two-factor authentication","values":[true,true]},{"feature":"SSO (SAML / CAS)","values":[false,true]},{"feature":"Audit trail","values":["7-day retention","Extended retention"]},{"group":"Display Management"},{"feature":"Screen power on/off control","values":[true,true]},{"feature":"Offline playback","values":[true,true]},{"feature":"Portrait / landscape","values":[true,true]},{"feature":"Email alerts (player offline)","values":[true,true]},{"feature":"Periodic screenshots","values":[false,true]},{"feature":"Display map view","values":[false,true]},{"feature":"Shell commands u0026 RS232","values":[false,true]},{"group":"Support u0026 Services"},{"feature":"Email support","values":["Next-business-day",true]},{"feature":"Priority support","values":[false,"4-hour SLA"]},{"feature":"Dedicated account manager","values":[false,true]},{"feature":"In-house creative services","values":[false,"Included hours"]},{"feature":"White-glove onboarding","values":[false,true]},{"feature":"Contractual SLA guarantee","values":[false,true]}]} /-->
 
 <!-- wp:oribi/intro-section {"label":"Try Before You Commit","heading":"Want to Explore the Platform First?","description":"Request access to our live demo instance and take the full CMS for a spin — create content, set up schedules, and see exactly how it works. No credit card, no obligation."} /-->
 

From a8ba4a1fef6bf544f4b7bdd1757ececfaab88e0d Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:43 -0500
Subject: [PATCH 76/87] Sync: update contact from WordPress

---
 pages/contact.php | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/pages/contact.php b/pages/contact.php
index 8108d0e..6ccd556 100644
--- a/pages/contact.php
+++ b/pages/contact.php
@@ -6,14 +6,16 @@
  */
 
 return <<<'ORIBI_SYNC_CONTENT'
-<!-- wp:oribi/page-hero-animated {"label":"Contact Us","title":"Letu0027s Start a Conversation","description":"Whether youu0027re researching digital signage for the first time or ready to roll out screens next week, weu0027re here to help you move forward."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"Contact Us","title":"Let's Start a Conversation","description":"Whether you're researching digital signage for the first time or ready to roll out screens next week, we're here to help you move forward."} /-->
 
-<!-- wp:oribi/contact-section {"heading":"Send Us a Message","lead":"Tell us what you're working on. We respond within one business day — usually faster.","email":"hello@ots-signs.com","supportUrl":"https://ots-signs.com/support","portalUrl":"https://ots-signs.com/portal","location":"An Oribi Technology Services Company","formHeading":"How Can We Help?"} /-->
+<!-- wp:oribi/contact-section {"heading":"Send Us a Message","lead":"Tell us what you're working on. We respond within one business day, usually faster.","email":"hello@ots-signs.com","supportUrl":"https://ots-signs.com/support","portalUrl":"https://ots-signs.com/portal","location":"An Oribi Technology Services Company","formHeading":"How Can We Help?"} /-->
+
+<!-- wp:oribi/value-section {"variant":"alt","label":"How We Can Help","heading":"Whatever You Need, We're Here","lead":"From your first question to ongoing support, our team has you covered."} -->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-comments","title":"Sales \u0026 Quotes","description":"Talk through your requirements, get a custom quote, or simply learn how digital signage fits your business."} /-->
 
-<!-- wp:oribi/value-section {"variant":"alt","label":"How We Can Help","heading":"Whatever You Need, Weu0027re Here","lead":"From your first question to ongoing support, our team has you covered.","columns":3} -->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-comments","title":"Sales & Quotes","description":"Talk through your requirements, get a custom quote, or simply learn how digital signage fits your business."} /-->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Technical Support","description":"Already a customer? Our support team is ready to troubleshoot, advise, and resolve any issue quickly."} /-->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Partnerships","description":"Interested in reselling, white-labelling, or integrating our platform into your own offering? Letu0027s talk."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Partnerships","description":"Interested in reselling, white-labelling, or integrating our platform into your own offering? Let's talk."} /-->
 <!-- /wp:oribi/value-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Rather See It First?","text":"Get hands-on with our platform before committing. Request a live demo and explore at your own pace.","btnText":"Request Demo","btnUrl":"/demo"} /-->

From 668c92aff64b0e5234ccdfd7f68b7825ecfa831f Mon Sep 17 00:00:00 2001
From: Matthew Batchelder <mbatchelder@oribi-tech.com>
Date: Sat, 21 Feb 2026 18:29:44 -0500
Subject: [PATCH 77/87] Sync: update about from WordPress

---
 pages/about.php | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/about.php b/pages/about.php
index 6981435..20526d0 100644
--- a/pages/about.php
+++ b/pages/about.php
@@ -8,19 +8,22 @@
 return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"About Us","title":"Digital Signage, Done Properly","description":"OTS Signs is the digital signage arm of Oribi Technology Services. We combine deep IT expertise with creative production to deliver signage that businesses can genuinely rely on."} /-->
 
-<!-- wp:oribi/intro-section {"variant":"normal","label":"Our Story","heading":"Born from Infrastructure, Built for Signage","description":"OTS Signs grew out of a gap we kept seeing: businesses wanted digital signage but were stuck choosing between complex enterprise platforms and unreliable consumer tools. As part of Oribi Technology Services, we already understood networks, uptime, and security at a deep level. We took that foundation and built a signage platform that is powerful enough for large deployments yet simple enough for a single-site café. Every decision we make — from hardware selection to CMS design — is grounded in real-world infrastructure experience.","visual":""} /-->
+<!-- wp:oribi/intro-section {"label":"Our Story","heading":"Born from Infrastructure, Built for Signage","description":"OTS Signs grew out of a gap we kept seeing: businesses wanted digital signage but were stuck choosing between complex enterprise platforms and unreliable consumer tools. As part of Oribi Technology Services, we already understood networks, uptime, and security at a deep level. We took that foundation and built a signage platform that is powerful enough for large deployments yet simple enough for a single-site café. Every decision we make, from hardware selection to Command Center design, is grounded in real-world infrastructure experience."} /-->
 
-<!-- wp:oribi/intro-section {"variant":"alt","label":"Our Mission","heading":"Making Professional Signage Accessible to Everyone","description":"Too many signage providers lock essential features behind enterprise price tags. We took a different approach. Our platform gives every customer — from a neighbourhood restaurant to a national retailer — access to the same professional-grade tools: cloud content management, intelligent scheduling, live data integration, and content that looks outstanding on screen. We handle the complexity so you can focus on running your business.","visual":"","reversed":true} /-->
+<!-- wp:oribi/intro-section {"variant":"alt","label":"Our Mission","heading":"Making Professional Signage Accessible to Everyone","description":"Too many signage providers lock essential features behind enterprise price tags. We took a different approach. Our platform gives every customer access to the same professional-grade tools: \u003cbr\u003e- Cloud Content Management\u003cbr\u003e- Intelligent Scheduling\u003cbr\u003e- Live Data Integration \u003cbr\u003e- Content that looks outstanding on screen\u003cbr\u003e\u003cbr\u003eWe handle the complexity so you can focus on running your business.","reversed":true} /-->
 
-<!-- wp:oribi/value-section {"variant":"normal","label":"What Sets Us Apart","heading":"A Full-Service Signage Partner","lead":"Software alone isnu0027t enough. We pair our platform with hands-on services that make the difference.","columns":3} -->
+<!-- wp:oribi/value-section {"label":"What Sets Us Apart","heading":"A Full-Service Signage Partner","lead":"Software alone isn't enough. We pair our platform with hands-on services that make the difference."} -->
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"Studio-Quality Creative","description":"Photography, videography, and motion graphics produced in-house. Your screens always look polished, on-brand, and impossible to ignore."} /-->
+
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-server","title":"IT-Grade Infrastructure","description":"Our roots are in enterprise IT. That means proper networking, redundancy, and security baked into every layer of the platform."} /-->
+
 <!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-handshake","title":"Genuine Partnership","description":"Dedicated onboarding, a named point of contact, and ongoing optimisation. We operate as an extension of your own team."} /-->
 <!-- /wp:oribi/value-section -->
 
 <!-- wp:oribi/trust-section {"label":"Our Commitment","heading":"Promises We Actually Keep","lead":"Every screen in your network reflects on your business. We take that responsibility seriously.","btnText":"Start a Conversation","btnUrl":"/contact","btnSub":"Tell us what you need and we'll take it from there"} -->
-<!-- wp:oribi/trust-item {"heading":"Uptime You Can Count On","description":"99.9% platform availability, end-to-end encryption, and intelligent offline playback mean your message stays on screen no matter what."} /-->
-<!-- wp:oribi/trust-item {"heading":"A Platform That Keeps Improving","description":"Regular feature releases, new integrations, and expanded content tools ensure you're always working with the latest capabilities — at no extra cost."} /-->
+<!-- wp:oribi/trust-item {"heading":"Uptime You Can Count On","description":"99.9% platform availability, and intelligent offline playback mean your message stays on screen no matter what."} /-->
+
+<!-- wp:oribi/trust-item {"heading":"A Platform That Keeps Improving","description":"Regular feature releases, new integrations, and expanded content tools ensure you're always working with the latest capabilities, at no extra cost."} /-->
 <!-- /wp:oribi/trust-section -->
 
 <!-- wp:oribi/cta-banner {"heading":"Ready to See What We Can Do?","text":"Whether you're planning your first screen or scaling to hundreds, we'd love to hear about your project.","btnText":"Get in Touch","btnUrl":"/contact"} /-->

From 97bbe90ed1d33fb2dbf911ec9587723c68c3ea10 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 18:44:58 -0500
Subject: [PATCH 78/87] Fix scroll-reveal animation flicker by adding
 !important and disabling transitions

---
 theme/assets/css/main.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 3c42828..4014122 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -99,13 +99,21 @@ a:hover { color: var(--color-primary); }
 
 /* ── Scroll-reveal animation classes ───────────────────────── */
 .scroll-hidden {
-  opacity: 0;
-  transform: translateY(24px);
+  opacity: 0 !important;
+  transform: translateY(24px) !important;
+  /* Prevent transition: all on card elements from animating the hide,
+     which would cause a visible fade-out flicker and race conditions
+     with IntersectionObserver — especially after Gutenberg re-saves
+     inject inline styles onto the block element. */
+  transition: none !important;
 }
 .scroll-visible {
   opacity: 1;
   transform: translateY(0);
-  transition: opacity .5s ease, transform .5s ease;
+  /* !important ensures this wins over transition: all on .oribi-card
+     (same selector specificity, but .oribi-card appears later in the
+     stylesheet and would otherwise override this). */
+  transition: opacity .5s ease, transform .5s ease !important;
 }
 
 /* Smooth theme transition */

From 2c82b2e432b06da75b5ea62a2459b222fa23c5be Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 18:55:04 -0500
Subject: [PATCH 79/87] Enhance platform-row block with new animation
 attributes for improved visual effects

---
 pages/devices.php      |  6 +--
 pages/home.php         |  4 +-
 theme/blocks/editor.js | 89 +++++++++++++++++++++++++++++++++++-------
 theme/blocks/index.php |  1 +
 4 files changed, 81 insertions(+), 19 deletions(-)

diff --git a/pages/devices.php b/pages/devices.php
index b515188..e8b6d60 100644
--- a/pages/devices.php
+++ b/pages/devices.php
@@ -9,11 +9,11 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/page-hero-animated {"label":"Hardware","title":"Signage Players Engineered for the Real World","description":"Compact, silent, and built for 24/7 operation. Plug into any HDMI screen, connect to your network, and your content is live in minutes."} /-->
 
 <!-- wp:oribi/platform-section {"label":"Our Devices","heading":"Commercial-Grade Hardware, Consumer-Level Simplicity","lead":"Our players are designed to be set up in minutes and forgotten about for years. No IT degree required. "} -->
-<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port, no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+<!-- wp:oribi/platform-row {"heading":"Works With Your Existing Screens","description":"Our player devices connect to any screen with an HDMI port, no proprietary hardware required. Already have displays? Plug in and go. Need a full setup? We offer bundled player-and-display packages too.","btnText":"Get a Quote","btnUrl":"/contact","deviceAnim":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically. No manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Never Goes Dark","description":"Every player caches content locally. If your internet connection drops, your displays continue running seamlessly with the latest synced content. When connectivity returns, new content pulls down automatically. No manual steps, no reboots.","btnText":"See Features","btnUrl":"/features","reversed":true,"neverGoesDark":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen, reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
+<!-- wp:oribi/platform-row {"heading":"Custom Display Solutions","description":"Create a polished, on-brand experience with our Custom Display Platform. Seamlessly integrated with your interactive signage, it ensures your logo and branding appear consistently across every screen, reinforcing recognition at every touchpoint. Ideal for businesses looking to elevate their presence and deliver a professional, cohesive visual identity.","btnText":"Get a Quote","btnUrl":"/contact","brandedAnim":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Device Specifications","heading":"What's Inside Every Player","lead":"Purpose-built components selected for reliability, performance, and silent operation in any environment."} -->
diff --git a/pages/home.php b/pages/home.php
index de49348..324dc37 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -13,9 +13,9 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/platform-section {"label":"The Complete Package","heading":"Everything You Need for Engaging Digital Signage","lead":"High-quality visuals, real-time data, and reliable playback, all managed from one powerful platform."} -->
 <!-- wp:oribi/platform-row {"heading":"Professional Content Creation","description":"Our in-house photography and video production services showcase your products, services, and environment with polished, engaging visuals. From digital menu boards to branded promotions, we create content that captures attention.","btnText":"See Features","btnUrl":"/features","cameraAnim":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Live Data \u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Live Data \u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true,"isDashboard":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Reliable on Any Screen","description":"Our intelligent player devices work on any screen with HDMI, and keep your message running even when the internet goes down. Enterprise-grade hardware designed for uninterrupted, always-on signage.","btnText":"View Devices","btnUrl":"/devices"} /-->
+<!-- wp:oribi/platform-row {"heading":"Reliable on Any Screen","description":"Our intelligent player devices work on any screen with HDMI, and keep your message running even when the internet goes down. Enterprise-grade hardware designed for uninterrupted, always-on signage.","btnText":"View Devices","btnUrl":"/devices","tvStick":true} /-->
 <!-- /wp:oribi/platform-section -->
 
 <!-- wp:oribi/feature-section {"variant":"alt","label":"Who It's For","heading":"Solutions for Every Industry","lead":"Modern businesses need real-time communication. Digital signage helps you connect, inform, and engage.","columns":4} -->
diff --git a/theme/blocks/editor.js b/theme/blocks/editor.js
index 0adffde..a28e9d4 100644
--- a/theme/blocks/editor.js
+++ b/theme/blocks/editor.js
@@ -1170,29 +1170,80 @@ reg('oribi/platform-row', {
     parent: ['oribi/platform-section'],
     supports: { html: false, reusable: false },
     attributes: {
-        heading:     { type: 'string',  default: '' },
-        description: { type: 'string',  default: '' },
-        btnText:     { type: 'string',  default: 'Learn More' },
-        btnUrl:      { type: 'string',  default: '' },
-        visual:      { type: 'string',  default: '' },
-        reversed:    { type: 'boolean', default: false },
-        imgId:       { type: 'number',  default: 0 },
-        imgUrl:      { type: 'string',  default: '' },
-        imgAlt:      { type: 'string',  default: '' },
-        imgWidth:    { type: 'number',  default: 300 },
-        cameraAnim:  { type: 'boolean', default: false },
-        galleryIds:  { type: 'array',   default: [] },
+        heading:       { type: 'string',  default: '' },
+        description:   { type: 'string',  default: '' },
+        btnText:       { type: 'string',  default: 'Learn More' },
+        btnUrl:        { type: 'string',  default: '' },
+        visual:        { type: 'string',  default: '' },
+        reversed:      { type: 'boolean', default: false },
+        imgId:         { type: 'number',  default: 0 },
+        imgUrl:        { type: 'string',  default: '' },
+        imgAlt:        { type: 'string',  default: '' },
+        imgWidth:      { type: 'number',  default: 300 },
+        isDashboard:   { type: 'boolean', default: false },
+        deviceAnim:    { type: 'boolean', default: false },
+        tvStick:       { type: 'boolean', default: false },
+        cameraAnim:    { type: 'boolean', default: false },
+        neverGoesDark: { type: 'boolean', default: false },
+        brandedAnim:   { type: 'boolean', default: false },
+        galleryIds:    { type: 'array',   default: [] },
     },
     edit: function (props) {
         var a = props.attributes, s = props.setAttributes;
         var imgW = a.imgWidth || 300;
+
+        /* ── Animation HTML strings (mirror PHP render, used via dangerouslySetInnerHTML) ── */
+        var DA_SCREEN = '<div class="da-screen"><div class="da-promo"><div class="da-promo__top"><span class="da-promo__dot"></span><span class="da-promo__brand"></span></div><div class="da-promo__hero"></div><div class="da-promo__row"><span class="da-promo__line da-promo__line--lg"></span><span class="da-promo__line da-promo__line--sm"></span></div><div class="da-promo__row"><span class="da-promo__line da-promo__line--md"></span><span class="da-promo__line da-promo__line--xs"></span></div><div class="da-promo__ticker"><span class="da-promo__chip"></span><span class="da-promo__chip"></span><span class="da-promo__chip"></span></div></div></div>';
+        var DA_HTML = '<div class="da-stage" aria-hidden="true">' +
+            '<div class="da-device da-tablet"><div class="da-body">' + DA_SCREEN + '</div><span class="da-label">Tablet</span></div>' +
+            '<div class="da-device da-monitor-sm"><div class="da-body">' + DA_SCREEN + '</div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Small Monitor</span></div>' +
+            '<div class="da-device da-monitor-lg"><div class="da-body">' + DA_SCREEN + '</div><div class="da-stand"><div class="da-stem"></div><div class="da-base"></div></div><span class="da-label">Large Monitor</span></div>' +
+            '<div class="da-device da-tv"><div class="da-body">' + DA_SCREEN + '</div><div class="da-feet"><div class="da-foot"></div><div class="da-foot"></div></div><span class="da-label">TV</span></div>' +
+            '<div class="da-device da-projector"><div class="da-proj-layout"><div class="da-proj-body"><div class="da-lens"></div></div><div class="da-beam"></div><div class="da-proj-screen">' + DA_SCREEN + '</div></div><span class="da-label">Projector</span></div>' +
+            '<div class="da-device da-vwall"><div class="da-vwall-grid"><div class="da-panel">' + DA_SCREEN + '</div><div class="da-panel">' + DA_SCREEN + '</div><div class="da-panel">' + DA_SCREEN + '</div><div class="da-panel">' + DA_SCREEN + '</div></div><span class="da-label">Video Wall</span></div>' +
+            '</div>';
+
+        var TS_MI = '<div class="ts-menu__item"><span class="ts-menu__name"></span><span class="ts-menu__dots"></span><span class="ts-menu__price"></span></div>';
+        var TS_COL = '<div class="ts-menu__col"><div class="ts-menu__cat"></div>' + TS_MI + TS_MI + TS_MI + '</div>';
+        var TS_HTML = '<div class="ts-stage" data-tv-stick-anim aria-hidden="true">' +
+            '<div class="ts-tv"><div class="ts-tv__body"><div class="ts-tv__screen"><div class="ts-slides">' +
+            '<div class="ts-slide ts-slide--menu"><div class="ts-menu"><div class="ts-menu__header"><div class="ts-menu__logo"></div><div class="ts-menu__title"></div></div><div class="ts-menu__cols">' + TS_COL + TS_COL + '</div></div></div>' +
+            '<div class="ts-slide ts-slide--wayfind"><div class="ts-wf"><div class="ts-wf__header"><div class="ts-wf__building"></div></div><div class="ts-wf__rows"><div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--left"></span><span class="ts-wf__label ts-wf__label--w1"></span><span class="ts-wf__floor"></span></div><div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--right"></span><span class="ts-wf__label ts-wf__label--w2"></span><span class="ts-wf__floor"></span></div><div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--up"></span><span class="ts-wf__label ts-wf__label--w3"></span><span class="ts-wf__floor"></span></div><div class="ts-wf__row"><span class="ts-wf__arrow ts-wf__arrow--left"></span><span class="ts-wf__label ts-wf__label--w4"></span><span class="ts-wf__floor"></span></div></div></div></div>' +
+            '<div class="ts-slide ts-slide--sched"><div class="ts-sched"><div class="ts-sched__header"><div class="ts-sched__title"></div><div class="ts-sched__date"></div></div><div class="ts-sched__table"><div class="ts-sched__hrow"><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span><span class="ts-sched__hcell"></span></div><div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__event ts-sched__event--a"></span><span class="ts-sched__cell"></span><span class="ts-sched__cell"></span></div><div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__cell"></span><span class="ts-sched__event ts-sched__event--b"></span><span class="ts-sched__cell"></span></div><div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__cell"></span><span class="ts-sched__cell"></span><span class="ts-sched__event ts-sched__event--c"></span></div><div class="ts-sched__row"><span class="ts-sched__time"></span><span class="ts-sched__event ts-sched__event--a"></span><span class="ts-sched__event ts-sched__event--b"></span><span class="ts-sched__cell"></span></div></div></div></div>' +
+            '</div></div><div class="ts-tv__port"></div></div><div class="ts-tv__feet"><div class="ts-tv__foot"></div><div class="ts-tv__foot"></div></div></div>' +
+            '<div class="ts-stick"><div class="ts-stick__body"><div class="ts-stick__led"></div></div><div class="ts-stick__connector"></div></div>' +
+            '</div>';
+
+        var NGD_ROW  = '<div class="ngd-menu__row"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        var NGD_ROWH = '<div class="ngd-menu__row ngd-menu__row--hl"><span class="ngd-menu__name"></span><span class="ngd-menu__price"></span></div>';
+        var NGD_HTML = '<div class="ngd-stage" aria-hidden="true">' +
+            '<div class="ngd-tv"><div class="ngd-tv__body"><div class="ngd-tv__screen"><div class="ngd-menu"><div class="ngd-menu__hd"><div class="ngd-menu__logo"></div><div class="ngd-menu__ttl"></div></div><div class="ngd-menu__cols"><div class="ngd-menu__col"><div class="ngd-menu__cat"></div>' + NGD_ROW + NGD_ROWH + NGD_ROW + '</div><div class="ngd-menu__col"><div class="ngd-menu__cat"></div>' + NGD_ROW + NGD_ROW + NGD_ROWH + '</div></div><div class="ngd-menu__ticker"><div class="ngd-menu__ticker-inner"></div></div></div></div><div class="ngd-tv__port"></div></div><div class="ngd-tv__feet"><div class="ngd-tv__foot"></div><div class="ngd-tv__foot"></div></div></div>' +
+            '<div class="ngd-player"><div class="ngd-player__connector"></div><div class="ngd-player__body"><div class="ngd-player__led"></div></div><div class="ngd-player__check"><svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="10" stroke="#4CAF50" stroke-width="1.5"/><polyline points="6,11 9.5,14.5 16,7.5" stroke="#4CAF50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div>' +
+            '<div class="ngd-signal-wrap"><div class="ngd-cloud"><svg class="ngd-cloud__svg" viewBox="0 0 64 46" fill="none" xmlns="http://www.w3.org/2000/svg"><circle class="ngd-cloud__path" cx="32" cy="23" r="14" stroke-width="2.2" fill="none"/><path class="ngd-cloud__path" d="M18.5 23C23 20 41 20 45.5 23" stroke-width="1.9" stroke-linecap="round" fill="none"/><path class="ngd-cloud__path" d="M20.5 29C25.5 31 38.5 31 43.5 29" stroke-width="1.9" stroke-linecap="round" fill="none"/><path class="ngd-cloud__path" d="M24.5 12C21.5 16.5 21.5 29.5 24.5 34" stroke-width="1.9" stroke-linecap="round" fill="none"/><path class="ngd-cloud__path" d="M39.5 12C42.5 16.5 42.5 29.5 39.5 34" stroke-width="1.9" stroke-linecap="round" fill="none"/></svg></div><div class="ngd-signal-line"><div class="ngd-signal__dots"><div class="ngd-signal__dot ngd-signal__dot--1"></div><div class="ngd-signal__dot ngd-signal__dot--2"></div><div class="ngd-signal__dot ngd-signal__dot--3"></div></div><div class="ngd-signal__break"><svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="8" fill="rgba(239,68,68,0.12)" stroke="#ef4444" stroke-width="1.2"/><line x1="5.5" y1="5.5" x2="12.5" y2="12.5" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/><line x1="12.5" y1="5.5" x2="5.5" y2="12.5" stroke="#ef4444" stroke-width="2" stroke-linecap="round"/></svg></div></div></div>' +
+            '</div>';
+
+        var BD_SPLASH = '<div class="bd-splash"><div class="bd-splash__logo"></div></div>';
+        var BD_HDR    = '<div class="bd-ui__header"><div class="bd-ui__logo"></div><div class="bd-ui__brand-bar"></div></div>';
+        var BD_HTML = '<div class="bd-stage" aria-hidden="true">' +
+            '<div class="bd-device bd-device--tablet"><span class="bd-device__label">Kiosk</span><div class="bd-device__body"><div class="bd-device__screen">' + BD_SPLASH + '<div class="bd-ui">' + BD_HDR + '<div class="bd-ui__content"><div class="bd-promo bd-promo--welcome"><div class="bd-promo__hero"></div><div class="bd-promo__heading"></div><div class="bd-promo__text"></div><div class="bd-promo__btn"></div></div></div></div></div></div></div>' +
+            '<div class="bd-device bd-device--wall"><span class="bd-device__label">Wall Display</span><div class="bd-device__body"><div class="bd-device__screen">' + BD_SPLASH + '<div class="bd-ui">' + BD_HDR + '<div class="bd-ui__content"><div class="bd-promo bd-promo--sale"><div class="bd-promo__cols"><div class="bd-promo__visual"></div><div class="bd-promo__info"><div class="bd-promo__badge"></div><div class="bd-promo__heading"></div><div class="bd-promo__text"></div><div class="bd-promo__text bd-promo__text--short"></div><div class="bd-promo__price"></div></div></div></div></div></div></div></div><div class="bd-mount"></div></div>' +
+            '<div class="bd-device bd-device--interactive"><span class="bd-device__label">Interactive</span><div class="bd-device__body"><div class="bd-device__screen">' + BD_SPLASH + '<div class="bd-ui">' + BD_HDR + '<div class="bd-ui__content"><div class="bd-promo bd-promo--menu"><div class="bd-promo__heading"></div><div class="bd-promo__grid"><div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div><div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div><div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div><div class="bd-promo__tile"><div class="bd-promo__tile-img"></div><div class="bd-promo__tile-lbl"></div></div></div></div></div></div></div></div><div class="bd-table"></div></div>' +
+            '</div>';
+
+        var DB_HTML = '<div class="dashboard-tv" data-dashboard-container="true"><div class="dashboard-tv__body"><div class="dashboard-tv__screen"><svg viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg" class="dashboard-chart" role="img" aria-label="Animated dashboard charts"><defs><linearGradient id="dbe-barGrad" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#D83302" stop-opacity="1"/><stop offset="100%" stop-color="#4CAF50" stop-opacity=".8"/></linearGradient><linearGradient id="dbe-lineGrad" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#4CAF50" stop-opacity=".3"/><stop offset="100%" stop-color="#4CAF50" stop-opacity="0"/></linearGradient></defs><g transform="translate(35,20)"><text class="ct" x="0" y="0" font-size="14" font-weight="600" fill="#888">Performance</text><g id="dbe-bars1" transform="translate(0,25)"><rect x="0" y="60" width="28" height="60" fill="url(#dbe-barGrad)"/><rect x="40" y="80" width="28" height="40" fill="url(#dbe-barGrad)"/><rect x="80" y="40" width="28" height="80" fill="url(#dbe-barGrad)"/><rect x="120" y="70" width="28" height="50" fill="url(#dbe-barGrad)"/><rect x="160" y="50" width="28" height="70" fill="url(#dbe-barGrad)"/></g><g transform="translate(0,152)"><text class="cl" x="14" y="0" font-size="10" text-anchor="middle" fill="#aaa">API</text><text class="cl" x="54" y="0" font-size="10" text-anchor="middle" fill="#aaa">Cache</text><text class="cl" x="94" y="0" font-size="10" text-anchor="middle" fill="#aaa">DB</text><text class="cl" x="134" y="0" font-size="10" text-anchor="middle" fill="#aaa">Queue</text><text class="cl" x="174" y="0" font-size="10" text-anchor="middle" fill="#aaa">Worker</text></g></g><g transform="translate(430,20)"><text class="ct" x="0" y="0" font-size="14" font-weight="600" fill="#888">Requests/sec</text><g transform="translate(0,25)"><rect x="0" y="50" width="28" height="70" fill="url(#dbe-barGrad)"/><rect x="40" y="30" width="28" height="90" fill="url(#dbe-barGrad)"/><rect x="80" y="65" width="28" height="55" fill="url(#dbe-barGrad)"/><rect x="120" y="45" width="28" height="75" fill="url(#dbe-barGrad)"/></g><g transform="translate(0,152)"><text class="cl" x="14" y="0" font-size="10" text-anchor="middle" fill="#aaa">Read</text><text class="cl" x="54" y="0" font-size="10" text-anchor="middle" fill="#aaa">Write</text><text class="cl" x="94" y="0" font-size="10" text-anchor="middle" fill="#aaa">Update</text><text class="cl" x="134" y="0" font-size="10" text-anchor="middle" fill="#aaa">Delete</text></g></g><g transform="translate(35,245)"><text class="ct" x="0" y="0" font-size="14" font-weight="600" fill="#888">Traffic Trend</text><g transform="translate(0,25)"><line class="grid-line" x1="0" y1="0" x2="340" y2="0" stroke="#ddd" stroke-width=".5"/><line class="grid-line" x1="0" y1="40" x2="340" y2="40" stroke="#ddd" stroke-width=".5"/><line class="grid-line" x1="0" y1="80" x2="340" y2="80" stroke="#ddd" stroke-width=".5"/><line class="grid-line" x1="0" y1="120" x2="340" y2="120" stroke="#ddd" stroke-width=".5"/><path d="M0,90 L42,70 L85,50 L127,80 L170,45 L212,65 L255,55 L297,75 L340,60 L340,145 L0,145 Z" fill="url(#dbe-lineGrad)"/><path d="M0,90 L42,70 L85,50 L127,80 L170,45 L212,65 L255,55 L297,75 L340,60" stroke="#4CAF50" stroke-width="2.5" fill="none" stroke-linecap="round"/></g></g><g transform="translate(490,245)"><text class="ct" x="100" y="0" font-size="14" font-weight="600" text-anchor="middle" fill="#888">Distribution</text><g transform="translate(100,90)"><path d="M0,0 L0,-55 A55,55 0 0,1 38.89,-38.89 Z" fill="#D83302" opacity=".9"/><path d="M0,0 L38.89,-38.89 A55,55 0 0,1 55,0 Z" fill="#4CAF50" opacity=".8"/><path d="M0,0 L55,0 A55,55 0 0,1 0,55 Z" fill="#f59e0b" opacity=".7"/><path d="M0,0 L0,55 A55,55 0 1,1 0,-55 Z" fill="#ef4444" opacity=".7"/><circle cx="0" cy="0" r="22" fill="#f5f5f5" stroke="#ddd" stroke-width="1"/></g></g></svg></div></div><div class="dashboard-tv__feet"><div class="dashboard-tv__foot"></div><div class="dashboard-tv__foot"></div></div></div>';
+
         return el(Frag, null,
             el(IC, null,
                 el(PB, { title: 'Row Settings' },
                     el(TC, { label: 'Visual (emoji)', value: a.visual, onChange: function(v){s({visual:v});} }),
                     el(TC, { label: 'Button URL', value: a.btnUrl, onChange: function(v){s({btnUrl:v});} }),
                     el(TG, { label: 'Reversed', checked: !!a.reversed, onChange: function(v){s({reversed:v});} }),
-                    el(TG, { label: 'Camera Animation', checked: !!a.cameraAnim, onChange: function(v){s({cameraAnim:v});} })
+                    el(TG, { label: 'Dashboard Animation', checked: !!a.isDashboard, onChange: function(v){s({isDashboard:v});} }),
+                    el(TG, { label: 'Device Animation', checked: !!a.deviceAnim, onChange: function(v){s({deviceAnim:v});} }),
+                    el(TG, { label: 'TV Stick Animation', checked: !!a.tvStick, onChange: function(v){s({tvStick:v});} }),
+                    el(TG, { label: 'Camera Animation', checked: !!a.cameraAnim, onChange: function(v){s({cameraAnim:v});} }),
+                    el(TG, { label: 'Never Goes Dark', checked: !!a.neverGoesDark, onChange: function(v){s({neverGoesDark:v});} }),
+                    el(TG, { label: 'Branded Display', checked: !!a.brandedAnim, onChange: function(v){s({brandedAnim:v});} })
                 ),
                 el(PB, { title: 'Gallery TV Slideshow', initialOpen: false },
                     el(MUC, null,
@@ -1248,7 +1299,9 @@ reg('oribi/platform-row', {
                     a.btnUrl ? el(RT, { tagName: 'span', className: 'btn btn-outline mt-3',
                         value: a.btnText, onChange: function(v){s({btnText:v});}, placeholder: 'Button...' }) : null
                 ),
-                a.cameraAnim
+                a.isDashboard
+                    ? el('div', { className: 'platform-visual has-dashboard', dangerouslySetInnerHTML: { __html: DB_HTML } })
+                    : a.cameraAnim
                     ? el('div', { className: 'platform-visual has-camera' },
                         el('div', { className: 'cam-stage', 'aria-hidden': 'true' },
                             // Photo camera (left)
@@ -1308,6 +1361,14 @@ reg('oribi/platform-row', {
                             )
                         )
                       )
+                    : a.deviceAnim
+                    ? el('div', { className: 'platform-visual has-anim', dangerouslySetInnerHTML: { __html: DA_HTML } })
+                    : a.tvStick
+                    ? el('div', { className: 'platform-visual has-tv-stick', dangerouslySetInnerHTML: { __html: TS_HTML } })
+                    : a.neverGoesDark
+                    ? el('div', { className: 'platform-visual has-ngd', dangerouslySetInnerHTML: { __html: NGD_HTML } })
+                    : a.brandedAnim
+                    ? el('div', { className: 'platform-visual has-branded', dangerouslySetInnerHTML: { __html: BD_HTML } })
                     : a.imgUrl
                     ? el('div', { className: 'platform-visual has-img' },
                         el('img', { src: a.imgUrl, style: { width: imgW + 'px', maxWidth: '100%', height: 'auto', borderRadius: '4px', objectFit: 'contain', display: 'block', marginInline: 'auto' } })
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index bfcdca8..82c174d 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -553,6 +553,7 @@ add_action( 'init', function () {
             'imgUrl'      => [ 'type' => 'string',  'default' => '' ],
             'imgAlt'      => [ 'type' => 'string',  'default' => '' ],
             'imgWidth'    => [ 'type' => 'number',  'default' => 300 ],
+            'isDashboard'  => [ 'type' => 'boolean', 'default' => false ],
             'deviceAnim'   => [ 'type' => 'boolean', 'default' => false ],
             'tvStick'      => [ 'type' => 'boolean', 'default' => false ],
             'cameraAnim'   => [ 'type' => 'boolean', 'default' => false ],

From 2a0b949ea9e153b825bcc09b012b417a3560e1aa Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 19:55:47 -0500
Subject: [PATCH 80/87] Add video editor timeline animator with animated
 playhead and scene transitions

---
 theme/assets/css/main.css                |  29 +++
 theme/assets/js/video-editor-animator.js | 110 +++++++++++
 theme/blocks/index.php                   | 240 ++++++++++++++++++-----
 theme/inc/enqueue.php                    |   9 +
 4 files changed, 344 insertions(+), 44 deletions(-)
 create mode 100644 theme/assets/js/video-editor-animator.js

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 4014122..a20b7a9 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -5812,3 +5812,32 @@ p:last-child { margin-bottom: 0; }
     transition: none !important;
   }
 }
+
+/* ══════════════════════════════════════════════════════════════════════════════
+   VIDEO EDITOR ANIMATOR  (.platform-visual.has-video-editor)
+   Laptop frame with dark editor UI, animated timeline playhead and preview.
+   ══════════════════════════════════════════════════════════════════════════════ */
+.platform-visual.has-video-editor {
+  background: none !important;
+  border: none !important;
+  border-radius: 0;
+  aspect-ratio: unset;
+  padding: 0;
+  overflow: visible;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+}
+
+.ve-stage {
+  width: 100%;
+  max-width: 560px;
+}
+
+.ve-svg {
+  width: 100%;
+  height: auto;
+  display: block;
+  filter: drop-shadow(0 8px 28px rgba(0, 0, 0, 0.18));
+}
diff --git a/theme/assets/js/video-editor-animator.js b/theme/assets/js/video-editor-animator.js
new file mode 100644
index 0000000..21939f0
--- /dev/null
+++ b/theme/assets/js/video-editor-animator.js
@@ -0,0 +1,110 @@
+/**
+ * Video Editor Timeline Animator
+ * Animates playhead scrubbing across the timeline and video preview crossfades.
+ * Mirrors the structure and conventions of dashboard-animator.js.
+ */
+(function () {
+  'use strict';
+
+  var DURATION = 10000; // ms for one full playhead sweep (left → right, then loop)
+  var X_MIN    = 104;   // leftmost playhead centre (SVG units)
+  var X_MAX    = 504;   // rightmost playhead centre (end of clip area)
+
+  function makeState(svg) {
+    return {
+      svg:          svg,
+      playheadLine: svg.querySelector('#ve-playhead-line'),
+      playheadHead: svg.querySelector('#ve-playhead-head'),
+      scene1:       svg.querySelector('#ve-scene-1'),
+      scene2:       svg.querySelector('#ve-scene-2'),
+      scene3:       svg.querySelector('#ve-scene-3'),
+      innerScreen:  svg.querySelector('#ve-inner-screen'),
+      timecode:     svg.querySelector('#ve-timecode'),
+      scrubPct:     0,
+      lastTime:     performance.now(),
+      paused:       false
+    };
+  }
+
+  function lerp(a, b, t) { return a + (b - a) * t; }
+
+  function updatePlayhead(st) {
+    var xC = lerp(X_MIN, X_MAX, st.scrubPct);
+    if (st.playheadLine) st.playheadLine.setAttribute('x', (xC - 1).toFixed(1));
+    if (st.playheadHead) st.playheadHead.setAttribute('transform', 'translate(' + xC.toFixed(1) + ',234)');
+    if (st.timecode) {
+      var s = Math.floor(st.scrubPct * 10);
+      st.timecode.textContent = '0:' + (s < 10 ? '0' + s : s);
+    }
+  }
+
+  function updateScenes(st) {
+    var p = st.scrubPct;
+    var o1, o2, o3, fade;
+    if (p < 0.30) {
+      o1 = 1; o2 = 0; o3 = 0;
+    } else if (p < 0.40) {
+      fade = (p - 0.30) / 0.10; o1 = 1 - fade; o2 = fade; o3 = 0;
+    } else if (p < 0.65) {
+      o1 = 0; o2 = 1; o3 = 0;
+    } else if (p < 0.75) {
+      fade = (p - 0.65) / 0.10; o1 = 0; o2 = 1 - fade; o3 = fade;
+    } else {
+      o1 = 0; o2 = 0; o3 = 1;
+    }
+    if (st.scene1) st.scene1.setAttribute('opacity', o1.toFixed(3));
+    if (st.scene2) st.scene2.setAttribute('opacity', o2.toFixed(3));
+    if (st.scene3) st.scene3.setAttribute('opacity', o3.toFixed(3));
+    if (st.innerScreen) {
+      st.innerScreen.setAttribute('fill',
+        p < 0.38 ? 'url(#ve-scr-warm)' :
+        p < 0.72 ? 'url(#ve-scr-cold)' :
+                   'url(#ve-scr-go)'
+      );
+    }
+  }
+
+  function loop(st, now) {
+    if (!st.paused) {
+      var delta = now - st.lastTime;
+      st.lastTime = now;
+      st.scrubPct += delta / DURATION;
+      if (st.scrubPct >= 1) st.scrubPct -= 1;
+      updatePlayhead(st);
+      updateScenes(st);
+    } else {
+      st.lastTime = now; // keep fresh so there is no jump on resume
+    }
+    requestAnimationFrame(function (t) { loop(st, t); });
+  }
+
+  function observe(st) {
+    if (!('IntersectionObserver' in window)) return;
+    new IntersectionObserver(function (entries) {
+      for (var i = 0; i < entries.length; i++) {
+        st.paused = !entries[i].isIntersecting;
+      }
+    }, { rootMargin: '200px', threshold: 0.05 }).observe(st.svg);
+  }
+
+  function boot() {
+    var svgs = document.querySelectorAll('.ve-svg');
+    if (!svgs.length) return;
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+    for (var i = 0; i < svgs.length; i++) {
+      (function (svg) {
+        if (svg._veAnim) return;
+        var st = makeState(svg);
+        svg._veAnim = st;
+        observe(st);
+        requestAnimationFrame(function (t) { loop(st, t); });
+      })(svgs[i]);
+    }
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', boot);
+  } else {
+    boot();
+  }
+})();
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 82c174d..3ac0015 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -1359,51 +1359,203 @@ function oribi_render_platform_section( $a, $content ) {
 /* ── Platform Row (child - renders one service row) ────────────────────────── */
 function oribi_render_camera_animation() {
     return <<<'HTML'
-<div class="cam-stage" aria-hidden="true">
-    <div class="pc-wrap">
-        <div class="pc-body">
-            <div class="pc-flash-unit"></div>
-            <div class="pc-top"><div class="pc-shutter-btn"></div><div class="pc-viewfinder"></div></div>
-            <div class="pc-front">
-                <div class="pc-lens-ring"><div class="pc-lens-glass"><div class="pc-lens-reflex"></div></div></div>
-                <div class="pc-grip"></div>
-            </div>
-        </div>
-        <div class="pc-prints">
-            <div class="pc-print pc-print--1"><div class="pc-print__img"></div></div>
-            <div class="pc-print pc-print--2"><div class="pc-print__img"></div></div>
-            <div class="pc-print pc-print--3"><div class="pc-print__img"></div></div>
-        </div>
-    </div>
+<div class="ve-stage" aria-hidden="true"><svg viewBox="0 0 540 360" xmlns="http://www.w3.org/2000/svg" class="ve-svg" role="img" aria-label="Animated video editor timeline">
+  <defs>
+    <clipPath id="ve-preview-clip">
+      <rect x="54" y="36" width="256" height="184"/>
+    </clipPath>
+    <linearGradient id="ve-sg-warm" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%"   stop-color="#3d0800"/>
+      <stop offset="50%"  stop-color="#a02500"/>
+      <stop offset="100%" stop-color="#1d0400"/>
+    </linearGradient>
+    <linearGradient id="ve-sg-cold" x1="100%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%"   stop-color="#0a1f3d"/>
+      <stop offset="50%"  stop-color="#0e3d6e"/>
+      <stop offset="100%" stop-color="#06111e"/>
+    </linearGradient>
+    <linearGradient id="ve-sg-go" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%"   stop-color="#07180d"/>
+      <stop offset="50%"  stop-color="#1c6038"/>
+      <stop offset="100%" stop-color="#040e07"/>
+    </linearGradient>
+    <linearGradient id="ve-scr-warm" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%"   stop-color="#ff9500"/>
+      <stop offset="100%" stop-color="#ff4500"/>
+    </linearGradient>
+    <linearGradient id="ve-scr-cold" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%"   stop-color="#1a8aff"/>
+      <stop offset="100%" stop-color="#0055cc"/>
+    </linearGradient>
+    <linearGradient id="ve-scr-go" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%"   stop-color="#00cc66"/>
+      <stop offset="100%" stop-color="#008844"/>
+    </linearGradient>
+    <pattern id="ve-scanlines" x="0" y="0" width="1" height="3" patternUnits="userSpaceOnUse">
+      <rect width="1" height="1" fill="rgba(0,0,0,0.18)"/>
+    </pattern>
+  </defs>
 
-    <div class="cam-scene">
-        <div class="cam-subject cam-subject--shoe"></div>
-        <div class="cam-subject cam-subject--food"></div>
-        <div class="cam-subject cam-subject--laptop"></div>
-        <div class="cam-flash-overlay"></div>
-        <div class="cam-vid-overlay"></div>
-    </div>
+  <!-- Laptop lid outer shell -->
+  <rect x="20"  y="5"   width="500" height="300" rx="12" fill="#d2d2d0" stroke="#b0aca8" stroke-width="1.5"/>
+  <rect x="28"  y="12"  width="484" height="280" rx="8"  fill="#1c1c1c"/>
+  <rect x="32"  y="16"  width="476" height="272" rx="5"  fill="#0e1117"/>
+  <!-- Laptop base -->
+  <rect x="10"  y="305" width="520" height="26"  rx="5"  fill="#c8c8c8" stroke="#b0ada8" stroke-width="0.8"/>
+  <rect x="80"  y="301" width="380" height="5"   rx="2"  fill="#a8a6a2"/>
+  <rect x="205" y="311" width="130" height="13"  rx="5"  fill="#b8b5b0" stroke="#a0a09a" stroke-width="0.7"/>
+  <rect x="38"  y="306" width="155" height="18"  rx="2"  fill="#bcbab6" opacity="0.45"/>
+  <rect x="347" y="306" width="155" height="18"  rx="2"  fill="#bcbab6" opacity="0.45"/>
 
-    <div class="vc-wrap">
-        <div class="vc-camera">
-            <div class="vc-handle"></div>
-            <div class="vc-body">
-                <div class="vc-lens-barrel"><div class="vc-lens-tip"><div class="vc-lens-glass"><div class="vc-lens-reflex"></div></div></div></div>
-                <div class="vc-top-rail"></div>
-                <div class="vc-rec-light"></div>
-                <div class="vc-eyepiece"></div>
-            </div>
-        </div>
-        <div class="vc-tripod">
-            <div class="vc-stem"></div>
-            <div class="vc-legs">
-                <div class="vc-leg vc-leg--l"></div>
-                <div class="vc-leg vc-leg--c"></div>
-                <div class="vc-leg vc-leg--r"></div>
-            </div>
-        </div>
-    </div>
-</div>
+  <!-- Editor title bar -->
+  <rect x="32" y="16" width="476" height="20" rx="4" fill="#1e2229"/>
+  <circle cx="50" cy="26" r="5" fill="#FF5F56"/>
+  <circle cx="66" cy="26" r="5" fill="#FFBD2E"/>
+  <circle cx="82" cy="26" r="5" fill="#27C93F"/>
+  <rect x="180" y="21" width="180" height="10" rx="3" fill="#3a3f48"/>
+  <rect x="100" y="22" width="28"  height="8"  rx="2" fill="#2e333c"/>
+  <rect x="132" y="22" width="24"  height="8"  rx="2" fill="#2e333c"/>
+  <rect x="160" y="22" width="16"  height="8"  rx="2" fill="#2e333c"/>
+
+  <!-- Left toolbar -->
+  <rect x="32" y="36" width="22" height="184" fill="#181c22"/>
+  <line x1="54" y1="36" x2="54" y2="220" stroke="#2a2e38" stroke-width="1"/>
+  <rect x="36" y="46"  width="14" height="14" rx="2" fill="#3a4152"/>
+  <rect x="36" y="66"  width="14" height="14" rx="2" fill="#3a4152"/>
+  <rect x="36" y="86"  width="14" height="14" rx="2" fill="#3a4152"/>
+  <rect x="36" y="106" width="14" height="14" rx="2" fill="#3a4152"/>
+  <rect x="36" y="126" width="14" height="14" rx="2" fill="#3a4152"/>
+  <rect x="33" y="46"  width="3"  height="14" rx="1" fill="#D83302"/>
+
+  <!-- Preview pane -->
+  <rect x="54" y="36" width="256" height="184" fill="#0a0b0e"/>
+  <g clip-path="url(#ve-preview-clip)">
+    <rect id="ve-scene-1" x="54" y="36" width="256" height="184" fill="url(#ve-sg-warm)" opacity="1"/>
+    <rect id="ve-scene-2" x="54" y="36" width="256" height="184" fill="url(#ve-sg-cold)" opacity="0"/>
+    <rect id="ve-scene-3" x="54" y="36" width="256" height="184" fill="url(#ve-sg-go)"   opacity="0"/>
+    <!-- Laptop in the preview video -->
+    <rect x="102" y="52" width="156" height="106" rx="5" fill="#1c1c1c" stroke="#2e2e2e" stroke-width="1"/>
+    <rect x="106" y="56" width="148" height="98"  rx="3" fill="#111111"/>
+    <rect id="ve-inner-screen" x="108" y="58" width="144" height="94" rx="1" fill="url(#ve-scr-warm)"/>
+    <polygon points="108,58 160,58 108,88" fill="white" opacity="0.04"/>
+    <rect x="108" y="58" width="144" height="94" fill="url(#ve-scanlines)" opacity="0.45"/>
+    <circle cx="180" cy="55" r="2.5" fill="#232323" stroke="#2e2e2e" stroke-width="0.5"/>
+    <rect x="92"  y="158" width="176" height="17" rx="2" fill="#222222" stroke="#2d2d2d" stroke-width="0.5"/>
+    <rect x="150" y="162" width="60"  height="9"  rx="3" fill="#2a2a2a" stroke="#353535" stroke-width="0.5"/>
+    <rect x="97"  y="159" width="166" height="1"  fill="#2c2c2c"/>
+    <line x1="54" y1="175" x2="310" y2="175" stroke="#1c1c1c" stroke-width="2"/>
+    <rect x="54"  y="175" width="256" height="45" fill="#040507" opacity="0.75"/>
+    <rect x="54"  y="36"  width="256" height="184" fill="url(#ve-scanlines)" opacity="0.25"/>
+  </g>
+  <rect x="54" y="36" width="256" height="184" fill="none" stroke="#2a2e38" stroke-width="0.5"/>
+  <line x1="310" y1="36" x2="310" y2="220" stroke="#2a2e38" stroke-width="1"/>
+
+  <!-- Inspector / Properties panel -->
+  <rect x="310" y="36"  width="198" height="184" fill="#141619"/>
+  <rect x="310" y="36"  width="198" height="20"  fill="#1a1e25"/>
+  <rect x="318" y="42"  width="80"  height="8"   rx="2" fill="#3a3f48"/>
+  <rect x="318" y="64"  width="50"  height="7"   rx="2" fill="#2a2e38"/>
+  <rect x="378" y="64"  width="82"  height="7"   rx="2" fill="#333a45"/>
+  <rect x="318" y="78"  width="45"  height="7"   rx="2" fill="#2a2e38"/>
+  <rect x="378" y="78"  width="96"  height="7"   rx="2" fill="#333a45"/>
+  <rect x="318" y="92"  width="35"  height="7"   rx="2" fill="#2a2e38"/>
+  <rect x="378" y="92"  width="62"  height="7"   rx="2" fill="#333a45"/>
+  <rect x="318" y="106" width="55"  height="7"   rx="2" fill="#2a2e38"/>
+  <rect x="378" y="106" width="72"  height="7"   rx="2" fill="#333a45"/>
+  <rect x="318" y="120" width="40"  height="7"   rx="2" fill="#2a2e38"/>
+  <rect x="378" y="120" width="54"  height="7"   rx="2" fill="#333a45"/>
+  <line x1="318" y1="136" x2="498" y2="136" stroke="#2a2e38" stroke-width="0.5"/>
+  <rect x="310" y="136" width="198" height="12" fill="#1a1e25"/>
+  <rect x="318" y="140" width="60"  height="6"  rx="2" fill="#2a2e38"/>
+  <rect x="318" y="150" width="32"  height="24" rx="1" fill="#C0390A" opacity="0.8"/>
+  <rect x="354" y="150" width="32"  height="24" rx="1" fill="#1a52c8" opacity="0.8"/>
+  <rect x="390" y="150" width="32"  height="24" rx="1" fill="#1a7a3d" opacity="0.8"/>
+  <rect x="426" y="150" width="32"  height="24" rx="1" fill="#c07800" opacity="0.8"/>
+  <rect x="462" y="150" width="32"  height="24" rx="1" fill="#7030d0" opacity="0.8"/>
+
+  <!-- Timeline section -->
+  <rect x="32"  y="220" width="476" height="68" fill="#161616"/>
+  <line x1="32" y1="220" x2="508" y2="220" stroke="#2a2e38" stroke-width="1"/>
+  <rect x="32"  y="220" width="476" height="14" fill="#1a1e24"/>
+  <rect x="32"  y="220" width="72"  height="68" fill="#1a1e24"/>
+  <line x1="104" y1="220" x2="104" y2="288" stroke="#2a2e38" stroke-width="1"/>
+  <!-- Ruler ticks and labels -->
+  <line x1="104" y1="220" x2="104" y2="232" stroke="#4a4e58" stroke-width="1"/>
+  <text x="105" y="231" fill="#565a64" font-size="8" font-family="monospace">0:00</text>
+  <line x1="184" y1="220" x2="184" y2="232" stroke="#4a4e58" stroke-width="1"/>
+  <text x="185" y="231" fill="#565a64" font-size="8" font-family="monospace">0:02</text>
+  <line x1="264" y1="220" x2="264" y2="232" stroke="#4a4e58" stroke-width="1"/>
+  <text x="265" y="231" fill="#565a64" font-size="8" font-family="monospace">0:04</text>
+  <line x1="344" y1="220" x2="344" y2="232" stroke="#4a4e58" stroke-width="1"/>
+  <text x="345" y="231" fill="#565a64" font-size="8" font-family="monospace">0:06</text>
+  <line x1="424" y1="220" x2="424" y2="232" stroke="#4a4e58" stroke-width="1"/>
+  <text x="425" y="231" fill="#565a64" font-size="8" font-family="monospace">0:08</text>
+  <line x1="144" y1="220" x2="144" y2="226" stroke="#2e3240" stroke-width="0.5"/>
+  <line x1="224" y1="220" x2="224" y2="226" stroke="#2e3240" stroke-width="0.5"/>
+  <line x1="304" y1="220" x2="304" y2="226" stroke="#2e3240" stroke-width="0.5"/>
+  <line x1="384" y1="220" x2="384" y2="226" stroke="#2e3240" stroke-width="0.5"/>
+  <line x1="464" y1="220" x2="464" y2="226" stroke="#2e3240" stroke-width="0.5"/>
+  <!-- Track label colour strips -->
+  <rect x="36" y="237" width="56" height="14" rx="2" fill="#283040"/>
+  <rect x="36" y="255" width="56" height="14" rx="2" fill="#203020"/>
+  <rect x="36" y="273" width="56" height="14" rx="2" fill="#302818"/>
+
+  <!-- Track 1: VIDEO clips -->
+  <rect x="104" y="234" width="404" height="18" fill="#1a1a22"/>
+  <rect x="104" y="235" width="88"  height="16" rx="2" fill="#2563EB"/>
+  <rect x="104" y="235" width="88"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="196" y="235" width="66"  height="16" rx="2" fill="#1D4ED8"/>
+  <rect x="196" y="235" width="66"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="266" y="235" width="106" height="16" rx="2" fill="#2563EB"/>
+  <rect x="266" y="235" width="106" height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="376" y="235" width="88"  height="16" rx="2" fill="#1E40AF"/>
+  <rect x="376" y="235" width="88"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+
+  <!-- Track 2: AUDIO/MUSIC clips -->
+  <rect x="104" y="252" width="404" height="18" fill="#141c12"/>
+  <rect x="104" y="253" width="178" height="16" rx="2" fill="#15803D"/>
+  <rect x="104" y="253" width="178" height="5"  rx="2" fill="rgba(255,255,255,0.06)"/>
+  <!-- Inline waveform bars -->
+  <rect x="108" y="259" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="112" y="257" width="2" height="8" fill="rgba(255,255,255,0.22)"/>
+  <rect x="116" y="260" width="2" height="4" fill="rgba(255,255,255,0.22)"/>
+  <rect x="120" y="257" width="2" height="7" fill="rgba(255,255,255,0.22)"/>
+  <rect x="124" y="260" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="128" y="257" width="2" height="7" fill="rgba(255,255,255,0.22)"/>
+  <rect x="132" y="259" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="136" y="257" width="2" height="8" fill="rgba(255,255,255,0.22)"/>
+  <rect x="140" y="260" width="2" height="4" fill="rgba(255,255,255,0.22)"/>
+  <rect x="144" y="258" width="2" height="7" fill="rgba(255,255,255,0.22)"/>
+  <rect x="148" y="261" width="2" height="4" fill="rgba(255,255,255,0.22)"/>
+  <rect x="152" y="258" width="2" height="6" fill="rgba(255,255,255,0.22)"/>
+  <rect x="156" y="259" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="160" y="257" width="2" height="7" fill="rgba(255,255,255,0.22)"/>
+  <rect x="164" y="259" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="168" y="257" width="2" height="8" fill="rgba(255,255,255,0.22)"/>
+  <rect x="172" y="261" width="2" height="4" fill="rgba(255,255,255,0.22)"/>
+  <rect x="176" y="259" width="2" height="5" fill="rgba(255,255,255,0.22)"/>
+  <rect x="286" y="253" width="148" height="16" rx="2" fill="#166534"/>
+  <rect x="286" y="253" width="148" height="5"  rx="2" fill="rgba(255,255,255,0.06)"/>
+  <rect x="438" y="253" width="66"  height="16" rx="2" fill="#15803D"/>
+  <rect x="438" y="253" width="66"  height="5"  rx="2" fill="rgba(255,255,255,0.06)"/>
+
+  <!-- Track 3: GFX / TEXT clips -->
+  <rect x="104" y="270" width="404" height="18" fill="#181710"/>
+  <rect x="120" y="271" width="60"  height="16" rx="2" fill="#D97706"/>
+  <rect x="120" y="271" width="60"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="226" y="271" width="52"  height="16" rx="2" fill="#B45309"/>
+  <rect x="226" y="271" width="52"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="334" y="271" width="78"  height="16" rx="2" fill="#D97706"/>
+  <rect x="334" y="271" width="78"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+  <rect x="452" y="271" width="50"  height="16" rx="2" fill="#B45309"/>
+  <rect x="452" y="271" width="50"  height="5"  rx="2" fill="rgba(255,255,255,0.07)"/>
+
+  <!-- Animated playhead -->
+  <polygon id="ve-playhead-head" points="0,-8 -6,-2 6,-2" transform="translate(104,234)" fill="#FF4500"/>
+  <rect    id="ve-playhead-line" x="103" y="220" width="2" height="68" fill="#FF4500" opacity="0.92"/>
+  <!-- Timecode display -->
+  <text id="ve-timecode" x="36" y="230" fill="#8a8e98" font-size="8" font-family="monospace">0:00</text>
+</svg></div>
 HTML;
 }
 
@@ -1794,7 +1946,7 @@ function oribi_render_platform_row( $a ) {
         $visual_cls  = 'platform-visual has-branded';
     } elseif ( ! empty( $a['cameraAnim'] ) ) {
         $visual_html = oribi_render_camera_animation();
-        $visual_cls  = 'platform-visual has-camera';
+        $visual_cls  = 'platform-visual has-video-editor';
 
     /* ── Gallery TV Slideshow ───────────────────────────────── */
     } elseif ( ! empty( $a['galleryIds'] ) && is_array( $a['galleryIds'] ) && count( $a['galleryIds'] ) > 0 ) {
diff --git a/theme/inc/enqueue.php b/theme/inc/enqueue.php
index eafd3fd..8f57974 100644
--- a/theme/inc/enqueue.php
+++ b/theme/inc/enqueue.php
@@ -47,6 +47,15 @@ add_action( 'wp_enqueue_scripts', function () {
 		true
 	);
 
+	// Video editor timeline animator - animated playhead and preview crossfades
+	wp_enqueue_script(
+		'oribi-video-editor-animator',
+		ORIBI_URI . '/assets/js/video-editor-animator.js',
+		[],
+		ORIBI_VERSION . '.' . filemtime( ORIBI_DIR . '/assets/js/video-editor-animator.js' ),
+		true
+	);
+
 	// Localize AJAX endpoint for the contact form
 	wp_localize_script( 'oribi-main', 'oribiAjax', [
 		'url'   => admin_url( 'admin-ajax.php' ),

From d88070949c2820b724e428e5d9869522f2115ad1 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 20:05:44 -0500
Subject: [PATCH 81/87] Enhance transition effects for form elements and
 comparison table components

---
 theme/assets/css/main.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index a20b7a9..ed4614e 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -127,7 +127,11 @@ body,
 .platform-text p,
 .form-group input,
 .form-group textarea,
-.form-group select { transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition); }
+.form-group select,
+.comparison-table-wrap,
+.comparison-table thead th,
+.comparison-table tbody td,
+.comparison-group-row td { transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition); }
 ul { list-style: none; }
 button { font-family: inherit; cursor: pointer; border: none; background: none; }
 

From afccdca783365a1360d8e88a8d4386f23baeda4a Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 21:36:20 -0500
Subject: [PATCH 82/87] Update features page content for improved clarity and
 detail on platform capabilities

---
 pages/features.php | 68 +++++++++++++++++++++++++++++++++-------------
 1 file changed, 49 insertions(+), 19 deletions(-)

diff --git a/pages/features.php b/pages/features.php
index 25ce537..7cdff57 100644
--- a/pages/features.php
+++ b/pages/features.php
@@ -6,37 +6,67 @@
  */
 
 return <<<'ORIBI_SYNC_CONTENT'
-<!-- wp:oribi/page-hero-animated {"label":"Platform","title":"Powerful Signage, Refreshingly Simple","description":"A cloud-native Command Center that lets you publish content to any screen in seconds. Built-in scheduling, live data feeds, and real-time analytics, all wrapped in an interface your whole team can use."} /-->
+<!-- wp:oribi/page-hero-animated {"label":"Platform Features","title":"Create It. Schedule It. Forget It.","description":"Design content in minutes, automate your schedule, and let your screens run themselves. One cloud dashboard for every display in your network — with live data, real-time analytics, and the tools your whole team can use from day one."} /-->
 
-<!-- wp:oribi/platform-section {"label":"Core Features","heading":"Everything You Need, Nothing You Don't","lead":"Create, schedule, and manage digital signage content from a single dashboard, whether you have one screen or hundreds."} -->
-<!-- wp:oribi/platform-row {"heading":"One Dashboard for Every Display","description":"Manage your entire signage network from a single cloud-based console. Organize screens by location, group, or purpose. Push content updates across your whole estate in one click, no matter how many sites you operate.","btnText":"Get Started","btnUrl":"/contact"} /-->
+<!-- wp:oribi/platform-section {"label":"Create \u0026amp; Publish","heading":"From Idea to Screen in Minutes","lead":"A drag-and-drop layout designer, a built-in media library, and instant publishing — so your content goes live the moment it's ready."} -->
+<!-- wp:oribi/platform-row {"heading":"Design for Any Screen","description":"Build layouts visually with a drag-and-drop editor that works in any browser. Use ready-made stencils or start from scratch. Layer text, images, video, tickers, and data widgets across multiple zones — then preview exactly how it will look on screen before you publish. Save any layout as a reusable template for your team.","btnText":"Request Demo","btnUrl":"/demo"} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Scheduling That Runs Itself","description":"Set content to appear at the right time, in the right place, automatically. Day-parting, date ranges, and event-triggered playback let you plan weeks ahead while the platform handles the execution.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Every Media Type, One Library","description":"Upload images, video (including H.265 and HLS streams), PDFs, PowerPoint files, and audio to a centralised media library. Tag, organise, and reuse assets across layouts and playlists. Set expiration dates on media so outdated content removes itself automatically. Need polished creative? Our in-house team handles photography, video production, and graphic design.","btnText":"Get Started","btnUrl":"/contact","reversed":true} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Live Data, Straight to Screen","description":"Pull in web dashboards, social feeds, KPIs, and real-time APIs directly to your displays. Content updates automatically, no manual refreshing, no extra steps. Turn any screen into a live information hub.","btnUrl":"/solutions","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Publish Without the Wait","description":"Content goes live the moment you hit publish. A draft/publish workflow lets you edit layouts safely without affecting what's already on screen — then push updates across your entire network in one click. Schedule a layout to auto-publish at a specific date and time, or push it immediately. No queues, no approval chains, no delays.","btnUrl":"/pricing"} /-->
 <!-- /wp:oribi/platform-section -->
 
-<!-- wp:oribi/feature-section {"variant":"alt","label":"Capabilities","heading":"The Tools Behind Great Signage","lead":"From content creation to performance tracking, every feature is designed to save you time and keep your screens looking sharp."} -->
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-cloud","title":"Cloud-Native Command Center","description":"Control everything from any browser, anywhere. No software to install, no servers to maintain. Centralized management with instant access and automatic backups."} /-->
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Smart Scheduling","heading":"Automate Your Entire Schedule","lead":"Set it once and let the platform handle the rest. Day-parting, recurring events, location-based triggers, and weather-driven rules keep the right content on the right screen at the right time."} -->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Day-Part Scheduling","description":"Assign content to specific times of day — breakfast menus in the morning, happy hour promos in the evening. Set it once and it repeats automatically."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-clock","title":"Intelligent Scheduling","description":"Day-parting, date-based playlists, and event triggers let you automate content rotation down to the minute."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-arrows-rotate","title":"Recurring Campaigns","description":"Schedule campaigns with daily, weekly, or custom recurrence patterns. Plan weeks of content ahead and let the platform execute on time, every time."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-wifi","title":"Offline Playback","description":"Content is cached on the player device. If your connection drops, your displays keep running seamlessly until it returns."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-location-dot","title":"Location \u0026amp; Weather Triggers","description":"Show region-specific promotions based on player location. Trigger content automatically when weather conditions change — sunscreen ads when it's sunny, hot drinks when it rains."} /-->
 
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Users","description":"Invite your entire team at no extra cost. No per-seat charges, no access restrictions — on any plan."} /-->
-
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Playback Analytics","description":"Track what's playing, where, and when. Proof of Play reporting, screen health monitoring, and content logs give you full visibility, with retention depth that scales with your plan."} /-->
-
-<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-shield-halved","title":"Enterprise Security","description":"End-to-end encryption, two-factor authentication, secure boot hardware, and predefined user roles on every plan. Pro adds SSO via SAML or CAS, custom role definitions, and extended audit trails."} /-->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-bolt","title":"Interrupt \u0026amp; Priority Content","description":"Push emergency alerts or time-sensitive content to any screen instantly. Interrupt layouts override the schedule without disrupting your planned campaigns."} /-->
 <!-- /wp:oribi/feature-section -->
 
-<!-- wp:oribi/value-section {"label":"Why Choose Us","heading":"Beyond the Software","lead":"A control center is just the beginning. See what else you get with OTS Signs."} -->
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-camera","title":"In-House Creative","description":"Professional photography, video production, and graphic design, so every screen looks polished and on-brand from day one."} /-->
+<!-- wp:oribi/platform-section {"label":"Display Management","heading":"One Dashboard for Every Screen","lead":"Group, monitor, and control your entire display network — whether that's three screens in one venue or three hundred across the country."} -->
+<!-- wp:oribi/platform-row {"heading":"Group, Target, Update","description":"Organise displays into groups by location, department, or purpose. Use dynamic groups that auto-populate based on tags or criteria. Push a content update to one screen, a group, or your whole network — all from one place. Nested groups let you build multi-level hierarchies that mirror your real-world structure.","btnText":"View Devices","btnUrl":"/devices"} /-->
 
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"Instant Publishing","description":"Upload your content and push it live across your entire network in seconds. No queues, no waiting, no complex approval chains."} /-->
+<!-- wp:oribi/platform-row {"heading":"Monitor \u0026amp; Control Remotely","description":"See which screens are online at a glance. Take on-demand or periodic screenshots to verify content is playing correctly. Control screen power, volume, and brightness remotely. Get email alerts the moment a player goes offline. Map view shows every display's location so you always know what's where.","btnUrl":"/contact","reversed":true} /-->
 
-<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-headset","title":"Support That's There","description":"From initial setup to ongoing optimization, our team is available when you need us, not hidden behind a ticket queue."} /-->
+<!-- wp:oribi/platform-row {"heading":"Runs on Your Hardware","description":"Our player software runs on Android, Windows, Linux, Samsung Tizen, LG webOS, and Chrome OS. Portrait or landscape. Single screen or synchronised video wall. Content is cached locally, so your displays keep running seamlessly even when the internet drops. Not sure which hardware to choose? We'll recommend and configure the right player for your setup.","btnText":"See Devices","btnUrl":"/devices"} /-->
+<!-- /wp:oribi/platform-section -->
+
+<!-- wp:oribi/feature-section {"variant":"alt","label":"Content Toolkit","heading":"Connect Your World to Screen","lead":"Pull in live data, social feeds, menus, dashboards, and third-party content. Everything updates automatically — no manual refreshing, no extra steps.","columns":3} -->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-database","title":"Live Data Feeds","description":"Connect DataSets, remote JSON sources, and CSV imports directly to your layouts. Data refreshes automatically so your screens always show the latest information."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-utensils","title":"Digital Menu Boards","description":"Build product categories and pricing lists that update across every location. Change a price once and it's live everywhere — no screen-by-screen editing."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-code","title":"Web Pages \u0026amp; Dashboards","description":"Embed any web page, internal dashboard, or HTML content directly on screen. Show operational KPIs, analytics dashboards, or custom web apps in real time."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-rss","title":"Tickers \u0026amp; Social Feeds","description":"Display RSS news tickers, social media feeds, and live notifications. Keep your audience informed with auto-updating content streams."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-palette","title":"Canva \u0026amp; Stock Images","description":"Design in Canva and publish straight to your displays — no export/import steps. Browse Pixabay's stock image library directly from the CMS."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-hand-pointer","title":"Interactive Touchscreens","description":"Add buttons, navigation, and actions to your layouts. Let your audience browse products, find directions, or explore content on touch-enabled displays."} /-->
+<!-- /wp:oribi/feature-section -->
+
+<!-- wp:oribi/feature-section {"label":"Analytics \u0026amp; Reporting","heading":"Prove Every Play","lead":"Know exactly what's playing, where, and when. Export reports, automate delivery, and monitor the health of every screen in your network."} -->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-chart-pie","title":"Proof of Play","description":"Track every piece of content at the layout, media, and widget level. Configurable retention depth lets you store as much history as you need."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-file-pdf","title":"Scheduled Reports","description":"Set up automated PDF reports and have them emailed to stakeholders on your schedule. Export raw data as CSV for deeper analysis."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-heart-pulse","title":"Display Health","description":"Monitor connection status, storage usage, and player performance in real time. Spot issues before they affect your audience."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-box-archive","title":"Content Usage","description":"See which media is assigned to layouts and which is unused. Library usage reports by user help you manage storage and keep your library clean."} /-->
+<!-- /wp:oribi/feature-section -->
+
+<!-- wp:oribi/value-section {"variant":"alt","label":"Secure \u0026amp; Scalable","heading":"Enterprise Trust, Simple Setup","lead":"Every plan includes the security foundations your business needs. Scale your team and your network without worrying about per-user fees or access limits.","columns":4} -->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-lock","title":"Two-Factor Auth","description":"Secure every login with 2FA on every plan. TLS/HTTPS encryption protects all connections between your CMS and player devices."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-user-shield","title":"Roles \u0026amp; Permissions","description":"Predefined admin, editor, and viewer roles on every plan. Pro adds SSO via SAML or CAS, custom role definitions, and feature-level access control."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-clipboard-list","title":"Audit Trail","description":"Full activity logging with configurable retention. Know who changed what, when — for compliance, accountability, and peace of mind."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-users","title":"Unlimited Users","description":"Invite your entire team at no extra cost. No per-seat charges, no access restrictions, no gatekeeping — on any plan."} /-->
 <!-- /wp:oribi/value-section -->
 
-<!-- wp:oribi/cta-banner {"heading":"Try the Platform Yourself","text":"Get hands-on access to a live demo instance and see every feature in action. No commitment, no credit card.","btnText":"Request Demo","btnUrl":"/demo"} /-->
+<!-- wp:oribi/cta-banner {"heading":"More Than Just Software","text":"Our in-house creative team produces professional photography, video, and graphic design for your screens. Our support team is available when you need us — not hidden behind a ticket queue. Get hands-on access to a live demo and see every feature in action.","btnText":"Request Demo","btnUrl":"/demo"} /-->
 ORIBI_SYNC_CONTENT;

From e90e644b62fb92f9e97c6afe7dd94c25aba429db Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 21:42:30 -0500
Subject: [PATCH 83/87] Update platform features and home pages to reflect new
 service offerings and improve clarity

---
 pages/design.php   | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 pages/features.php |  2 +-
 pages/home.php     |  2 +-
 3 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 pages/design.php

diff --git a/pages/design.php b/pages/design.php
new file mode 100644
index 0000000..9e61fc7
--- /dev/null
+++ b/pages/design.php
@@ -0,0 +1,46 @@
+<?php
+/*
+ * Title: Design
+ * Slug: design
+ * Post Type: page
+ */
+
+return <<<'ORIBI_SYNC_CONTENT'
+<!-- wp:oribi/page-hero-animated {"label":"Creative Services","title":"Content That Demands Attention","description":"Great signage starts with great content. Our in-house creative team produces photography, video, motion graphics, and branded layouts — so every screen in your network looks polished, professional, and impossible to ignore."} /-->
+
+<!-- wp:oribi/platform-section {"label":"What We Create","heading":"Professional Content for Every Screen","lead":"We handle the entire creative process — from concept to screen-ready assets — so you can focus on running your business."} -->
+<!-- wp:oribi/platform-row {"heading":"Photography That Sells","description":"Our photographers capture your products, venues, and team in the best possible light. Whether it's plated dishes for a digital menu board, hero shots for a retail promotion, or environmental photography for a hotel lobby — every image is composed, lit, and retouched specifically for screen display. No stock photos, no compromises.","btnText":"Get a Quote","btnUrl":"/contact","cameraAnim":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Video \u0026amp; Motion Graphics","description":"Short-form video content grabs attention like nothing else. We produce promotional videos, product loops, animated backgrounds, and kinetic typography — all optimised for digital signage playback. From scripting and shooting to editing and export, we deliver files ready to drop straight into your CMS.","btnText":"See Examples","btnUrl":"/contact","reversed":true} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Branded Layout Design","description":"Your screens should feel like a natural extension of your brand. We design custom layouts that match your visual identity — fonts, colours, logo placement, and spacing — across every display format. Whether you need a single hero layout or a full library of templates for your team to reuse, we build it to your spec.","btnUrl":"/features"} /-->
+
+<!-- wp:oribi/platform-row {"heading":"Digital Menu Boards","description":"Menu boards that update in seconds, not hours. We design structured menu layouts with clear categories, pricing, and imagery — then connect them to the platform so you can change a price, swap a photo, or add a seasonal item without touching the design. One update, every screen, instantly.","btnText":"View Platform","btnUrl":"/features","reversed":true} /-->
+<!-- /wp:oribi/platform-section -->
+
+<!-- wp:oribi/feature-section {"variant":"alt","label":"How We Work","heading":"From Brief to Screen in Days, Not Weeks","lead":"A straightforward process that gets professional content onto your displays quickly — with revisions built in and no surprises on cost.","columns":3} -->
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-comments","title":"1. Discovery \u0026amp; Brief","description":"We learn about your brand, your audience, and your goals. You tell us what you need — we'll recommend what works best on screen and scope the project."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-pencil","title":"2. Create \u0026amp; Review","description":"We produce your content — photography, video, layouts, or all three — and share drafts for your feedback. Revisions are included until you're completely happy."} /-->
+
+<!-- wp:oribi/feature-card {"iconType":"fontawesome","faIcon":"fas fa-rocket","title":"3. Publish \u0026amp; Go Live","description":"Approved content goes straight into your CMS, scheduled and ready to play. We handle the upload so you don't have to lift a finger."} /-->
+<!-- /wp:oribi/feature-section -->
+
+<!-- wp:oribi/value-section {"label":"Why In-House","heading":"The Advantage of a Single Partner","lead":"When your creative team and your signage platform are under the same roof, everything moves faster and fits better."} -->
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-display","title":"Designed for Screen","description":"Every asset is created specifically for digital display — correct resolutions, aspect ratios, colour profiles, and file formats. No guesswork, no re-exporting."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-layer-group","title":"Platform-Native Layouts","description":"We design directly within the CMS layout engine, so what you approve in the draft is exactly what plays on screen. No design-to-development handoff."} /-->
+
+<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-arrows-rotate","title":"Ongoing Content Refresh","description":"Screens that never change get ignored. We offer ongoing content packages — monthly or quarterly — to keep your displays fresh, seasonal, and relevant."} /-->
+<!-- /wp:oribi/value-section -->
+
+<!-- wp:oribi/stat-section {"variant":"alt","label":"Content Impact","heading":"Why Content Quality Matters","lead":"The difference between signage that works and signage that gets ignored almost always comes down to the content on screen."} -->
+<!-- wp:oribi/stat-card {"value":"400%","label":"More Views","description":"Digital displays capture 400% more eyeballs than static signage — but only when the content is worth looking at."} /-->
+
+<!-- wp:oribi/stat-card {"value":"80%","label":"Content Recall","description":"Eight out of ten people remember what they see on a digital display. Professional visuals make that memory count."} /-->
+
+<!-- wp:oribi/stat-card {"value":"30%","label":"Sales Uplift","description":"Retail locations with well-designed digital signage report up to 30% higher in-store sales."} /-->
+<!-- /wp:oribi/stat-section -->
+
+<!-- wp:oribi/cta-banner {"heading":"Let's Make Your Screens Look Outstanding","text":"Tell us about your brand, your locations, and what you want your screens to do. We'll put together a creative plan and a clear quote — no obligation.","btnText":"Start a Project","btnUrl":"/contact"} /-->
+ORIBI_SYNC_CONTENT;
diff --git a/pages/features.php b/pages/features.php
index 7cdff57..c714620 100644
--- a/pages/features.php
+++ b/pages/features.php
@@ -11,7 +11,7 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/platform-section {"label":"Create \u0026amp; Publish","heading":"From Idea to Screen in Minutes","lead":"A drag-and-drop layout designer, a built-in media library, and instant publishing — so your content goes live the moment it's ready."} -->
 <!-- wp:oribi/platform-row {"heading":"Design for Any Screen","description":"Build layouts visually with a drag-and-drop editor that works in any browser. Use ready-made stencils or start from scratch. Layer text, images, video, tickers, and data widgets across multiple zones — then preview exactly how it will look on screen before you publish. Save any layout as a reusable template for your team.","btnText":"Request Demo","btnUrl":"/demo"} /-->
 
-<!-- wp:oribi/platform-row {"heading":"Every Media Type, One Library","description":"Upload images, video (including H.265 and HLS streams), PDFs, PowerPoint files, and audio to a centralised media library. Tag, organise, and reuse assets across layouts and playlists. Set expiration dates on media so outdated content removes itself automatically. Need polished creative? Our in-house team handles photography, video production, and graphic design.","btnText":"Get Started","btnUrl":"/contact","reversed":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Every Media Type, One Library","description":"Upload images, video (including H.265 and HLS streams), PDFs, PowerPoint files, and audio to a centralised media library. Tag, organise, and reuse assets across layouts and playlists. Set expiration dates on media so outdated content removes itself automatically. Need polished creative? Our in-house team handles photography, video production, and graphic design.","btnText":"Creative Services","btnUrl":"/design","reversed":true} /-->
 
 <!-- wp:oribi/platform-row {"heading":"Publish Without the Wait","description":"Content goes live the moment you hit publish. A draft/publish workflow lets you edit layouts safely without affecting what's already on screen — then push updates across your entire network in one click. Schedule a layout to auto-publish at a specific date and time, or push it immediately. No queues, no approval chains, no delays.","btnUrl":"/pricing"} /-->
 <!-- /wp:oribi/platform-section -->
diff --git a/pages/home.php b/pages/home.php
index 324dc37..5e8ae8b 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -11,7 +11,7 @@ return <<<'ORIBI_SYNC_CONTENT'
 <!-- wp:oribi/use-cases /-->
 
 <!-- wp:oribi/platform-section {"label":"The Complete Package","heading":"Everything You Need for Engaging Digital Signage","lead":"High-quality visuals, real-time data, and reliable playback, all managed from one powerful platform."} -->
-<!-- wp:oribi/platform-row {"heading":"Professional Content Creation","description":"Our in-house photography and video production services showcase your products, services, and environment with polished, engaging visuals. From digital menu boards to branded promotions, we create content that captures attention.","btnText":"See Features","btnUrl":"/features","cameraAnim":true} /-->
+<!-- wp:oribi/platform-row {"heading":"Professional Content Creation","description":"Our in-house photography and video production services showcase your products, services, and environment with polished, engaging visuals. From digital menu boards to branded promotions, we create content that captures attention.","btnText":"Creative Services","btnUrl":"/design","cameraAnim":true} /-->
 
 <!-- wp:oribi/platform-row {"heading":"Live Data \u0026amp; Web Dashboards","description":"Integrate your existing web dashboards, social feeds, and real-time data sources directly to your displays. Bring your most important information to life on screen, automatically and effortlessly.","btnUrl":"/features","reversed":true,"isDashboard":true} /-->
 

From 82d6ecba1e7e231c53d1708eb53c4192da1d95ca Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 21:48:45 -0500
Subject: [PATCH 84/87] Update logo dimensions and change logo text to 'OTS
 Signs' for improved branding

---
 theme/assets/css/main.css | 7 ++++---
 theme/blocks/index.php    | 3 +--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index ed4614e..98ea835 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -295,8 +295,9 @@ p:last-child { margin-bottom: 0; }
   display: flex;
   align-items: center;
   flex-shrink: 0;
-  max-height: 60px;
+  max-height: 80px;
   overflow: hidden;
+  gap: .75rem;
 }
 .site-logo a { display: flex; align-items: center; }
 .custom-logo-link { display: flex; align-items: center; }
@@ -304,10 +305,10 @@ p:last-child { margin-bottom: 0; }
 .custom-logo-link img,
 .custom-logo,
 .header-inner img {
-  max-height: 60px !important;
+  max-height: 80px !important;
   width: auto !important;
   height: auto !important;
-  max-width: 220px !important;
+  max-width: 260px !important;
   display: block !important;
   object-fit: contain;
 }
diff --git a/theme/blocks/index.php b/theme/blocks/index.php
index 3ac0015..bc752c9 100644
--- a/theme/blocks/index.php
+++ b/theme/blocks/index.php
@@ -694,9 +694,8 @@ function oribi_render_site_header() {
         <div class="site-logo">
             <?php if ( $has_logo ) : ?>
                 <?php the_custom_logo(); ?>
-            <?php else : ?>
-                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-text"><strong>Oribi</strong> Tech</a>
             <?php endif; ?>
+            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-text"><strong>OTS</strong> Signs</a>
         </div>
         <button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-label="<?php esc_attr_e( 'Toggle navigation', 'ots-theme' ); ?>">
             <span></span><span></span><span></span>

From 59295b15db29026a22b0a861b0dc36cf71e73feb Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 21:51:30 -0500
Subject: [PATCH 85/87] Update gap size in layout and change logo text color
 for improved aesthetics

---
 theme/assets/css/main.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 98ea835..78d6530 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -297,7 +297,7 @@ p:last-child { margin-bottom: 0; }
   flex-shrink: 0;
   max-height: 80px;
   overflow: hidden;
-  gap: .75rem;
+  gap: 1.25rem;
 }
 .site-logo a { display: flex; align-items: center; }
 .custom-logo-link { display: flex; align-items: center; }
@@ -319,7 +319,7 @@ p:last-child { margin-bottom: 0; }
   letter-spacing: -.01em;
   transition: color var(--transition);
 }
-.logo-text strong { font-weight: 800; color: var(--color-accent); }
+.logo-text strong { font-weight: 800; color: var(--color-primary); }
 
 /* When header is over a light hero (set by JS) — unscrolled only */
 .site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }

From 5ea06c2332241cbe58d1fa59974299f4c11e9f8d Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 21:53:52 -0500
Subject: [PATCH 86/87] Update logo text styling for improved visibility in
 dark mode

---
 theme/assets/css/main.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 78d6530..d87a104 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -319,7 +319,7 @@ p:last-child { margin-bottom: 0; }
   letter-spacing: -.01em;
   transition: color var(--transition);
 }
-.logo-text strong { font-weight: 800; color: var(--color-primary); }
+.logo-text strong { font-weight: 800; color: var(--color-primary); margin-right: .25em; }
 
 /* When header is over a light hero (set by JS) — unscrolled only */
 .site-header.over-light-hero:not(.scrolled) .nav-menu a { color: var(--color-text); }
@@ -3716,7 +3716,7 @@ p:last-child { margin-bottom: 0; }
 [data-theme="dark"] .site-nav.open { background: #111111; }
 
 [data-theme="dark"] .logo-text { color: #F5F5F5; }
-[data-theme="dark"] .logo-text strong { color: var(--color-accent); }
+[data-theme="dark"] .logo-text strong { color: var(--color-primary); }
 
 [data-theme="dark"] .nav-menu a { color: rgba(255,255,255,.8); }
 [data-theme="dark"] .nav-menu a:hover,

From c91975db123f389b83d02388852838a03eca5d39 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 22:52:38 -0500
Subject: [PATCH 87/87] Add column and row management features to comparison
 table block

---
 theme/blocks/editor.js | 139 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 129 insertions(+), 10 deletions(-)

diff --git a/theme/blocks/editor.js b/theme/blocks/editor.js
index a28e9d4..f3154d9 100644
--- a/theme/blocks/editor.js
+++ b/theme/blocks/editor.js
@@ -1705,6 +1705,74 @@ reg('oribi/comparison-table', {
         var a = props.attributes, s = props.setAttributes;
         var cols = a.columns || [];
         var rows = a.rows || [];
+
+        /* ── Column helpers ─────────────────────────────────────── */
+        function updateCol(idx, val) {
+            var c = cols.slice(); c[idx] = val; s({ columns: c });
+        }
+        function addCol() {
+            var newRows = rows.map(function(r) {
+                if (r.group) return r;
+                return Object.assign({}, r, { values: (r.values || []).concat([false]) });
+            });
+            s({ columns: cols.concat(['Plan']), rows: newRows });
+        }
+        function removeCol(idx) {
+            var c = cols.slice(); c.splice(idx, 1);
+            var newRows = rows.map(function(r) {
+                if (r.group) return r;
+                var v = (r.values || []).slice(); v.splice(idx, 1);
+                return Object.assign({}, r, { values: v });
+            });
+            s({ columns: c, rows: newRows });
+        }
+
+        /* ── Row helpers ────────────────────────────────────────── */
+        function updateRow(idx, key, val) {
+            var r = rows.slice();
+            r[idx] = Object.assign({}, r[idx]);
+            r[idx][key] = val;
+            s({ rows: r });
+        }
+        function updateCell(ri, ci, val) {
+            var r = rows.slice();
+            r[ri] = Object.assign({}, r[ri]);
+            var v = (r[ri].values || []).slice();
+            v[ci] = val;
+            r[ri].values = v;
+            s({ rows: r });
+        }
+        function toggleCell(ri, ci) {
+            var val = (rows[ri].values || [])[ci];
+            updateCell(ri, ci, val === true ? false : val === false ? true : true);
+        }
+        function switchCellToText(ri, ci) { updateCell(ri, ci, ''); }
+        function addFeatureRow() {
+            var vals = cols.map(function() { return false; });
+            s({ rows: rows.concat([{ feature: 'New feature', values: vals }]) });
+        }
+        function addGroupRow() {
+            s({ rows: rows.concat([{ group: 'New Group' }]) });
+        }
+        function removeRow(idx) {
+            var r = rows.slice(); r.splice(idx, 1); s({ rows: r });
+        }
+        function moveRow(idx, dir) {
+            var t = idx + dir;
+            if (t < 0 || t >= rows.length) return;
+            var r = rows.slice();
+            var tmp = r[idx]; r[idx] = r[t]; r[t] = tmp;
+            s({ rows: r });
+        }
+
+        /* ── Inline styles for editor controls ──────────────────── */
+        var inputStyle = { width: '100%', padding: '4px 6px', border: '1px solid #ddd', borderRadius: '3px', fontSize: '13px', background: 'transparent', boxSizing: 'border-box' };
+        var thInputStyle = Object.assign({}, inputStyle, { fontWeight: 600, textAlign: 'center' });
+        var smallBtnStyle = { background: 'none', border: 'none', cursor: 'pointer', padding: '2px 4px', fontSize: '11px', lineHeight: 1, opacity: 0.6, verticalAlign: 'middle' };
+        var rowCtrlStyle = { whiteSpace: 'nowrap', width: '1%', padding: '4px', verticalAlign: 'middle', border: 'none', background: 'transparent' };
+        var cellBtnStyle = { background: 'none', border: '1px solid #ddd', borderRadius: '3px', cursor: 'pointer', padding: '2px 6px', fontSize: '13px', lineHeight: '1.4', margin: '0 1px' };
+
+        /* ── Render ─────────────────────────────────────────────── */
         return el(Frag, null,
             el(IC, null,
                 el(PB, { title: 'Table Settings' },
@@ -1712,6 +1780,21 @@ reg('oribi/comparison-table', {
                         { label: 'Normal', value: 'normal' }, { label: 'Alternate', value: 'alt' }
                     ], onChange: function(v){s({variant:v});} }),
                     el(TC, { label: 'Label', value: a.label, onChange: function(v){s({label:v});} })
+                ),
+                el(PB, { title: 'Columns', initialOpen: false },
+                    cols.map(function(col, i) {
+                        return el('div', { key: i, style: { display: 'flex', gap: '4px', marginBottom: '8px', alignItems: 'center' } },
+                            el(TC, { label: '', value: col, onChange: function(v){ updateCol(i, v); }, style: { flex: 1 } }),
+                            el(Btn, { isDestructive: true, isSmall: true, onClick: function(){ removeCol(i); } }, '\u2715')
+                        );
+                    }),
+                    el(Btn, { isSecondary: true, isSmall: true, onClick: addCol }, '+ Add Column')
+                ),
+                el(PB, { title: 'Add Rows', initialOpen: false },
+                    el('div', { style: { display: 'flex', gap: '8px' } },
+                        el(Btn, { isSecondary: true, isSmall: true, onClick: addFeatureRow }, '+ Feature Row'),
+                        el(Btn, { isSecondary: true, isSmall: true, onClick: addGroupRow }, '+ Group Row')
+                    )
                 )
             ),
             el('section', { className: a.variant === 'alt' ? 'section section-alt' : 'section' },
@@ -1726,26 +1809,62 @@ reg('oribi/comparison-table', {
                             el('thead', null,
                                 el('tr', null,
                                     el('th', { className: 'comparison-feature-col' }, 'Feature'),
-                                    cols.map(function(col, i) { return el('th', { key: i }, col); })
+                                    cols.map(function(col, i) {
+                                        return el('th', { key: i },
+                                            el('input', { type: 'text', value: col, style: thInputStyle, onChange: function(e){ updateCol(i, e.target.value); } })
+                                        );
+                                    }),
+                                    el('th', { style: rowCtrlStyle })
                                 )
                             ),
                             el('tbody', null,
-                                rows.map(function(row, i) {
+                                rows.map(function(row, ri) {
                                     if (row.group) {
-                                        return el('tr', { key: i, className: 'comparison-group-row' },
-                                            el('td', { colSpan: cols.length + 1 }, row.group)
+                                        return el('tr', { key: ri, className: 'comparison-group-row' },
+                                            el('td', { colSpan: cols.length + 1 },
+                                                el('input', { type: 'text', value: row.group, style: Object.assign({}, inputStyle, { fontWeight: 700 }), onChange: function(e){ updateRow(ri, 'group', e.target.value); } })
+                                            ),
+                                            el('td', { style: rowCtrlStyle },
+                                                el('button', { style: smallBtnStyle, onClick: function(){ moveRow(ri, -1); }, title: 'Move up' }, '\u25B2'),
+                                                el('button', { style: smallBtnStyle, onClick: function(){ moveRow(ri, 1); }, title: 'Move down' }, '\u25BC'),
+                                                el('button', { style: Object.assign({}, smallBtnStyle, { color: '#b00' }), onClick: function(){ removeRow(ri); }, title: 'Remove row' }, '\u2715')
+                                            )
                                         );
                                     }
-                                    return el('tr', { key: i },
-                                        el('td', { className: 'comparison-feature-name' }, row.feature || ''),
-                                        (row.values || []).map(function(val, j) {
-                                            return el('td', { key: j, className: 'comparison-cell' },
-                                                val === true ? '\u2713' : val === false ? '\u2014' : String(val)
+                                    return el('tr', { key: ri },
+                                        el('td', { className: 'comparison-feature-name' },
+                                            el('input', { type: 'text', value: row.feature || '', style: inputStyle, placeholder: 'Feature name\u2026', onChange: function(e){ updateRow(ri, 'feature', e.target.value); } })
+                                        ),
+                                        (row.values || []).map(function(val, ci) {
+                                            if (typeof val === 'boolean') {
+                                                return el('td', { key: ci, className: 'comparison-cell', style: { textAlign: 'center' } },
+                                                    el('button', { style: Object.assign({}, cellBtnStyle, { color: val ? '#2e7d32' : '#c62828' }), onClick: function(){ toggleCell(ri, ci); }, title: 'Toggle \u2713/\u2717' },
+                                                        val ? '\u2713' : '\u2717'
+                                                    ),
+                                                    el('button', { style: Object.assign({}, smallBtnStyle, { fontSize: '10px' }), onClick: function(){ switchCellToText(ri, ci); }, title: 'Switch to text' }, 'Aa')
+                                                );
+                                            }
+                                            return el('td', { key: ci, className: 'comparison-cell' },
+                                                el('div', { style: { display: 'flex', alignItems: 'center', gap: '2px' } },
+                                                    el('input', { type: 'text', value: String(val), style: Object.assign({}, inputStyle, { flex: 1, minWidth: '60px' }), placeholder: 'Value\u2026', onChange: function(e){ updateCell(ri, ci, e.target.value); } }),
+                                                    el('button', { style: Object.assign({}, smallBtnStyle, { color: '#2e7d32' }), onClick: function(){ updateCell(ri, ci, true); }, title: 'Set as \u2713' }, '\u2713'),
+                                                    el('button', { style: Object.assign({}, smallBtnStyle, { color: '#c62828' }), onClick: function(){ updateCell(ri, ci, false); }, title: 'Set as \u2717' }, '\u2717')
+                                                )
                                             );
-                                        })
+                                        }),
+                                        el('td', { style: rowCtrlStyle },
+                                            el('button', { style: smallBtnStyle, onClick: function(){ moveRow(ri, -1); }, title: 'Move up' }, '\u25B2'),
+                                            el('button', { style: smallBtnStyle, onClick: function(){ moveRow(ri, 1); }, title: 'Move down' }, '\u25BC'),
+                                            el('button', { style: Object.assign({}, smallBtnStyle, { color: '#b00' }), onClick: function(){ removeRow(ri); }, title: 'Remove row' }, '\u2715')
+                                        )
                                     );
                                 })
                             )
+                        ),
+                        el('div', { style: { display: 'flex', gap: '8px', marginTop: '12px', justifyContent: 'center' } },
+                            el(Btn, { isSecondary: true, isSmall: true, onClick: addFeatureRow }, '+ Feature Row'),
+                            el(Btn, { isSecondary: true, isSmall: true, onClick: addGroupRow }, '+ Group Row'),
+                            el(Btn, { isSecondary: true, isSmall: true, onClick: addCol }, '+ Column')
                         )
                     )
                 )