The Challenge

' + esc(tile.challenge) + '

' + '

With Vysto

' + esc(tile.withVysto) + '

'; panel.appendChild(left); var right = document.createElement('div'); right.className = 'vx-demo-col'; var tabsEl = buildDemoArea(tile); right.appendChild(tabsEl); if (tabsEl.classList.contains('vx-scene-wrap')) wrap._sceneWrap = tabsEl; else wrap._sceneWrap = tabsEl.querySelector('.vx-scene-wrap'); var plan = document.createElement('span'); plan.className = 'vx-plan-fit'; plan.textContent = cfg.planFitLabels[tile.planFit] || tile.planFit; right.appendChild(plan); var cta = document.createElement('a'); cta.className = 'vx-btn'; cta.href = tile.ctaTarget; cta.textContent = tile.ctaLabel; right.appendChild(cta); panel.appendChild(right); wrap.appendChild(panel); wrap.appendChild(close); wrap._startDemo = function(){ startDemoSequence(panel, wrap); }; return wrap; } function collapse(){ if (!openId) return; var tileBtn = grid.querySelector('.vx-tile[data-id="' + openId + '"]'); if (tileBtn) tileBtn.setAttribute('aria-expanded', 'false'); if (panelEl && panelEl.parentNode) panelEl.parentNode.removeChild(panelEl); panelEl = null; var focusTarget = tileBtn; openId = null; panelTile = null; if (location.hash) history.replaceState(null, '', location.pathname + location.search); if (focusTarget) focusTarget.focus(); } function expand(tileId, fromHash){ var tile = cfg.tiles.find(function(t){ return t.id === tileId; }); var tileBtn = grid.querySelector('.vx-tile[data-id="' + tileId + '"]'); if (!tile || !tileBtn || tileBtn.hidden) return; if (openId === tileId) { collapse(); return; } if (openId) collapse(); openId = tileId; panelTile = tileBtn; tileBtn.setAttribute('aria-expanded', 'true'); panelEl = buildPanel(tile); tileBtn.insertAdjacentElement('afterend', panelEl); if (!fromHash) history.replaceState(null, '', '#' + tileId); if (panelEl._startDemo) panelEl._startDemo(); var focusable = panelEl.querySelector('.vx-panel-close'); if (focusable) focusable.focus(); } grid.querySelectorAll('.vx-tile').forEach(function(btn){ btn.addEventListener('click', function(){ expand(btn.dataset.id, false); }); btn.addEventListener('keydown', function(e){ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); expand(btn.dataset.id, false); } }); }); root.addEventListener('keydown', function(e){ if (e.key === 'Escape' && openId) { e.preventDefault(); collapse(); } }); function openFromHash(){ var id = (location.hash || '').replace(/^#/, ''); if (id) expand(id, true); } window.addEventListener('hashchange', openFromHash); openFromHash(); } if (document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', boot); } boot(); })();

One Platform. Every Kind of Site.

Don't See Your Business Here?