OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Sync: add devices split card section and styles for improved presentation of player options

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-21 17:36:46 -05:00
parent 7bb9a0bdd3
commit 5be6eae083
2 changed files with 54 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
pages/devices.php
View File

@@ -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;

38
theme/assets/css/main.css
View File

@@ -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;