<?php
/**
 * =====================================================
 * AI NEWS — ŠABLÓNA PRE NOVÝ ČLÁNOK
 * =====================================================
 * Postup:
 * 1. Skopírujte tento súbor do priečinka /ai-news/
 * 2. Premenujte ho podľa URL, ktorú chcete (napr. "moj-clanok.php")
 *    URL bude: 191tech.com/ai-news/moj-clanok
 * 3. Vyplňte $article pole nižšie
 * 4. Napíšte obsah článku do sekcie označenej "TU ZAČÍNA OBSAH"
 * =====================================================
 */

$article = [
    'title'    => 'Realitný broker zrýchlil odpovede na 15 minút a navýšil zmluvy o 28 %',
    'excerpt'  => 'Nemecká komerčná realitná agentúra vyriešila pomalú kvalifikáciu B2B dopytov nasadením Mesh AI CRM na infraštruktúre AWS. Implementácia skrátila reakčný čas z 24 hodín na 15 minút a znížila operatívne náklady o 40 %.',
    'date'     => '2026-08-12',              // Dnes. Alebo konkrétny dátum: '2026-06-01'
    'author'   => '191tech',
    'category' => 'Stavebníctvo a Reality',       // Napr: E-commerce, Webdesign, Marketing, AI školenia
    'image'    => 'https://images.pexels.com/photos/7562005/pexels-photo-7562005.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=627&w=1200',      // Cesta k obrázku článku (odporúčaný rozmer: 1200x630)
    'cta_text' => 'Mám záujem o konzultáciu', // Text hlavného CTA tlačidla
    'cta_link' => '/kontakt',                 // URL link CTA tlačidla
];

$page_title       = $article['title'] . ' | AI News 191tech';
$page_description = $article['excerpt'];
include dirname(__DIR__, 2) . '/parts/ai-page-head.php';
?>

<!-- ===== HERO ČLÁNKU ===== -->
<section class="ai-hero" style="min-height:auto; padding:140px 0 60px;">
  <div class="ai-container" style="max-width:860px;">
    <div style="display:flex; gap:12px; align-items:center; margin-bottom:24px; font-size:14px;">
      <a href="/ai-news" style="color:var(--ai-cyan); text-decoration:none;">← Späť na AI News</a>
      <span style="color:var(--ai-border);">|</span>
      <span style="color:var(--ai-purple); font-weight:600; text-transform:uppercase; letter-spacing:1px;"><?= htmlspecialchars($article['category']) ?></span>
      <span style="color:var(--ai-border);">|</span>
      <span style="color:var(--ai-text-muted);"><?= date('d.m.Y', strtotime($article['date'])) ?></span>
    </div>
    <h1 style="font-size:42px; line-height:1.2; margin-bottom:28px;"><?= htmlspecialchars($article['title']) ?></h1>
    <p style="font-size:20px; color:var(--ai-text-muted); line-height:1.6; margin-bottom:40px;"><?= htmlspecialchars($article['excerpt']) ?></p>

    <?php if(!empty($article['image'])): ?>
    <div style="border-radius:16px; overflow:hidden; border:1px solid var(--ai-border); margin-bottom:0;">
      <img src="<?= htmlspecialchars($article['image']) ?>" alt="<?= htmlspecialchars($article['title']) ?>"
           style="width:100%; height:auto; display:block; max-height:420px; object-fit:cover;">
    </div>
    <?php endif; ?>
  </div>
</section>

<!-- ===== OBSAH ČLÁNKU ===== -->
<section class="ai-section" style="padding-top:0;">
  <div class="ai-container" style="max-width:860px;">
    <div class="article-content">

      <!-- ════════════════════════════════════════════
           TU ZAČÍNA OBSAH ČLÁNKU
           Môžete použiť: <h2>, <h3>, <p>, <ul>, <ol>,
           <li>, <strong>, <em>, <a href="">, <blockquote>
      ════════════════════════════════════════════ -->

<p>Zdĺhavé manuálne spracovanie B2B dopytov po prenájme priemyselných parkov vyriešila stredne veľká nemecká realitná agentúra nasadením systému Mesh AI CRM spojeného s enterprise AI agentmi na AWS.</p><h2>Kontext a výzvy v sektore komerčných realít</h2><p>Stredne veľká komerčná realitná agentúra so 150 zamestnancami v Nemecku čelila masívnemu preťaženiu obchodného tímu pri spracovávaní dopytov po priemyselných nehnuteľnostiach. Pomalá kvalifikácia záujemcov a fragmentovaná e-mailová komunikácia viedli k strate vysokohodnotných B2B leadov v prospech agilnejšej konkurencie. Spracovanie jedného dopytu trvalo maklérom v priemere 24 hodín, čo pri vysoko konkurenčnom trhu priemyselných parkov znamenalo výrazný odliv potenciálnych klientov. Spoločnosť preto potrebovala plne automatizovať úvodný kontakt, presnú segmentáciu požiadaviek aj následnú starostlivosť o nájomcov bez navyšovania počtu zamestnancov.</p><h2>Architektúra a fungovanie Mesh AI CRM na AWS</h2><p>Jadrom nového riešenia sa stala platforma Mesh AI CRM, integrovaná s autonómnymi enterprise AI agentmi spustenými v cloudovej infraštruktúre Amazon Web Services. Celý proces začína v momente, keď potenciálny B2B nájomca vyplní webový formulár alebo odosle e-mail so špecifikáciou požiadaviek na priemyselný park. Tieto dopyty spravidla obsahujú komplexné parametre, ako sú požadovaná výmera skladových plôch, výška svetlej výšky haly, nosnosť podlahy, logistická dostupnosť či energetické nároky spotrebičov.</p><p>AI agent využíva pokročilé spracovanie prirodzeného jazyka na okamžitú analýzu vstupného textu. V reálnom čase extrahuje kľúčové technické parametre a porovnáva ich s aktuálnou databázou voľných nehnuteľností v CRM. Systém zároveň automaticky overuje bonitu a relevantnosť B2B klienta prostredníctvom integrácie na verejné firemné registre a finančné databázy. Na základe historických dát o úspešne uzavretých transakciách priradí leadu skóre pravdepodobnosti konverzie.</p><p>Do 15 minút od prijatia dopytu AI agent vygeneruje a odošle personalizovanú ponuku. Tá obsahuje presne zodpovedajúce technické listy nehnuteľností, dostupné výmery, kalkuláciu predbežných nájomných sadzieb a dostupné termíny pre obhliadku. Ak dopyt vyžaduje špecifické stavebné úpravy, AI agent pridelí prípad konkrétnemu brokerovi podľa jeho geografickej špecializácie a záťaže. Súčasne pripraví pre makléra štruktúrovaný sumár komunikácie, odhadovanú ziskovosť obchodu a odporúčaný scenár vyjednávania. Následne CRM systém autonómne spravuje pripomienky, harmonogram obhliadok a iniciuje komunikáciu so stávajúcimi nájomcami pred uplynutím platnosti zmlúv.</p><div class="case-study-box"><h3>Príklad z praxe</h3><ul><li><strong>Firma:</strong> Komerčná realitná agentúra (150 zamestnancov, Nemecko)</li><li><strong>AI riešenie:</strong> Mesh AI CRM integrovaný s enterprise AI agentmi na AWS</li><li><strong>Problém:</strong> Zdĺhavé manuálne spracovanie B2B dopytov po prenájme priemyselných parkov, pomalá kvalifikácia leadov a neefektívna správa vzťahov s nájomcami.</li><li><strong>Výsledok:</strong> Skrátenie reakčného času na B2B dopyty z 24 hodín na 15 minút, zníženie operatívnych nákladov na správu leadov o 40 % a nárast uzavretých nájomných zmlúv o 28 % v roku 2024.</li></ul></div><h2>Merateľné výsledky a dopad na hospodárenie</h2><p>Nasadenie inteligentného CRM systému spojeného s cloudovými AI agentmi prinieslo okamžité zlepšenie kľúčových ukazovateľov výkonnosti (KPI) v priebehu roka 2024.</p><ul><li><strong>Radikálne zrýchlenie reakcie:</strong> Priemerný čas prvého kontaktu s B2B záujemcom klesol zo pôvodných 24 hodín na 15 minút.</li><li><strong>Pokles prevádzkových nákladov:</strong> Náklady spojené s ručným spracovaním, triedením a kvalifikáciou leadov sa znížili o 40 %.</li><li><strong>Nárast uzavretých zmlúv:</strong> Celkový objem podpísaných nájomných zmlúv vzrástol v roku 2024 o 28 %.</li><li><strong>Úspora času maklérov:</strong> Obchodní zástupcovia ušetrili v priemere 12 hodín týždenne, ktoré predtým venovali administratíve, čím získali priestor na osobné rokovania.</li></ul><h2>Ponaučenie pre B2B sektor a komerčné reality</h2><p>Automatizácia vysoko špecifických obchodných procesov v B2B prostredí ukazuje, že úspech nezávisí od veľkosti obchodného tímu, ale od rýchlosti a presnosti spracovania dát. Prepojenie cloudovej infraštruktúry AWS s AI agentmi umožňuje realitným kanceláriám okamžite reagovať na dopyty, ktoré by inak skončili u konkurencie. Pre firmy spravujúce komerčné nehnuteľnosti predstavuje integrácia autonómnych CRM nástrojov priamu cestu k zníženiu režijných nákladov a maximálnemu vyťaženiu portfólia projektov. Investícia do automatizovanej kvalifikácie dopytov sa vracia v podobe vyššej retencie klientov a rýchlejšieho uzatvárania nájomných vzťahov.</p>

<!-- ════════════════════════════════════════════
           KONIEC OBSAHU ČLÁNKU
      ════════════════════════════════════════════ -->

    </div>

    <!-- CTA Banner vo vnútri článku -->
    <div class="ai-highlight-box" style="margin-top:56px; text-align:center;">
      <div class="ai-label" style="margin:0 auto 16px; display:table;">Zaujíma vás toto téma?</div>
      <h3 style="font-size:26px;">Hovoríme o tom <span class="ai-gradient-text">osobne</span></h3>
      <p style="margin-bottom:24px;">Kontaktujte nás na bezplatnú konzultáciu — analyzujeme možnosti AI pre vašu firmu.</p>
      <a href="<?= htmlspecialchars($article['cta_link']) ?>" class="ai-btn ai-btn-primary ai-btn-lg"><?= htmlspecialchars($article['cta_text']) ?></a>
    </div>
  </div>
</section>

<!-- ===== NEWSLETTER ===== -->
<section class="ai-section" style="background:var(--ai-bg2);">
  <div class="ai-container" style="max-width:700px; text-align:center;">
    <div class="ai-label ai-label-purple" style="margin:0 auto 16px; display:table;">AI News Newsletter</div>
    <h2>Podobné tipy priamo do <span class="ai-gradient-text-2">e-mailu</span></h2>
    <p style="margin-bottom:30px;">Prihláste sa na odber — každý týždeň pošleme najdôležitejšie AI novinky pre vaše podnikanie.</p>
    <form id="nlForm" style="display:flex; gap:12px; flex-wrap:wrap; justify-content:center;">
      <input type="text" name="website" style="display:none;" tabindex="-1" autocomplete="off">
      
      <select name="category" required style="padding:14px 20px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-card); color:var(--ai-text); font-family:'Inter',sans-serif; outline:none; min-width:180px;">
        <option value="">Zvoľte odvetvie</option>
        <option value="Všetky odvetvia">Všetky odvetvia</option>
        <option value="Marketing a Predaj">Marketing a Predaj</option>
        <option value="E-commerce a Maloobchod">E-commerce a Maloobchod</option>
        <option value="Priemysel a Výroba">Priemysel a Výroba</option>
        <option value="Logistika a Doprava">Logistika a Doprava</option>
        <option value="Financie a Účtovníctvo">Financie a Účtovníctvo</option>
        <option value="HR a Administratíva">HR a Administratíva</option>
        <option value="Služby a Iné">Služby a Iné</option>
      </select>

      <input type="email" name="email" required placeholder="Váš pracovný e-mail"
        style="flex-grow:1; min-width:240px; padding:14px 20px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-card); color:var(--ai-text); font-family:'Inter',sans-serif; outline:none;">
      <button type="submit" class="ai-btn ai-btn-primary" style="border:none; cursor:pointer;">Odoberať novinky</button>
    </form>
    <div id="nlMsg" style="margin-top:16px; font-weight:600; display:none;"></div>
  </div>
</section>

<script>
document.getElementById('nlForm').addEventListener('submit', function(e) {
  e.preventDefault();
  const fd = new FormData(this), msg = document.getElementById('nlMsg');
  fetch('/subscribe.php', { method:'POST', body:fd })
    .then(r => r.json())
    .then(d => {
      msg.style.display = 'block';
      msg.style.color = d.status === 'success' ? 'var(--ai-green)' : '#ef4444';
      msg.textContent = d.message;
      if(d.status === 'success') {
          this.reset();
          localStorage.setItem('ai_newsletter_subscribed', '1');
      }
    }).catch(() => {
      msg.style.display = 'block';
      msg.style.color = '#ef4444';
      msg.textContent = 'Nastala chyba. Skúste to prosím neskôr.';
    });
});
</script>

<!-- ===== NEWSLETTER POPUP ===== -->
<div id="aiPopup" style="display:none; position:fixed; bottom:30px; right:30px; max-width:400px; background:var(--ai-card); border:1px solid var(--ai-border); border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,0.1); z-index:9999; padding:32px; font-family:'Inter',sans-serif;">
  <button id="aiPopupClose" style="position:absolute; top:16px; right:16px; background:none; border:none; font-size:24px; cursor:pointer; color:var(--ai-text-muted); line-height:1;">&times;</button>
  <div class="ai-label ai-label-purple" style="margin-bottom:12px; display:inline-block;">AI News Newsletter</div>
  <h3 style="margin-top:0; font-size:20px; color:var(--ai-text); margin-bottom:8px;">Získajte náskok s AI</h3>
  <p style="color:var(--ai-text-muted); font-size:15px; line-height:1.6; margin-bottom:20px;">Vyberte si vaše odvetvie a pošleme vám len tie najrelevantnejšie AI tipy a novinky.</p>
  
  <form id="nlPopupForm" style="display:flex; flex-direction:column; gap:12px;">
    <input type="text" name="website" style="display:none;" tabindex="-1" autocomplete="off">
    <select name="category" required style="padding:12px 16px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-bg); color:var(--ai-text); outline:none; font-size:15px;">
      <option value="">Zvoľte odvetvie</option>
      <option value="Všetky odvetvia">Všetky odvetvia</option>
      <option value="Marketing a Predaj">Marketing a Predaj</option>
      <option value="E-commerce a Maloobchod">E-commerce a Maloobchod</option>
      <option value="Priemysel a Výroba">Priemysel a Výroba</option>
      <option value="Logistika a Doprava">Logistika a Doprava</option>
      <option value="Financie a Účtovníctvo">Financie a Účtovníctvo</option>
      <option value="HR a Administratíva">HR a Administratíva</option>
      <option value="Služby a Iné">Služby a Iné</option>
    </select>
    <input type="email" name="email" required placeholder="Váš pracovný e-mail" style="padding:12px 16px; border-radius:8px; border:1px solid var(--ai-border); background:var(--ai-bg); color:var(--ai-text); outline:none; font-size:15px;">
    <button type="submit" class="ai-btn ai-btn-primary" style="width:100%; border:none; cursor:pointer; padding:12px;">Odoberať novinky</button>
  </form>
  <div id="nlPopupMsg" style="margin-top:12px; font-weight:600; font-size:14px; display:none;"></div>
</div>

<script>
// Logika popupu
document.addEventListener('DOMContentLoaded', function() {
    if (!localStorage.getItem('ai_newsletter_subscribed') && !sessionStorage.getItem('ai_popup_closed')) {
        setTimeout(() => {
            document.getElementById('aiPopup').style.display = 'block';
        }, 5000); // Zobrazí sa po 5 sekundách
    }

    document.getElementById('aiPopupClose').addEventListener('click', function() {
        document.getElementById('aiPopup').style.display = 'none';
        sessionStorage.setItem('ai_popup_closed', '1');
    });

    document.getElementById('nlPopupForm').addEventListener('submit', function(e) {
        e.preventDefault();
        const fd = new FormData(this), msg = document.getElementById('nlPopupMsg');
        const btn = this.querySelector('button');
        btn.textContent = 'Odosielam...';
        btn.disabled = true;

        fetch('/subscribe.php', { method:'POST', body:fd })
          .then(r => r.json())
          .then(d => {
            msg.style.display = 'block';
            msg.style.color = d.status === 'success' ? 'var(--ai-green)' : '#ef4444';
            msg.textContent = d.message;
            if(d.status === 'success') {
                this.reset();
                localStorage.setItem('ai_newsletter_subscribed', '1');
                setTimeout(() => document.getElementById('aiPopup').style.display = 'none', 3000);
            } else {
                btn.textContent = 'Odoberať novinky';
                btn.disabled = false;
            }
          }).catch(() => {
            msg.style.display = 'block';
            msg.style.color = '#ef4444';
            msg.textContent = 'Nastala chyba. Skúste to prosím neskôr.';
            btn.textContent = 'Odoberať novinky';
            btn.disabled = false;
          });
    });
});
</script>

<style>
.article-content { font-size:17px; line-height:1.8; color:var(--ai-text-muted); }
.article-content h2 { font-size:28px; color:var(--ai-text); margin:48px 0 20px; padding-top:8px; border-top:1px solid var(--ai-border); }
.article-content h3 { font-size:22px; color:var(--ai-text); margin:32px 0 14px; }
.article-content p  { margin-bottom:24px; color:var(--ai-text-muted); }
.article-content a  { color:var(--ai-cyan); text-decoration:underline; }
.article-content ul, .article-content ol { margin-bottom:24px; padding-left:22px; }
.article-content li { margin-bottom:10px; }
.article-content blockquote {
  border-left:4px solid var(--ai-cyan);
  background:rgba(0,243,255,0.06);
  padding:22px 28px; font-size:20px;
  font-style:italic; margin:40px 0;
  border-radius:0 10px 10px 0; color:var(--ai-text);
}
.article-content strong { color:var(--ai-text); }

/* ── Case Study Box ─────────────────────────────── */
.case-study-box {
  background: var(--ai-bg3);
  border: 1px solid var(--ai-border);
  border-left: 4px solid var(--ai-cyan);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 40px 0;
}
.case-study-box h3 {
  font-size: 14px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--ai-cyan) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: none !important;
}
.case-study-box ul {
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none;
}
.case-study-box li {
  padding: 6px 0;
  border-bottom: 1px solid var(--ai-border);
  font-size: 15px;
  color: var(--ai-text-muted);
}
.case-study-box li:last-child { border-bottom: none; }
.case-study-box li strong { color: var(--ai-text); margin-right: 6px; }
</style>

<?php include dirname(__DIR__, 2) . '/parts/ai-page-foot.php'; ?>
