{"id":3337,"date":"2025-10-02T08:35:14","date_gmt":"2025-10-02T08:35:14","guid":{"rendered":"https:\/\/pchealth-bg.com\/?page_id=3337"},"modified":"2025-10-16T15:34:49","modified_gmt":"2025-10-16T15:34:49","slug":"introduzione","status":"publish","type":"page","link":"https:\/\/pchealth-bg.com\/it\/introduzione\/","title":{"rendered":"Introduzione"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3337\" class=\"elementor elementor-3337\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe4941 e-flex e-con-boxed e-con e-parent\" data-id=\"bfe4941\" data-element_type=\"container\" id=\"matrix-hero\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef5a7ce elementor-widget elementor-widget-html\" data-id=\"ef5a7ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"matrix-hero\">\r\n  <div id=\"pcHealth\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #matrix-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: #02142C;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #matrix-hero canvas {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  #pcHealth {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-family: 'Orbitron', monospace;\r\n    font-size: clamp(2rem, 8vw, 4rem);\r\n    letter-spacing: 0.3em;\r\n    color: #20b5c0;\r\n    font-weight: bold;\r\n    white-space: nowrap;\r\n    z-index: 2;\r\n    opacity: 0;\r\n  }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const container = document.getElementById(\"matrix-hero\");\r\n  const canvas = document.createElement(\"canvas\");\r\n  const ctx = canvas.getContext(\"2d\");\r\n  container.appendChild(canvas);\r\n\r\n  function resizeCanvas() {\r\n    canvas.width = container.offsetWidth;\r\n    canvas.height = container.offsetHeight;\r\n  }\r\n  resizeCanvas();\r\n  window.addEventListener(\"resize\", resizeCanvas);\r\n\r\n  \/\/ MATRIX BACKGROUND\r\n  const letters = \"\u30a2\u30a1\u30a4\u30a3\u30a6\u30f4\u30a8\u30a7\u30aa\u30ab\u30ac\u30ad\u30ae\u30af\u30b0\u30b1\u30b2\u30b3\u30b4\u30b5\u30b6\u30b7\u30b8\u30b9\u30ba\u30bb\u30bc\u30bd\u30be\u30bf\u30c0\u30c1\u30c3\u30c2\u30c5\u30c6\u30c7\u30c8\u30c9\u30ca\u30cb\u30cc\u30cd\u30ce\u30cf\u30d0\u30d1\u30d2\u30d3\u30d4\u30d5\u30d6\u30d7\u30d8\u30d9\u30da\u30db\u30dc\u30dd\u30de\u30df\u30e0\u30e1\u30e2\u30e4\u30e6\u30e8\u30e9\u30ea\u30eb\u30ec\u30ed\u30ef\u30f2\u30f3ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\r\n  let fontSize = 16;\r\n  let columns = Math.floor(canvas.width \/ fontSize);\r\n  let drops = Array(columns).fill(1);\r\n\r\n  function drawMatrix() {\r\n    ctx.fillStyle = \"rgba(2,20,44,0.1)\";\r\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n    ctx.fillStyle = \"#20b5c0\";\r\n    ctx.font = fontSize + \"px monospace\";\r\n\r\n    for (let i = 0; i < drops.length; i++) {\r\n      const char = letters[Math.floor(Math.random() * letters.length)];\r\n      ctx.fillText(char, i * fontSize, drops[i] * fontSize);\r\n      if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;\r\n      drops[i]++;\r\n    }\r\n  }\r\n\r\n  setInterval(drawMatrix, 50);\r\n\r\n  \/\/ GSAP Decoder Text\r\n  const textElement = document.getElementById(\"pcHealth\");\r\n  const originalText = \"CYBER HYDRA X\";\r\n  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_-+=[]{}|;:,.<>?';\r\n\r\n  \/\/ create span per letter\r\n  originalText.split('').forEach(char => {\r\n    const span = document.createElement('span');\r\n    span.innerHTML = char === ' ' ? '&nbsp;' : char;\r\n    textElement.appendChild(span);\r\n  });\r\n\r\n  const lettersSpan = Array.from(textElement.children);\r\n\r\n  function createDecoderAnimation() {\r\n    textElement.style.opacity = 1; \/\/ show text\r\n    const tl = gsap.timeline();\r\n\r\n    lettersSpan.forEach((letter, i) => {\r\n      const originalChar = letter.innerHTML;\r\n      if (originalChar === '&nbsp;') return;\r\n\r\n      tl.to({}, {\r\n        duration: 0.1,\r\n        onStart: () => {\r\n          let interval = setInterval(() => {\r\n            letter.textContent = chars[Math.floor(Math.random() * chars.length)];\r\n          }, 30);\r\n          setTimeout(() => {\r\n            clearInterval(interval);\r\n            letter.textContent = originalChar;\r\n          }, 1500);\r\n        }\r\n      }, i * 0.1);\r\n    });\r\n  }\r\n\r\n  \/\/ Start decoder animation after 3s\r\n  setTimeout(createDecoderAnimation, 4000);\r\n});\r\nsetTimeout(function() {\r\n    window.location.href = \"\/managed-cybersecurity\";\r\n  }, 7000);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/pages\/3337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/comments?post=3337"}],"version-history":[{"count":0,"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/pages\/3337\/revisions"}],"wp:attachment":[{"href":"https:\/\/pchealth-bg.com\/it\/wp-json\/wp\/v2\/media?parent=3337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}