\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u0648\u0642\u062a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-1: #0B0E14;\n --bg-2: #12162150;\n --ink: #F3F1EA;\n --ink-dim: #9A9FAE;\n --accent: #605CFA;\n --accent-dim: #3B3596;\n --line: #262B38;\n }\n\n *{box-sizing:border-box; margin:0; padding:0;}\n\n html,body{\n height:100%;\n background:var(--bg-1) !important;\n font-family:'Vazirmatn', sans-serif;\n color:var(--ink) !important;\n overflow-x:hidden;\n }\n\n \/* full-bleed: escapes the theme's narrow content column \/ sidebar layout\n so the hero always spans the full browser width regardless of where\n the Custom HTML block sits in the page.\n --top-overlap pulls the hero up by a few pixels in case your theme's\n wrapper still has a little top padding once the header\/nav is hidden\n by the script below. Start at 0 and only raise it if a sliver of gap\n remains above the hero. *\/\n .hero{\n --top-overlap: 0px;\n position:relative;\n min-height:100vh;\n width:100vw;\n max-width:100vw;\n margin-left:calc(50% - 50vw);\n margin-right:calc(50% - 50vw);\n margin-top:calc(-1 * var(--top-overlap));\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:6vh 6vw;\n isolation:isolate;\n background:var(--bg-1) !important;\n color:var(--ink) !important;\n z-index:1;\n }\n\n \/* ambient background: soft moving dot grid, suggests \"ideas taking shape\" *\/\n .hero::before{\n content:\"\";\n position:absolute;\n inset:0;\n background-image:\n radial-gradient(circle at 1px 1px, rgba(96,92,250,0.16) 1.4px, transparent 1.4px);\n background-size: 34px 34px;\n -webkit-mask-image: radial-gradient(circle at 50% 35%, black 5%, transparent 68%);\n mask-image: radial-gradient(circle at 50% 35%, black 5%, transparent 68%);\n z-index:-2;\n animation: drift 26s linear infinite;\n }\n\n .hero::after{\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(ellipse at 50% 20%, rgba(96,92,250,0.12), transparent 60%);\n z-index:-1;\n }\n\n @keyframes drift{\n from{ background-position: 0 0; }\n to{ background-position: 340px 170px; }\n }\n\n .eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-size:13px;\n letter-spacing:0.14em;\n color:var(--ink-dim);\n border:1px solid var(--line);\n padding:7px 16px;\n border-radius:100px;\n margin-bottom:34px;\n }\n .eyebrow span.dot{\n width:6px; height:6px; border-radius:50%;\n background:var(--accent);\n box-shadow:0 0 10px 2px rgba(96,92,250,0.6);\n }\n\n h1.headline{\n font-weight:900 !important;\n font-size: clamp(28px, 5.2vw, 62px) !important;\n line-height:1.32 !important;\n max-width: 18ch;\n letter-spacing:-0.01em;\n color:var(--ink) !important;\n }\n\n .word-swap{\n position:relative;\n display:inline-flex;\n justify-content:center;\n vertical-align:-0.08em;\n padding:0 0.15em;\n }\n\n .word-swap .ruler{\n position:fixed;\n top:-9999px;\n right:-9999px;\n visibility:hidden;\n white-space:nowrap;\n pointer-events:none;\n font-weight:900;\n font-size: clamp(28px, 5.2vw, 62px);\n font-family:'Vazirmatn', sans-serif;\n letter-spacing:-0.01em;\n }\n\n .word-swap .box{\n position:relative;\n display:inline-block;\n box-sizing:content-box;\n color:var(--bg-1);\n background:var(--accent);\n border-radius:14px;\n padding:0.06em 0.32em 0.1em;\n transition: width 0.5s cubic-bezier(.65,0,.35,1);\n overflow:hidden;\n white-space:nowrap;\n }\n\n .word-swap .box .fx{\n display:inline-block;\n }\n\n .word-swap .box .fx.enter{\n animation: swapIn 0.5s cubic-bezier(.2,.8,.2,1);\n }\n .word-swap .box .fx.leave{\n animation: swapOut 0.4s cubic-bezier(.4,0,1,1) forwards;\n }\n\n @keyframes swapIn{\n from{ opacity:0; transform: translateY(35%) scale(0.94); filter:blur(3px); }\n to{ opacity:1; transform: translateY(0) scale(1); filter:blur(0); }\n }\n @keyframes swapOut{\n from{ opacity:1; transform: translateY(0) scale(1); }\n to{ opacity:0; transform: translateY(-35%) scale(0.94); }\n }\n\n p.subhead{\n margin-top:26px;\n max-width:46ch;\n font-size: clamp(15px, 1.6vw, 18px) !important;\n color:var(--ink-dim) !important;\n line-height:1.9;\n font-weight:400 !important;\n }\n\n .cta{\n margin-top:46px;\n display:inline-flex;\n align-items:center;\n gap:10px;\n background:var(--accent);\n color:var(--bg-1);\n font-family:'Vazirmatn', sans-serif;\n font-weight:700;\n font-size:16px;\n border:none;\n padding:16px 34px;\n border-radius:100px;\n cursor:pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n box-shadow: 0 8px 30px -10px rgba(96,92,250,0.55);\n text-decoration:none;\n }\n .cta:hover{\n transform: translateY(-3px);\n box-shadow: 0 14px 36px -8px rgba(96,92,250,0.75);\n background:#7a76ff;\n }\n .cta:active{\n transform: translateY(-1px);\n }\n .cta svg{\n width:16px; height:16px;\n transition: transform 0.25s ease;\n }\n .cta:hover svg{\n transform: translateX(-4px);\n }\n\n .cta:focus-visible{\n outline:2px solid var(--ink);\n outline-offset:4px;\n }\n\n @media (prefers-reduced-motion: reduce){\n .hero::before{ animation:none; }\n .word-swap .box .fx.enter,\n .word-swap .box .fx.leave{ animation:none; }\n }\n\n @media (max-width:480px){\n .eyebrow{ font-size:11.5px; padding:6px 12px; }\n p.subhead{ padding:0 4px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0686\u06cc\u0632\u06cc \u062a\u0627\u0632\u0647<\/div>\n\n <h1 class=\"headline\">\n \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0628\u0647\n <span class=\"word-swap\"><span class=\"ruler\" aria-hidden=\"true\"><\/span><span class=\"box\"><span class=\"fx enter\" id=\"swapWord\">\u062a\u062c\u0631\u0628\u0647<\/span><\/span><\/span>\n \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\n <\/h1>\n\n <p class=\"subhead\">\n \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0648\u0642\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a. \u0628\u0647\u200c\u0632\u0648\u062f\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0645\u0644\u060c \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0645\u0646\u062a\u0634\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/p>\n\n <a href=\"#\" class=\"cta\">\n \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n <\/a>\n<\/section>\n\n<script>\n \/\/ Hide the theme's own header, nav menu, site title\/description and any\n \/\/ breadcrumb\/page-title bar so this page shows only the hero \u2014 no gap,\n \/\/ no menu. Only runs on this page (this script lives inside this page's\n \/\/ Custom HTML block), so the rest of the site is untouched.\n (function hideSiteChrome(){\n var selectors = [\n 'header', 'nav',\n '.site-header', '#masthead', '.main-header', '.navbar',\n '.site-branding', '.site-title', '.site-description',\n '.breadcrumb', '.breadcrumbs', 'nav.breadcrumb',\n '.page-header', '.entry-header', '.page-title', '.entry-title'\n ];\n selectors.forEach(function(sel){\n document.querySelectorAll(sel).forEach(function(el){\n \/\/ never touch anything inside our own hero, and never touch the\n \/\/ WordPress admin toolbar (only visible to logged-in admins anyway)\n if (el.closest('.hero') || el.id === 'wpadminbar') return;\n el.style.display = 'none';\n });\n });\n })();\n\n const words = [\"\u062a\u062c\u0631\u0628\u0647\", \"\u0631\u0627\u0647\u06a9\u0627\u0631\", \"\u0645\u062d\u0635\u0648\u0644\", \"\u067e\u0644\u062a\u0641\u0631\u0645\"];\n let i = 0;\n const box = document.querySelector('.word-swap .box');\n const ruler = document.querySelector('.word-swap .ruler');\n\n \/\/ measure width off a persistent, always-in-DOM ruler element that shares\n \/\/ the headline's exact font \u2014 avoids measuring an element that has\n \/\/ already been swapped out (that was the bug: word 3+ rendered wrong)\n function measure(text){\n ruler.textContent = text;\n return ruler.getBoundingClientRect().width;\n }\n\n function setWidth(text){\n box.style.width = (measure(text) + 6) + 'px';\n }\n\n function nextWord(){\n const current = box.querySelector('.fx');\n if (current){\n current.classList.remove('enter');\n current.classList.add('leave');\n }\n\n setTimeout(() => {\n i = (i + 1) % words.length;\n setWidth(words[i]);\n\n const newWord = document.createElement('span');\n newWord.className = 'fx enter';\n newWord.textContent = words[i];\n box.innerHTML = '';\n box.appendChild(newWord);\n }, 380);\n }\n\n function ready(){\n setWidth(words[0]);\n setInterval(nextWord, 2400);\n }\n\n if (document.fonts && document.fonts.ready) {\n document.fonts.load('900 62px Vazirmatn').then(() => document.fonts.ready).then(ready).catch(ready);\n } else {\n ready();\n }\n\n window.addEventListener('resize', () => setWidth(words[i]));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u0648\u0642\u062a \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0686\u06cc\u0632\u06cc \u062a\u0627\u0632\u0647 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0648\u0642\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a. \u0628\u0647\u200c\u0632\u0648\u062f\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0645\u0644\u060c \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0645\u0646\u062a\u0634\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoogig.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":6,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-08-08T19:17:14","date_gmt":"2026-08-08T15:47:14","guid":{"rendered":"https:\/\/hoogig.ir\/?page_id=6"},"modified":"2026-08-08T19:41:40","modified_gmt":"2026-08-08T16:11:40","slug":"home","status":"publish","type":"page","link":"https:\/\/hoogig.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\n\n\n\n\n\n\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u0648\u0642\u062a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg-1: #0B0E14;\n --bg-2: #12162150;\n --ink: #F3F1EA;\n --ink-dim: #9A9FAE;\n --accent: #605CFA;\n --accent-dim: #3B3596;\n --line: #262B38;\n }\n\n *{box-sizing:border-box; margin:0; padding:0;}\n\n html,body{\n height:100%;\n background:var(--bg-1) !important;\n font-family:'Vazirmatn', sans-serif;\n color:var(--ink) !important;\n overflow-x:hidden;\n }\n\n \/* full-bleed: escapes the theme's narrow content column \/ sidebar layout\n so the hero always spans the full browser width regardless of where\n the Custom HTML block sits in the page.\n --top-overlap pulls the hero up by a few pixels in case your theme's\n wrapper still has a little top padding once the header\/nav is hidden\n by the script below. Start at 0 and only raise it if a sliver of gap\n remains above the hero. *\/\n .hero{\n --top-overlap: 0px;\n position:relative;\n min-height:100vh;\n width:100vw;\n max-width:100vw;\n margin-left:calc(50% - 50vw);\n margin-right:calc(50% - 50vw);\n margin-top:calc(-1 * var(--top-overlap));\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n text-align:center;\n padding:6vh 6vw;\n isolation:isolate;\n background:var(--bg-1) !important;\n color:var(--ink) !important;\n z-index:1;\n }\n\n \/* ambient background: soft moving dot grid, suggests \"ideas taking shape\" *\/\n .hero::before{\n content:\"\";\n position:absolute;\n inset:0;\n background-image:\n radial-gradient(circle at 1px 1px, rgba(96,92,250,0.16) 1.4px, transparent 1.4px);\n background-size: 34px 34px;\n -webkit-mask-image: radial-gradient(circle at 50% 35%, black 5%, transparent 68%);\n mask-image: radial-gradient(circle at 50% 35%, black 5%, transparent 68%);\n z-index:-2;\n animation: drift 26s linear infinite;\n }\n\n .hero::after{\n content:\"\";\n position:absolute;\n inset:0;\n background: radial-gradient(ellipse at 50% 20%, rgba(96,92,250,0.12), transparent 60%);\n z-index:-1;\n }\n\n @keyframes drift{\n from{ background-position: 0 0; }\n to{ background-position: 340px 170px; }\n }\n\n .eyebrow{\n display:inline-flex;\n align-items:center;\n gap:10px;\n font-size:13px;\n letter-spacing:0.14em;\n color:var(--ink-dim);\n border:1px solid var(--line);\n padding:7px 16px;\n border-radius:100px;\n margin-bottom:34px;\n }\n .eyebrow span.dot{\n width:6px; height:6px; border-radius:50%;\n background:var(--accent);\n box-shadow:0 0 10px 2px rgba(96,92,250,0.6);\n }\n\n h1.headline{\n font-weight:900 !important;\n font-size: clamp(28px, 5.2vw, 62px) !important;\n line-height:1.32 !important;\n max-width: 18ch;\n letter-spacing:-0.01em;\n color:var(--ink) !important;\n }\n\n .word-swap{\n position:relative;\n display:inline-flex;\n justify-content:center;\n vertical-align:-0.08em;\n padding:0 0.15em;\n }\n\n .word-swap .ruler{\n position:fixed;\n top:-9999px;\n right:-9999px;\n visibility:hidden;\n white-space:nowrap;\n pointer-events:none;\n font-weight:900;\n font-size: clamp(28px, 5.2vw, 62px);\n font-family:'Vazirmatn', sans-serif;\n letter-spacing:-0.01em;\n }\n\n .word-swap .box{\n position:relative;\n display:inline-block;\n box-sizing:content-box;\n color:var(--bg-1);\n background:var(--accent);\n border-radius:14px;\n padding:0.06em 0.32em 0.1em;\n transition: width 0.5s cubic-bezier(.65,0,.35,1);\n overflow:hidden;\n white-space:nowrap;\n }\n\n .word-swap .box .fx{\n display:inline-block;\n }\n\n .word-swap .box .fx.enter{\n animation: swapIn 0.5s cubic-bezier(.2,.8,.2,1);\n }\n .word-swap .box .fx.leave{\n animation: swapOut 0.4s cubic-bezier(.4,0,1,1) forwards;\n }\n\n @keyframes swapIn{\n from{ opacity:0; transform: translateY(35%) scale(0.94); filter:blur(3px); }\n to{ opacity:1; transform: translateY(0) scale(1); filter:blur(0); }\n }\n @keyframes swapOut{\n from{ opacity:1; transform: translateY(0) scale(1); }\n to{ opacity:0; transform: translateY(-35%) scale(0.94); }\n }\n\n p.subhead{\n margin-top:26px;\n max-width:46ch;\n font-size: clamp(15px, 1.6vw, 18px) !important;\n color:var(--ink-dim) !important;\n line-height:1.9;\n font-weight:400 !important;\n }\n\n .cta{\n margin-top:46px;\n display:inline-flex;\n align-items:center;\n gap:10px;\n background:var(--accent);\n color:var(--bg-1);\n font-family:'Vazirmatn', sans-serif;\n font-weight:700;\n font-size:16px;\n border:none;\n padding:16px 34px;\n border-radius:100px;\n cursor:pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n box-shadow: 0 8px 30px -10px rgba(96,92,250,0.55);\n text-decoration:none;\n }\n .cta:hover{\n transform: translateY(-3px);\n box-shadow: 0 14px 36px -8px rgba(96,92,250,0.75);\n background:#7a76ff;\n }\n .cta:active{\n transform: translateY(-1px);\n }\n .cta svg{\n width:16px; height:16px;\n transition: transform 0.25s ease;\n }\n .cta:hover svg{\n transform: translateX(-4px);\n }\n\n .cta:focus-visible{\n outline:2px solid var(--ink);\n outline-offset:4px;\n }\n\n @media (prefers-reduced-motion: reduce){\n .hero::before{ animation:none; }\n .word-swap .box .fx.enter,\n .word-swap .box .fx.leave{ animation:none; }\n }\n\n @media (max-width:480px){\n .eyebrow{ font-size:11.5px; padding:6px 12px; }\n p.subhead{ padding:0 4px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <div class=\"eyebrow\"><span class=\"dot\"><\/span> \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0686\u06cc\u0632\u06cc \u062a\u0627\u0632\u0647<\/div>\n\n <h1 class=\"headline\">\n \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0628\u0647\n <span class=\"word-swap\"><span class=\"ruler\" aria-hidden=\"true\"><\/span><span class=\"box\"><span class=\"fx enter\" id=\"swapWord\">\u062a\u062c\u0631\u0628\u0647<\/span><\/span><\/span>\n \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\n <\/h1>\n\n <p class=\"subhead\">\n \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0648\u0642\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a. \u0628\u0647\u200c\u0632\u0648\u062f\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0645\u0644\u060c \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0645\u0646\u062a\u0634\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/p>\n\n <a href=\"#\" class=\"cta\">\n \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>\n <\/a>\n<\/section>\n\n<script>\n \/\/ Hide the theme's own header, nav menu, site title\/description and any\n \/\/ breadcrumb\/page-title bar so this page shows only the hero \u2014 no gap,\n \/\/ no menu. Only runs on this page (this script lives inside this page's\n \/\/ Custom HTML block), so the rest of the site is untouched.\n (function hideSiteChrome(){\n var selectors = [\n 'header', 'nav',\n '.site-header', '#masthead', '.main-header', '.navbar',\n '.site-branding', '.site-title', '.site-description',\n '.breadcrumb', '.breadcrumbs', 'nav.breadcrumb',\n '.page-header', '.entry-header', '.page-title', '.entry-title'\n ];\n selectors.forEach(function(sel){\n document.querySelectorAll(sel).forEach(function(el){\n \/\/ never touch anything inside our own hero, and never touch the\n \/\/ WordPress admin toolbar (only visible to logged-in admins anyway)\n if (el.closest('.hero') || el.id === 'wpadminbar') return;\n el.style.display = 'none';\n });\n });\n })();\n\n const words = [\"\u062a\u062c\u0631\u0628\u0647\", \"\u0631\u0627\u0647\u06a9\u0627\u0631\", \"\u0645\u062d\u0635\u0648\u0644\", \"\u067e\u0644\u062a\u0641\u0631\u0645\"];\n let i = 0;\n const box = document.querySelector('.word-swap .box');\n const ruler = document.querySelector('.word-swap .ruler');\n\n \/\/ measure width off a persistent, always-in-DOM ruler element that shares\n \/\/ the headline's exact font \u2014 avoids measuring an element that has\n \/\/ already been swapped out (that was the bug: word 3+ rendered wrong)\n function measure(text){\n ruler.textContent = text;\n return ruler.getBoundingClientRect().width;\n }\n\n function setWidth(text){\n box.style.width = (measure(text) + 6) + 'px';\n }\n\n function nextWord(){\n const current = box.querySelector('.fx');\n if (current){\n current.classList.remove('enter');\n current.classList.add('leave');\n }\n\n setTimeout(() => {\n i = (i + 1) % words.length;\n setWidth(words[i]);\n\n const newWord = document.createElement('span');\n newWord.className = 'fx enter';\n newWord.textContent = words[i];\n box.innerHTML = '';\n box.appendChild(newWord);\n }, 380);\n }\n\n function ready(){\n setWidth(words[0]);\n setInterval(nextWord, 2400);\n }\n\n if (document.fonts && document.fonts.ready) {\n document.fonts.load('900 62px Vazirmatn').then(() => document.fonts.ready).then(ready).catch(ready);\n } else {\n ready();\n }\n\n window.addEventListener('resize', () => setWidth(words[i]));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u0648\u0642\u062a \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u0686\u06cc\u0632\u06cc \u062a\u0627\u0632\u0647 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0628\u0647 \u062a\u062c\u0631\u0628\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0645\u0648\u0642\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a. \u0628\u0647\u200c\u0632\u0648\u062f\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0645\u0644\u060c \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u06cc\u0646\u062c\u0627 \u0645\u0646\u062a\u0634\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hoogig.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":6,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/hoogig.ir\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/hoogig.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}