{"id":13,"date":"2025-07-14T18:55:25","date_gmt":"2025-07-14T18:55:25","guid":{"rendered":"https:\/\/dizpro.kz\/index.php\/front_page\/"},"modified":"2025-07-21T15:47:33","modified_gmt":"2025-07-21T15:47:33","slug":"front_page","status":"publish","type":"page","link":"https:\/\/dizpro.kz\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"<div style=\"text-align:center; font-family: 'Segoe UI', sans-serif; margin: 40px auto; max-width: 400px;\">\n  <div style=\"font-size: 2.5rem; font-weight: bold; color: #e63946; animation: pulse 1s infinite alternate ease-in-out;\">\n    \u0410\u041a\u0426\u0418\u042f!\n  <\/div>\n  <div style=\"font-size: 1.2rem; font-weight: 500; color: #555; margin-top: 8px;\">\n    \u0421\u043a\u0438\u0434\u043a\u0430 <span style=\"color:#e63946; font-weight:bold;\">15%<\/span> \u0434\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u0442\u0430\u0439\u043c\u0435\u0440\u0430\n  <\/div>\n  <div id=\"timer\" style=\"display: flex; justify-content: center; gap: 5px; margin-top: 15px;\"><\/div>\n<\/div>\n\n<style>\n.digit-wrapper {\n  width: 40px;\n  height: 50px;\n  background: #222;\n  border-radius: 6px;\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.digit {\n  position: absolute;\n  font-size: 2rem;\n  font-weight: bold;\n  color: #fff;\n  line-height: 50px;\n  width: 100%;\n  text-align: center;\n  transform: translateY(0);\n  transition: transform 0.3s ease;\n}\n.separator {\n  font-size: 2rem;\n  font-weight: bold;\n  color: #222;\n  padding: 0 4px;\n  line-height: 50px;\n}\n@keyframes pulse {\n  0% { transform: scale(1); }\n  100% { transform: scale(1.2); }\n}\n<\/style>\n\n<script>\n(function() {\n  const container = document.getElementById(\"timer\");\n  const parts = [\"h1\", \"h2\", \"m1\", \"m2\", \"s1\", \"s2\"];\n  const elements = [];\n\n  parts.forEach((id, i) => {\n    if (i % 2 === 0 && i !== 0) {\n      const sep = document.createElement(\"span\");\n      sep.className = \"separator\";\n      sep.innerText = \":\";\n      container.appendChild(sep);\n    }\n    const wrap = document.createElement(\"div\");\n    wrap.className = \"digit-wrapper\";\n    const digit = document.createElement(\"span\");\n    digit.className = \"digit\";\n    digit.textContent = \"0\";\n    wrap.appendChild(digit);\n    container.appendChild(wrap);\n    elements.push(wrap);\n  });\n\n  const getEndTime = () => {\n    const now = Date.now();\n    const fallback = now + 24 * 60 * 60 * 1000;\n    try {\n      const saved = localStorage.getItem(\"countdownEnd\");\n      if (saved && parseInt(saved) > now) return parseInt(saved);\n      localStorage.setItem(\"countdownEnd\", fallback);\n      return fallback;\n    } catch {\n      return fallback;\n    }\n  };\n\n  const end = getEndTime();\n  let prevDigits = [];\n\n  function update() {\n    const now = Date.now();\n    let diff = end - now;\n    if (diff < 0) diff = 0;\n\n    const totalSec = Math.floor(diff \/ 1000);\n    const h = Math.floor(totalSec \/ 3600);\n    const m = Math.floor((totalSec % 3600) \/ 60);\n    const s = totalSec % 60;\n\n    const digits = [\n      Math.floor(h \/ 10), h % 10,\n      Math.floor(m \/ 10), m % 10,\n      Math.floor(s \/ 10), s % 10\n    ];\n\n    digits.forEach((d, i) => {\n      if (d !== prevDigits[i]) {\n        const container = elements[i];\n        const old = container.querySelector(\".digit\");\n        const newDigit = document.createElement(\"span\");\n        newDigit.className = \"digit\";\n        newDigit.textContent = d;\n        newDigit.style.transform = \"translateY(-100%)\";\n        container.appendChild(newDigit);\n\n        requestAnimationFrame(() => {\n          newDigit.style.transform = \"translateY(0)\";\n          old.style.transform = \"translateY(100%)\";\n        });\n\n        newDigit.addEventListener(\"transitionend\", () => {\n          if (old && old.parentNode) old.remove();\n        });\n      }\n    });\n\n    prevDigits = digits;\n\n    if (diff <= 0) clearInterval(interval);\n  }\n\n  update();\n  const interval = setInterval(update, 1000);\n})();\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<a href=\"tel:+77479960684\" class=\"floating-call-button\" title=\"\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\">\n  <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/597\/597177.png\" alt=\"\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c\" \/>\n<\/a>\n\n<style>\n.floating-call-button {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 60px;\n  height: 60px;\n  z-index: 9999;\n  background: #28a745;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n  animation: pulse 1.6s infinite;\n}\n\n.floating-call-button img {\n  width: 30px;\n  height: 30px;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);\n  }\n  70% {\n    transform: scale(1.05);\n    box-shadow: 0 0 0 12px rgba(40, 167, 69, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);\n  }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>\u0410\u041a\u0426\u0418\u042f! \u0421\u043a\u0438\u0434\u043a\u0430 15% \u0434\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u0442\u0430\u0439\u043c\u0435\u0440\u0430<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":38,"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/dizpro.kz\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}