Add feature animations and update styles for kiosks and about pages

- Introduced `featuresAnim` option in editor and index files to enable feature ticker animations.
- Updated rendering logic to include feature animations in the about section.
- Added new JavaScript files for handling animations on the about page and kiosks page.
- Adjusted CSS classes to accommodate new animations and ensure proper visual representation.
- Changed primary color in theme defaults for a more cohesive design.
This commit is contained in:
Matt Batchelder
2026-04-09 11:06:17 -04:00
parent 6f16a698f5
commit 942f02a1c1
11 changed files with 685 additions and 28 deletions

View File

@@ -16,7 +16,7 @@ return <<<'ORIBI_SYNC_CONTENT'
<!-- wp:oribi/value-card {"iconType":"fontawesome","faIcon":"fas fa-people-group","title":"A Team That Ships","description":"Our team spans cloud engineering, hardware, creative production, and customer success. We handle every layer of your signage deployment in-house."} /-->
<!-- /wp:oribi/value-section -->
<!-- wp:oribi/intro-section {"variant":"alt","heading":"Full-Featured Signage. No Enterprise Price Tag.","description":"Too many providers reserve real features for enterprise contracts. At OTS Signs, every customer gets the same platform: OTS Signs Command Center, intelligent scheduling, live data integration, and professional content services. We handle the complexity so you can focus on running your business.\u003cbr\u003e- Cloud Content Management\u003cbr\u003e- Intelligent Scheduling\u003cbr\u003e- Live Data Integration \u003cbr\u003e- Content that looks outstanding on screen","reversed":true} /-->
<!-- wp:oribi/intro-section {"variant":"alt","heading":"Full-Featured Signage. No Enterprise Price Tag.","description":"Too many providers reserve real features for enterprise contracts. At OTS Signs, every customer gets the same platform: OTS Signs Command Center, intelligent scheduling, live data integration, and professional content services. We handle the complexity so you can focus on running your business.\u003cbr\u003e- Cloud Content Management\u003cbr\u003e- Intelligent Scheduling\u003cbr\u003e- Live Data Integration \u003cbr\u003e- Content that looks outstanding on screen","reversed":true,"featuresAnim":true} /-->
<!-- wp:oribi/value-section {"heading":"Software, Hardware, and Creative — In One Team","lead":"Software alone isn't 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, motion graphics, and graphic design produced in-house. Your screens always look polished, on-brand, and impossible to ignore. Available as included hours on Pro, or quoted separately for Essentials customers."} /-->

View File

@@ -10,9 +10,9 @@
<!-- wp:oribi/page-hero-animated {"title":"Interactive Kiosks — Wayfinding, Self-Check-In, and Product Lookup","description":"Touchscreen kiosks for wayfinding, self-check-in, product lookup, and self-ordering - powered by the same platform you use for all your digital signage."} /-->
<!-- wp:oribi/platform-section {"heading":"Interactive Signage, No Custom Development","lead":"Our platform's interactive mode transforms any compatible touchscreen into a self-service kiosk - configured entirely from the Command Center."} -->
<!-- wp:oribi/platform-row {"heading":"Wayfinding \u0026 Directories","description":"Guide visitors through buildings, campuses, and venues with interactive maps and searchable directories. Visitors tap to find rooms, departments, or points of interest - with turn-by-turn guidance on screen. Ideal for hospitals, universities, corporate offices, and transport hubs.","btnText":"See Features","btnUrl":"/features"} /-->
<!-- wp:oribi/platform-row {"heading":"Self-Check-In \u0026 Registration","description":"Replace front-desk queues with touchscreen check-in flows. Visitors, patients, and guests register on arrival, receive queue numbers, and get directed to the right location - all without staff intervention. Frees your team to focus on the people who need personal attention.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true} /-->
<!-- wp:oribi/platform-row {"heading":"Product Lookup \u0026 Self-Ordering","description":"Let customers browse your catalogue, check availability, and place orders directly from in-store kiosks. Sync with your POS system to keep prices and stock levels accurate in real time. Perfect for retail, QSR, and hospitality environments.","btnText":"Get a Quote","btnUrl":"/contact"} /-->
<!-- wp:oribi/platform-row {"heading":"Wayfinding \u0026 Directories","description":"Guide visitors through buildings, campuses, and venues with interactive maps and searchable directories. Visitors tap to find rooms, departments, or points of interest - with turn-by-turn guidance on screen. Ideal for hospitals, universities, corporate offices, and transport hubs.","btnText":"See Features","btnUrl":"/features","wayfindAnim":true} /-->
<!-- wp:oribi/platform-row {"heading":"Self-Check-In \u0026 Registration","description":"Replace front-desk queues with touchscreen check-in flows. Visitors, patients, and guests register on arrival, receive queue numbers, and get directed to the right location - all without staff intervention. Frees your team to focus on the people who need personal attention.","btnText":"See Pricing","btnUrl":"/pricing","reversed":true,"selfCheckInAnim":true} /-->
<!-- wp:oribi/platform-row {"heading":"Product Lookup \u0026 Self-Ordering","description":"Let customers browse your catalogue, check availability, and place orders directly from in-store kiosks. Sync with your POS system to keep prices and stock levels accurate in real time. Perfect for retail, QSR, and hospitality environments.","btnText":"Get a Quote","btnUrl":"/contact","selfOrderAnim":true} /-->
<!-- /wp:oribi/platform-section -->
<!-- wp:oribi/feature-section {"variant":"alt","heading":"Kiosks for Every Environment","lead":"Interactive displays solve different problems in different industries. Here\u0027s how businesses use them.","columns":3} -->

View File

@@ -29,7 +29,7 @@ return <<<'ORIBI_SYNC_CONTENT'
<!-- wp:oribi/pricing-card {"name":"Growth","tagline":"Static + motion, fast turns","price":"$89","pricePer":"per screen / month","features":["Everything in Essentials","4 graphics OR 1 short video/month","Up to 8 schedule changes/month","Motion up to 30s","Priority 1\u20132 biz day turnaround","2 revision rounds on motion"],"btnText":"Get Started","btnUrl":"/contact","featured":true,"badge":"Most Popular"} /-->
<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Campaigns \u0026 planning","price":"$129","pricePer":"per screen / month","features":["Everything in Growth","Custom content filmed on site (1 hr/screen pooled)","6 graphics OR 2 short videos/month","Unlimited schedule changes","Monthly content planning call","Editable source files (AI/AE)","Fastest SLA: 1 biz day static"],"btnText":"Get Started","btnUrl":"/contact"} /-->
<!-- wp:oribi/pricing-card {"name":"Pro","tagline":"Campaigns \u0026 planning","price":"$109","pricePer":"per screen / month","features":["Everything in Growth","Custom content filmed on site (1 hr/screen pooled)","6 graphics OR 2 short videos/month","Unlimited schedule changes","Monthly content planning call","Editable source files (AI/AE)","Fastest SLA: 1 biz day static"],"btnText":"Get Started","btnUrl":"/contact"} /-->
<!-- /wp:oribi/pricing-section -->
<!-- wp:oribi/comparison-table {"heading":"See Exactly What\u2019s Included","lead":"A full breakdown of what you get on each plan \u2014 no surprises.","columns":["Monitor","Manage","Essentials","Growth","Pro"],"rows":[{"group":"Platform"},{"feature":"Full Command Center access","values":[true,true,true,true,true]},{"feature":"Brand kit on file","values":[true,true,true,true,true]},{"feature":"Screen health monitoring","values":[true,true,true,true,true]},{"group":"Scheduling \u0026 Management"},{"feature":"OTS manages scheduling","values":[false,true,true,true,true]},{"feature":"Schedule changes","values":["Unlimited","Up to 2\/week","Up to 4\/month","Up to 8\/month","Unlimited"]},{"group":"Creative Services"},{"feature":"New graphics/month","values":[false,false,"2 static","4 or 1 video","6 or 2 videos"]},{"feature":"Motion content","values":[false,false,false,"Up to 30s","Up to 30s"]},{"feature":"Graphics pool across screens","values":[false,false,true,true,true]},{"feature":"On-site filming","values":[false,false,false,false,"1 hr/screen (pooled)"]},{"feature":"Monthly content planning call","values":[false,false,false,false,true]},{"feature":"Editable source files (AI/AE)","values":[false,false,false,false,true]},{"group":"Revisions \u0026 Turnaround"},{"feature":"Revision rounds","values":[false,false,"1 round","2 rounds (motion)","2 rounds"]},{"feature":"Turnaround time","values":[false,false,"2\u20133 biz days","1\u20132 biz days","1 biz day"]},{"group":"Support"},{"feature":"Email support response","values":["2\u20133 biz days","2\u20133 biz days","2\u20133 biz days","Priority","Fastest SLA"]}]} /-->