AI Studio Agency

(function () { var rtTexts = [ "Vyskúšajte AI Chat Agenta — odpovedá na otázky vašich klientov 24/7, aj vtedy keď vy spíte alebo ste na dovolenke.", "Zverte telefonáty AI Hlasovému Agentovi — dvíha hovory, aj vtedy keď máte poradu alebo ste u lekára.", "Automatizujte procesy s AI Workflow — pracuje na pozadí, aj vtedy keď vy riešite niečo úplne iné.", "Získajte AI obsah pre sociálne siete — príspevky vznikajú, aj vtedy keď vy nemáte čas ani nápad.", "Objednajte si AI aplikáciu na mieru — funguje pre váš biznis, aj vtedy keď vaši ľudia majú voľno.", "Zaveďte umelú inteligenciu do firmy — pracuje za vás, aj vtedy keď tím už dávno odišiel domov.", "Znížte náklady vďaka AI automatizácii — šetrí peniaze, aj vtedy keď vy riešite niečo iné.", "Priveďte viac klientov vďaka AI — oslovuje a odpovedá im, aj vtedy keď máte zatvorené dvere kancelárie.", "Zvýšte obrat vďaka inteligentným systémom — predávajú, aj vtedy keď vy máte dávno po pracovnej dobe.", "Zoptimalizujte firemné procesy s AI — bežia hladko, aj vtedy keď na ne práve nikto nedohliada." ]; var rtThinkingText = "AI práve premýšľa ..."; // text zobrazený počas "premýšľania" pred písaním var rtThinkTime = 2000; // ako dlho sa zobrazuje text "premýšľania" s blikajúcim kurzorom (ms) var rtTypeSpeed = 25; // rýchlosť písania – ms na jeden znak var rtHoldTime = 4000; // ako dlho zostane hotový text nehybne viditeľný (s blikajúcim kurzorom na konci) pred rolovaním (ms) var rtTransitionMs = 700; // rýchlosť "rolovania" medzi textami (ms) function initRotator(viewport) { var track = viewport.querySelector('.rt-track'); if (!track) return; // posledná položka je duplikát prvého textu – slúži len ako "mostík" pre plynulé rolovanie späť na začiatok var allTexts = rtTexts.concat([rtTexts[0]]); track.innerHTML = allTexts.map(function () { return ''; }).join(''); var items = track.querySelectorAll('.rt-item'); var index = 0; var itemHeight = 0; var timer = null; // meria výšku jednej položky; ak vlastné CSS v editore ešte nenabehlo, výsledok 0 sa ignoruje // a skúsi sa znova (viď nižšie requestAnimationFrame/setTimeout), aby banner nezostal so zbalenou výškou function measure() { var h = items[0].getBoundingClientRect().height; if (h > 0) itemHeight = h; viewport.style.height = itemHeight + 'px'; } function goTo(i, withTransition) { track.style.transition = withTransition ? 'transform ' + rtTransitionMs + 'ms cubic-bezier(0.65,0,0.35,1)' : 'none'; track.style.transform = 'translateY(-' + (i * itemHeight) + 'px)'; } function setCursor(item, active) { var cursor = item.querySelector('.rt-cursor'); if (cursor) cursor.classList.toggle('is-active', active); } function typeText(item, fullText, onDone) { var textEl = item.querySelector('.rt-item-text'); var i = 0; (function step() { textEl.textContent = fullText.slice(0, i); if (i >= fullText.length) { onDone(); return; } i++; timer = setTimeout(step, rtTypeSpeed); })(); } // pripraví položku PRED tým, ako sa dorolovuje do záberu: vyčistí jej text aj kurzor, // aby sa pri rolovaní na chvíľu nemihol starý, už raz napísaný text function prepareItem(i) { var item = items[i]; item.querySelector('.rt-item-text').textContent = ''; setCursor(item, false); return item; } // jeden cyklus správy: // 1) zobrazí sa "AI práve premýšľa ..." s blikajúcim kurzorom // 2) ten text zmizne a postupne sa napíše skutočná správa // 3) kurzor bliká aj na konci hotového textu (pauza pred rolovaním) // 4) rolovanie na ďalší function playItem() { var item = items[index]; var textEl = item.querySelector('.rt-item-text'); textEl.textContent = rtThinkingText; setCursor(item, true); timer = setTimeout(function () { textEl.textContent = ''; typeText(item, allTexts[index], function () { timer = setTimeout(advance, rtHoldTime); }); }, rtThinkTime); } function advance() { if (index === rtTexts.length) { // sme na "mostíkovej" kópii – položka 0 je vopred vyčistená, takže skok na začiatok je neviditeľný prepareItem(0); index = 0; measure(); goTo(index, false); playItem(); } else { var next = index + 1; prepareItem(next); index = next; measure(); goTo(index, true); timer = setTimeout(playItem, rtTransitionMs); } } prepareItem(0); measure(); goTo(0, false); // poistka pre prípad, že vlastné CSS v (editorovom) náhľade nabehne s miernym oneskorením requestAnimationFrame(function () { measure(); goTo(index, false); }); setTimeout(function () { measure(); goTo(index, false); }, 400); window.addEventListener('resize', function () { measure(); goTo(index, false); }); playItem(); } document.querySelectorAll('.rt-viewport').forEach(initRotator); })();