{"id":378,"date":"2025-09-19T13:16:58","date_gmt":"2025-09-19T13:16:58","guid":{"rendered":"https:\/\/demobartar.ir\/?page_id=378"},"modified":"2026-01-01T10:20:46","modified_gmt":"2026-01-01T10:20:46","slug":"%d9%be%db%8c%d8%b4-%d9%86%d9%85%d8%a7%db%8c%d8%b4","status":"publish","type":"page","link":"https:\/\/demobartar.ir\/","title":{"rendered":"\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634"},"content":{"rendered":"\n\n\n \n \n \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647 | \u0698\u0627\u06a9\u062a<\/title>\n\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@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root{\n --red:#d32f2f;\n --red2:#ff2b2b;\n --redDark:#8b0e12;\n\n --ink:#0b0b0f;\n --ink2:#101018;\n --paper:#ffffff;\n --soft:#f5f6fb;\n --muted:rgba(10,10,16,.62);\n --stroke:rgba(15,15,25,.12);\n\n --glass:rgba(255,255,255,.72);\n --glass2:rgba(255,255,255,.58);\n\n --radius:22px;\n --radius2:34px;\n\n --shadow: 0 24px 60px rgba(0,0,0,.16);\n --shadow2: 0 14px 36px rgba(0,0,0,.11);\n --shadow3: 0 10px 24px rgba(0,0,0,.08);\n\n --reveal-dur: 900ms;\n --reveal-ease: cubic-bezier(.16, 1, .3, 1);\n\n --header-offset: 90px;\n }\n\n *{ box-sizing:border-box; }\n html,body{ height:100%; }\n body{\n margin:0;\n font-family:\"Vazirmatn\",system-ui,-apple-system,Segoe UI,Roboto,Arial;\n color:var(--ink);\n background:\n radial-gradient(1200px 620px at 70% -10%, rgba(211,47,47,.14), transparent 60%),\n radial-gradient(900px 520px at 10% 10%, rgba(0,0,0,.05), transparent 60%),\n linear-gradient(180deg, #fff, #fff 35%, #f4f5fb 100%);\n overflow-x:hidden;\n }\n \n a{ color:inherit; text-decoration:none; }\n button{ font-family:inherit; }\n\n .container{\n width:min(1220px, calc(100% - 40px));\n margin:0 auto;\n }\n\n .bg-grid{\n position:fixed; inset:0;\n pointer-events:none;\n background-image:\n linear-gradient(to right, rgba(10,10,18,.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(10,10,18,.05) 1px, transparent 1px);\n background-size: 64px 64px;\n opacity:.55;\n mask-image: radial-gradient(700px 500px at 50% 10%, #000 55%, transparent 85%);\n z-index:-1;\n }\n\n \/* ================= Header ================= *\/\n .header{\n position:sticky; top:0; z-index:50;\n backdrop-filter: blur(14px);\n background: rgba(255,255,255,.72);\n border-bottom:1px solid rgba(15,15,25,.08);\n }\n .header .wrap{\n display:flex; align-items:center; justify-content:space-between;\n padding:14px 0;\n gap:16px;\n }\n\n .brand{\n display:flex; align-items:center; gap:12px;\n min-width: 240px;\n }\n .logo{\n width:44px; height:44px; border-radius:16px;\n background:\n radial-gradient(16px 16px at 30% 30%, rgba(255,255,255,.65), transparent 60%),\n linear-gradient(135deg, var(--red), var(--red2));\n box-shadow: 0 12px 26px rgba(211,47,47,.18);\n position:relative;\n overflow:hidden;\n flex: 0 0 auto;\n }\n .logo::after{\n content:\"\";\n position:absolute; inset:-40%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);\n transform: rotate(25deg);\n animation: shine 6.2s ease-in-out infinite;\n }\n @keyframes shine{\n 0%,55%{ transform: translateX(-40%) rotate(25deg); opacity:0; }\n 70%{ opacity:1; }\n 100%{ transform: translateX(40%) rotate(25deg); opacity:0; }\n }\n .brand b{ font-size:15.5px; letter-spacing:.2px; }\n\n .nav{\n display:flex; align-items:center; gap:10px;\n padding:10px 12px;\n border:1px solid rgba(15,15,25,.10);\n border-radius:999px;\n background: rgba(255,255,255,.55);\n }\n .nav a{\n font-size:13px;\n color:rgba(10,10,16,.82);\n padding:8px 10px;\n border-radius:999px;\n transition: .25s ease;\n white-space:nowrap;\n position:relative;\n }\n .nav a:hover{\n background: rgba(211,47,47,.10);\n color: var(--redDark);\n }\n .nav a.is-active{\n background: rgba(211,47,47,.12);\n color: var(--redDark);\n box-shadow: inset 0 0 0 1px rgba(211,47,47,.18);\n }\n\n .actions{ display:flex; align-items:center; gap:10px; }\n .btn{\n border:1px solid rgba(15,15,25,.12);\n background: rgba(255,255,255,.65);\n color: rgba(10,10,16,.9);\n padding:10px 14px;\n border-radius:14px;\n font-weight:900;\n font-size:13px;\n cursor:pointer;\n transition:.22s ease;\n white-space:nowrap;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:8px;\n }\n .btn:hover{ transform: translateY(-1px); box-shadow: var(--shadow3); }\n .btn-primary{\n border-color: transparent;\n background: linear-gradient(135deg, var(--red), var(--red2));\n color:#fff;\n box-shadow: 0 16px 35px rgba(211,47,47,.16);\n }\n .btn-primary:hover{ box-shadow: 0 22px 55px rgba(211,47,47,.18); }\n .btn-ghost{\n background: rgba(10,10,16,.06);\n border-color: rgba(10,10,16,.08);\n }\n .btn-dark{\n background: rgba(10,10,16,.92);\n border-color: rgba(10,10,16,.92);\n color:#fff;\n }\n\n \/* ================= HERO ================= *\/\n .hero{\n padding: 54px 0 24px;\n position:relative;\n }\n .hero::before{\n content:\"\";\n position:absolute;\n left:0; right:0;\n top: 62px;\n height: 10px;\n background: linear-gradient(90deg, transparent 0, rgba(10,10,16,.14) 18%, rgba(10,10,16,.14) 82%, transparent 100%);\n opacity:.35;\n pointer-events:none;\n }\n\n .hero-grid{\n min-height: 640px;\n display:grid;\n grid-template-columns: 1.05fr .95fr;\n align-items:center;\n gap: 28px;\n }\n\n .hero-badge{\n display:inline-flex; align-items:center; gap:10px;\n padding: 10px 14px;\n border-radius: 16px;\n background: rgba(211,47,47,.10);\n border: 1px solid rgba(211,47,47,.18);\n color: var(--redDark);\n font-weight: 900;\n width:max-content;\n position: relative;\n overflow:hidden;\n }\n .hero-badge .dot{\n width:10px; height:10px; border-radius:50%;\n background: linear-gradient(135deg, var(--red), var(--red2));\n box-shadow: 0 0 0 6px rgba(211,47,47,.12);\n }\n\n .hero-title{\n margin: 14px 0 10px;\n font-size: clamp(34px, 4.6vw, 64px);\n line-height: 1.05;\n letter-spacing:-.6px;\n font-weight: 900;\n }\n .hero-title .accent{ color: var(--red); }\n\n .hero-sub{\n margin: 0 0 16px;\n color: rgba(10,10,16,.68);\n font-size: 15px;\n line-height: 2;\n max-width: 62ch;\n }\n\n .hero-actions{\n display:flex; flex-wrap:wrap; gap:10px;\n margin-top: 6px;\n }\n\n .hero-media{\n position:relative;\n transform: translateX(-14px);\n }\n\n .mockup{\n width: min(760px, 100%);\n aspect-ratio: 16\/10;\n border-radius: 34px;\n position:relative;\n padding: 18px;\n background: rgba(255,255,255,.72);\n border: 1px solid rgba(15,15,25,.10);\n box-shadow: 0 26px 70px rgba(0,0,0,.14);\n backdrop-filter: blur(14px);\n overflow:hidden;\n }\n .mockup::before{\n content:\"\";\n position:absolute; inset:0;\n border-radius: 34px;\n pointer-events:none;\n background:\n radial-gradient(140px 120px at 22% 18%, rgba(255,255,255,.65), transparent 70%),\n linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.18));\n opacity:.55;\n }\n .mockup::after{\n content:\"\";\n position:absolute;\n inset: 14px;\n border-radius: 26px;\n pointer-events:none;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);\n opacity:.8;\n }\n .mockup-screen{\n position:relative;\n height: 100%;\n border-radius: 26px;\n overflow:hidden;\n background: #0b0b0f;\n box-shadow: 0 18px 55px rgba(0,0,0,.22);\n }\n .mockup-screen img{\n width:100%;\n height:100%;\n object-fit: cover;\n display:block;\n transform: perspective(1200px) rotateY(-7deg) rotateX(2deg) translateY(0);\n transform-origin: 60% 50%;\n transition: transform .9s cubic-bezier(.2,.9,.2,1), filter .9s ease;\n filter: saturate(1.02) contrast(1.02);\n }\n .hero-media:hover .mockup-screen img{\n transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) translateY(-6px);\n filter: saturate(1.08) contrast(1.05);\n }\n\n .hero-dots{\n display:flex; gap:8px;\n justify-content:center;\n margin-top: 12px;\n user-select:none;\n opacity:.6;\n }\n .hero-dot{\n width: 10px; height: 10px;\n border-radius: 999px;\n border: 1px solid rgba(15,15,25,.18);\n background: rgba(10,10,16,.10);\n }\n .hero-dot.active{\n width: 26px;\n background: linear-gradient(135deg, var(--red), var(--red2));\n border-color: rgba(211,47,47,.35);\n opacity:1;\n }\n\n .section{ \n padding: 40px 0; \n scroll-margin-top: var(--header-offset);\n }\n .section-head{\n text-align:center;\n margin-bottom: 18px;\n }\n .kicker{\n display:inline-flex; align-items:center; gap:10px;\n padding: 10px 14px;\n border-radius:999px;\n background: rgba(10,10,16,.05);\n border: 1px solid rgba(10,10,16,.08);\n color: rgba(10,10,16,.78);\n font-weight:900;\n font-size:13px;\n }\n .section-head h2{\n margin: 12px 0 6px;\n font-size: clamp(26px, 3.6vw, 44px);\n letter-spacing:-.4px;\n font-weight: 900;\n }\n .section-head h2 .accent{ color: var(--red); }\n .section-head p{\n margin: 0 auto;\n max-width: 70ch;\n color: rgba(10,10,16,.62);\n font-size: 14px;\n line-height: 1.95;\n }\n\n .features-wrap{\n border-radius: 36px;\n padding: 26px;\n }\n .features-grid{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-top: 16px;\n }\n .f-card{\n border-radius: 28px;\n background: rgba(255,255,255,.92);\n border: 1px solid rgba(15,15,25,.08);\n padding: 18px 18px;\n transition: .25s ease;\n position:relative;\n overflow:hidden;\n min-height: 126px;\n }\n .f-card::before{\n content:\"\";\n position:absolute; inset:-50% -30%;\n background: radial-gradient(420px 200px at 30% 10%, rgba(211,47,47,.12), transparent 60%);\n opacity:.9;\n pointer-events:none;\n transform: rotate(8deg);\n }\n .f-top{\n position:relative;\n display:flex; align-items:center; justify-content:space-between;\n gap:12px;\n margin-bottom: 10px;\n }\n .f-title{\n position:relative;\n font-weight: 900;\n font-size: 14px;\n color: rgba(10,10,16,.92);\n }\n .f-ic{\n width:46px; height:46px;\n border-radius: 18px;\n display:grid; place-items:center;\n background: rgba(211,47,47,.08);\n border: 1px solid rgba(211,47,47,.18);\n position:relative;\n }\n .f-ic svg{ width:22px; height:22px; stroke: var(--redDark); }\n .f-desc{\n position:relative;\n margin:0;\n color: rgba(10,10,16,.62);\n font-size: 13.5px;\n line-height: 1.85;\n }\n .f-card:hover{\n transform: translateY(-3px);\n box-shadow: 0 24px 55px rgba(211,47,47,.10);\n border-color: rgba(211,47,47,.25);\n }\n\n .shots-grid{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-top: 18px;\n }\n .shot-link{ display:block; }\n .shot-link:focus-visible{\n outline: 3px solid rgba(211,47,47,.35);\n outline-offset: 4px;\n border-radius: 28px;\n }\n .shot-card{\n border-radius: 28px;\n border: 1px solid rgba(15,15,25,.10);\n background: rgba(255,255,255,.72);\n box-shadow: var(--shadow3);\n overflow:hidden;\n transition:.25s ease;\n }\n .shot-card:hover{\n transform: translateY(-2px);\n box-shadow: 0 22px 55px rgba(0,0,0,.10);\n border-color: rgba(211,47,47,.20);\n }\n .shot-head{\n padding: 12px 14px;\n display:flex; align-items:center; justify-content:center;\n border-bottom: 1px solid rgba(15,15,25,.08);\n background: #e3e0e0ee;\n }\n .shot-head b{ font-size: 13.5px; }\n .shot-img{\n aspect-ratio: 16\/10;\n background:\n radial-gradient(260px 160px at 25% 20%, rgba(211,47,47,.12), transparent 60%),\n linear-gradient(135deg, rgba(10,10,16,.92), rgba(10,10,16,.74));\n position:relative;\n overflow:hidden;\n }\n .shot-img img{\n width:100%; height:100%;\n object-fit: cover;\n display:block;\n opacity:1;\n }\n\n .faq-wrap{\n display:grid;\n grid-template-columns: .9fr 1.1fr;\n gap: 16px;\n align-items:stretch;\n margin-top: 18px;\n }\n .faq-list{\n border-radius: 26px;\n border: 1px solid rgba(15,15,25,.10);\n background: rgba(255,255,255,.70);\n box-shadow: var(--shadow3);\n overflow:hidden;\n }\n .faq-item{\n width:100%;\n display:flex; align-items:center; justify-content:space-between;\n gap: 12px;\n padding: 16px 16px;\n background: transparent;\n border: 0;\n cursor:pointer;\n text-align:right;\n font-weight: 900;\n color: rgba(10,10,16,.88);\n border-bottom: 1px solid rgba(15,15,25,.06);\n transition: .2s ease;\n }\n .faq-item:last-child{ border-bottom:0; }\n .faq-item .plus{\n width:34px; height:34px;\n border-radius: 14px;\n display:grid; place-items:center;\n background: rgba(10,10,16,.06);\n border: 1px solid rgba(10,10,16,.08);\n font-weight: 900;\n transition:.2s ease;\n flex: 0 0 auto;\n }\n .faq-item.is-active{\n background: linear-gradient(135deg, rgba(211,47,47,.14), rgba(255,43,43,.08));\n color: var(--redDark);\n }\n .faq-item.is-active .plus{\n background: linear-gradient(135deg, var(--red), var(--red2));\n border-color: transparent;\n color:#fff;\n transform: rotate(45deg);\n }\n .faq-answer{\n border-radius: 26px;\n border: 1px solid rgba(15,15,25,.10);\n background: rgba(255,255,255,.78);\n box-shadow: var(--shadow3);\n padding: 18px 18px;\n min-height: 260px;\n }\n .faq-answer h3{\n margin: 0 0 8px;\n font-size: 16px;\n font-weight: 900;\n }\n .faq-answer p{\n margin: 0 0 10px;\n color: rgba(10,10,16,.70);\n font-size: 14px;\n line-height: 2;\n }\n .faq-answer ul{\n margin: 10px 18px 0 0;\n color: rgba(10,10,16,.70);\n line-height: 2;\n font-size: 13.8px;\n }\n\n .footer{ padding: 22px 0 44px; }\n .footer-cta{\n border-radius: var(--radius2);\n border: 1px solid rgba(15,15,25,.10);\n background:\n radial-gradient(820px 260px at 90% 0%, rgba(211,47,47,.20), transparent 60%),\n linear-gradient(180deg, rgba(10,10,16,.92), rgba(10,10,16,.82));\n color:#fff;\n box-shadow: var(--shadow);\n padding: 18px;\n display:grid;\n grid-template-columns: 1.15fr .85fr;\n gap: 14px;\n align-items:center;\n overflow:hidden;\n position:relative;\n }\n .footer-cta::after{\n content:\"\";\n position:absolute; inset:-40% -30%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);\n transform: rotate(12deg);\n opacity:.6;\n animation: sweep3 8.8s ease-in-out infinite;\n }\n @keyframes sweep3{\n 0%,60%{ transform: translateX(-45%) rotate(12deg); opacity:0; }\n 78%{ opacity:1; }\n 100%{ transform: translateX(45%) rotate(12deg); opacity:0; }\n }\n .footer-cta .txt{ position:relative; z-index:1; }\n .footer-cta h3{ margin:0 0 6px; font-size: 18px; }\n .footer-cta p{ margin:0; color: rgba(255,255,255,.72); font-size: 13.5px; line-height:1.9; }\n .footer-cta .act{\n position:relative; z-index:1;\n display:flex; justify-content:flex-end; align-items:center; gap:10px; flex-wrap:wrap;\n }\n .btn-white{\n background:#fff;\n color:#0b0b0f;\n border-color: transparent;\n font-weight:900;\n }\n .copyright{\n text-align:center;\n margin-top: 16px;\n color: rgba(10,10,16,.55);\n font-size: 13px;\n }\n\n .reveal{\n opacity: 0;\n transform: translateY(26px) scale(.985);\n filter: blur(10px);\n transition:\n opacity var(--reveal-dur) var(--reveal-ease),\n transform var(--reveal-dur) var(--reveal-ease),\n filter var(--reveal-dur) var(--reveal-ease);\n will-change: opacity, transform, filter;\n }\n .reveal.is-tilt{\n transform: translateY(28px) rotateX(10deg) skewX(-1.5deg) scale(.985);\n transform-origin: 50% 20%;\n }\n .reveal.in{\n opacity: 1;\n transform: translateY(0) rotateX(0) skewX(0) scale(1);\n filter: blur(0);\n }\n\n .reveal-stagger > *{\n opacity: 0;\n transform: translateY(22px) scale(.99);\n filter: blur(10px);\n transition:\n opacity 780ms var(--reveal-ease),\n transform 780ms var(--reveal-ease),\n filter 780ms var(--reveal-ease);\n will-change: opacity, transform, filter;\n }\n .reveal-stagger.in > *{\n opacity: 1;\n transform: translateY(0) scale(1);\n filter: blur(0);\n }\n\n .reveal-stagger.in > *:nth-child(1){ transition-delay: 60ms; }\n .reveal-stagger.in > *:nth-child(2){ transition-delay: 120ms; }\n .reveal-stagger.in > *:nth-child(3){ transition-delay: 180ms; }\n .reveal-stagger.in > *:nth-child(4){ transition-delay: 240ms; }\n .reveal-stagger.in > *:nth-child(5){ transition-delay: 300ms; }\n .reveal-stagger.in > *:nth-child(6){ transition-delay: 360ms; }\n .reveal-stagger.in > *:nth-child(7){ transition-delay: 420ms; }\n .reveal-stagger.in > *:nth-child(8){ transition-delay: 480ms; }\n .reveal-stagger.in > *:nth-child(9){ transition-delay: 540ms; }\n\n @media (max-width: 1100px){\n .nav{ display:none; }\n .hero-grid{ min-height: unset; }\n .hero-media{ transform:none; }\n .features-grid{ grid-template-columns: 1fr 1fr; }\n .shots-grid{ grid-template-columns: 1fr; }\n .faq-wrap{ grid-template-columns: 1fr; }\n .footer-cta{ grid-template-columns: 1fr; }\n .footer-cta .act{ justify-content:flex-start; }\n .hero::before{ display:none; }\n }\n @media (prefers-reduced-motion: reduce){\n *{ animation:none !important; transition:none !important; }\n html { scroll-behavior: auto !important; }\n .reveal, .reveal-stagger > *{\n opacity: 1 !important;\n transform: none !important;\n filter: none !important;\n }\n }\n\n\/* FIX: \u0627\u06af\u0631 JS \u0627\u062c\u0631\u0627 \u0646\u0634\u062f\u060c \u0635\u0641\u062d\u0647 \u062e\u0627\u0644\u06cc \u0646\u0634\u0647 *\/\n.reveal,\n.reveal-stagger > *{\n opacity: 1 !important;\n transform: none !important;\n filter: none !important;\n}\n\n <\/style>\n<\/head>\n\n<body>\n <div class=\"bg-grid\"><\/div>\n\n <!-- ================= HEADER ================= -->\n <header class=\"header\" id=\"siteHeader\">\n <div class=\"container\">\n <div class=\"wrap\">\n <div class=\"brand\">\n <div class=\"logo\" aria-hidden=\"true\"><\/div>\n <div><b>\u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0622\u0632\u0627\u062f\u0647<\/b><\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\n <a href=\"#hero\" class=\"nav-link\">\u0645\u0639\u0631\u0641\u06cc<\/a>\n <a href=\"#features\" class=\"nav-link\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627<\/a>\n <a href=\"#pages\" class=\"nav-link\">\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0635\u0641\u062d\u0627\u062a<\/a>\n <a href=\"#faq\" class=\"nav-link\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a href=\"#buy\" class=\"nav-link\">\u062e\u0631\u06cc\u062f<\/a>\n <\/nav>\n\n <div class=\"actions\">\n <a class=\"btn btn-ghost\" href=\"#faq\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a class=\"btn btn-primary\" href=\"#buy\">\u062e\u0631\u06cc\u062f \u0627\u0632 \u0698\u0627\u06a9\u062a<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- ================= HERO ================= -->\n <section class=\"hero\" id=\"hero\">\n <div class=\"container\">\n <div class=\"hero-grid\">\n\n <div class=\"hero-content reveal\">\n <div class=\"hero-badge\"><span class=\"dot\"><\/span>AZADE<\/div>\n\n <h1 class=\"hero-title\">\n \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc <span class=\"accent\">\u0622\u0632\u0627\u062f\u0647<\/span>\n <\/h1>\n\n <p class=\"hero-sub\">\n \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc: \u062a\u0645 \u0642\u0631\u0645\u0632\/\u0633\u0641\u06cc\u062f\/\u0645\u0634\u06a9\u06cc\u060c \u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u062c\u0631\u0628\u0647 \u062e\u0631\u06cc\u062f \u0631\u0648\u0627\u0646\u060c\n \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u0645\u06cc\u0632 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648 \u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-dark\" href=\"#buy\">\u062e\u0631\u06cc\u062f \u0627\u0632 \u0698\u0627\u06a9\u062a<\/a>\n <a class=\"btn btn-ghost\" href=\"#pages\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0635\u0641\u062d\u0627\u062a<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-media reveal is-tilt\">\n <div class=\"mockup\">\n <div class=\"mockup-screen\">\n <img decoding=\"async\"\n id=\"heroImg\"\n src=\"https:\/\/uploadkon.ir\/uploads\/55f928_25photo-2025-12-28-12-17-50.jpg\"\n alt=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647\"\n loading=\"eager\"\n referrerpolicy=\"no-referrer\"\n \/>\n <\/div>\n <\/div>\n\n <div class=\"hero-dots\" aria-hidden=\"true\">\n <span class=\"hero-dot active\"><\/span>\n <span class=\"hero-dot\"><\/span>\n <span class=\"hero-dot\"><\/span>\n <span class=\"hero-dot\"><\/span>\n <span class=\"hero-dot\"><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= FEATURES ================= -->\n <section class=\"section\" id=\"features\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"kicker\">\u0647\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u06a9\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0645\u06cc\u200c\u0641\u0631\u0648\u0634\u062f\u060c \u0647\u0645\u06cc\u0646\u200c\u062c\u0627 \u0627\u0633\u062a<\/span>\n <h2>\u0628\u0631\u062e\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc <span class=\"accent\">\u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/span> \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647<\/h2>\n <p>\u0647\u0645 \u0638\u0627\u0647\u0631 \u0634\u06cc\u06a9 \u0648 \u0645\u062f\u0631\u0646\u060c \u0647\u0645 \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u0645\u06cc\u0632 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648 \u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627\u062a\u0631.<\/p>\n <\/div>\n\n <div class=\"features-wrap\">\n <div class=\"features-grid reveal-stagger\">\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u0646\u0635\u0628 \u0622\u0633\u0627\u0646<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M12 3v10\"><\/path>\n <path d=\"M8 9l4 4 4-4\"><\/path>\n <path d=\"M4 17h16\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0633\u0631\u06cc\u0639 + \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0628\u0631\u0627\u06cc \u0698\u0627\u06a9\u062a \u0648 \u0645\u0634\u062a\u0631\u06cc.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M13 2L3 14h8l-1 8 10-12h-8l1-8z\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0627\u0633\u062a\u0627\u06cc\u0644 \u0633\u0628\u06a9 + \u062e\u0631\u0648\u062c\u06cc \u062a\u0645\u06cc\u0632 \u2192 \u0644\u0648\u062f \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0648 \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647\u062a\u0631.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u06a9\u0627\u0645\u0644\u0627\u064b \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M4 6h16v10H4z\"><\/path>\n <path d=\"M9 20h6\"><\/path>\n <path d=\"M12 16v4\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0646\u0645\u0627\u06cc\u0634 \u0639\u0627\u0644\u06cc \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\/\u062a\u0628\u0644\u062a \u0628\u062f\u0648\u0646 \u0628\u0647\u0645\u200c\u0631\u06cc\u062e\u062a\u06af\u06cc.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0648\u0648\u06a9\u0627\u0645\u0631\u0633<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M6 6h15l-1.5 9H7.2L6 6z\"><\/path>\n <path d=\"M6 6l-2-2\"><\/path>\n <circle cx=\"9\" cy=\"19\" r=\"1.5\"><\/circle>\n <circle cx=\"18\" cy=\"19\" r=\"1.5\"><\/circle>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0622\u0631\u0634\u06cc\u0648\u060c \u0645\u062d\u0635\u0648\u0644\u060c \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\u060c \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc \u2014 \u0622\u0645\u0627\u062f\u0647 \u0641\u0631\u0648\u0634.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062a\u0645\u06cc\u0632<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M8 9l-3 3 3 3\"><\/path>\n <path d=\"M16 9l3 3-3 3\"><\/path>\n <path d=\"M10 20l4-16\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0631\u062a\u0628 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 + \u0628\u0647\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0622\u067e\u062f\u06cc\u062a.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M12 2a7 7 0 0 0-7 7v3\"><\/path>\n <path d=\"M19 12V9a7 7 0 0 0-7-7\"><\/path>\n <path d=\"M5 12a2 2 0 0 0 0 4h2v-4H5z\"><\/path>\n <path d=\"M19 12h-2v4h2a2 2 0 0 0 0-4z\"><\/path>\n <path d=\"M12 19a3 3 0 0 0 3-3\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0633\u06cc\u0633\u062a\u0645 \u062a\u06cc\u06a9\u062a + \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u067e\u0646\u0644 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z\"><\/path>\n <path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-1.7 2.9-0.2-.1a2 2 0 0 0-2.1 0l-.2.1-2.7-1.5-.1-.2a2 2 0 0 0-1.8-1.1h-.2l-3.4 0a2 2 0 0 0-1.8 1.1l-.1.2-2.7 1.5-.2-.1a2 2 0 0 0-2.1 0l-.2.1L2.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9v-.2l-1.5-2.7v-.2l1.5-2.7v-.2a1.7 1.7 0 0 0-.3-1.9l-.1-.1L4.9 2.9l.2.1a2 2 0 0 0 2.1 0l.2-.1 2.7 1.5.1.2A2 2 0 0 0 12 5.7h.2l3.4 0a2 2 0 0 0 1.8-1.1l.1-.2 2.7-1.5.2.1a2 2 0 0 0 2.1 0l.2-.1L21.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9v.2l1.5 2.7v.2l-1.5 2.7z\" opacity=\".22\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u06a9\u0646\u062a\u0631\u0644 \u0631\u0646\u06af\u200c\u0647\u0627\/\u0641\u0648\u0646\u062a\/\u0686\u06cc\u062f\u0645\u0627\u0646.<\/p>\n <\/div>\n\n <div class=\"f-card\">\n <div class=\"f-top\">\n <div class=\"f-title\">\u0627\u0645\u0646\u06cc\u062a \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f<\/div>\n <div class=\"f-ic\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\">\n <path d=\"M12 2l8 4v6c0 5-3.5 9.5-8 10-4.5-.5-8-5-8-10V6l8-4z\"><\/path>\n <path d=\"M9 12l2 2 4-5\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <p class=\"f-desc\">\u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f + \u0622\u0645\u0627\u062f\u0647 \u0627\u0646\u062a\u0634\u0627\u0631 \u062f\u0631 \u0645\u0627\u0631\u06a9\u062a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= PAGES PREVIEW ================= -->\n <section class=\"section\" id=\"pages\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"kicker\">\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0635\u0641\u062d\u0627\u062a \u0645\u0647\u0645<\/span>\n <\/div>\n\n <div class=\"shots-grid reveal-stagger\">\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_124119_ijpr.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Home\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_124119_ijpr.png\">\n <\/div>\n <\/div>\n <\/a>\n\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_124014_oy6h.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u0622\u0631\u0634\u06cc\u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Shop\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_124014_oy6h.png\">\n <\/div>\n <\/div>\n <\/a>\n\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_123927_gg5n.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u0635\u0641\u062d\u0647 \u0645\u062d\u0635\u0648\u0644<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Product\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_123927_gg5n.png\">\n <\/div>\n <\/div>\n <\/a>\n\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140746_g8ek.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Account\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140746_g8ek.png\">\n <\/div>\n <\/div>\n <\/a>\n\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140506_dzik.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u0635\u0641\u062d\u0647 \u0645\u0642\u0627\u0644\u0627\u062a<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Blog\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140506_dzik.png\">\n <\/div>\n <\/div>\n <\/a>\n\n <a class=\"shot-link\" href=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140840_vux.png\" target=\"_blank\" rel=\"noopener\">\n <div class=\"shot-card\">\n <div class=\"shot-head\"><b>\u0648\u0631\u0648\u062f \/ \u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/b><\/div>\n <div class=\"shot-img\">\n <img decoding=\"async\" class=\"shotReal\" alt=\"Login\" loading=\"lazy\" referrerpolicy=\"no-referrer\"\n src=\"https:\/\/s6.uupload.ir\/files\/screenshot_2025-12-16_140840_vux.png\">\n <\/div>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= FAQ ================= -->\n <section class=\"section\" id=\"faq\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"kicker\">\u067e\u0627\u0633\u062e \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u0642\u0628\u0644 \u0627\u0632 \u062e\u0631\u06cc\u062f<\/span>\n <h2>\u0633\u0648\u0627\u0644\u0627\u062a <span class=\"accent\">\u0645\u062a\u062f\u0627\u0648\u0644<\/span><\/h2>\n <\/div>\n\n <div class=\"faq-wrap reveal is-tilt\">\n <div class=\"faq-list\" id=\"faqList\"><\/div>\n <div class=\"faq-answer\" id=\"faqAnswer\">\n <h3>\u2026<\/h3>\n <p>\u2026<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ================= BUY ================= -->\n <footer class=\"footer\" id=\"buy\">\n <div class=\"container\">\n <div class=\"footer-cta reveal\">\n <div class=\"txt\">\n <h3>\u0628\u0631\u0627\u06cc \u062e\u0631\u06cc\u062f \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647 \u0627\u0632 \u0698\u0627\u06a9\u062a \u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc\u061f<\/h3>\n <\/div>\n <div class=\"act\">\n <a class=\"btn btn-white\" href=\"https:\/\/www.zhaket.com\/\" target=\"_blank\" rel=\"noopener\">\u062e\u0631\u06cc\u062f \u0627\u0632 \u0698\u0627\u06a9\u062a<\/a>\n <a class=\"btn btn-ghost\" style=\"color:#fff;\" href=\"#hero\">\u0628\u0627\u0632\u06af\u0634\u062a \u0628\u0647 \u0628\u0627\u0644\u0627<\/a>\n <\/div>\n <\/div>\n\n <div class=\"copyright\">\n \u00a9 \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647 \u2014 \u0622\u0645\u0627\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u062f\u0631 \u0698\u0627\u06a9\u062a\n <\/div>\n <\/div>\n <\/footer>\n\n<script>\n(() => {\n const header = document.getElementById('siteHeader');\n const getH = () => header ? Math.round(header.getBoundingClientRect().height) : 90;\n\n const setOffsets = () => {\n const h = getH();\n document.documentElement.style.setProperty('--header-offset', h + 'px');\n document.querySelectorAll('section[id], footer[id]').forEach(el => {\n el.style.scrollMarginTop = (h + 12) + 'px';\n });\n };\n\n const smoothTo = (hash) => {\n if (!hash || hash === '#') return;\n const el = document.querySelector(hash);\n if (!el) return;\n\n \/\/ \u067e\u0627\u06cc\u062f\u0627\u0631\u062a\u0631\u06cc\u0646 \u062d\u0627\u0644\u062a\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n\n \/\/ \u0627\u0635\u0644\u0627\u062d \u0628\u0631\u0627\u06cc \u0647\u062f\u0631 sticky\n setTimeout(() => {\n window.scrollTo({ top: window.scrollY - getH() - 10, behavior: 'auto' });\n }, 50);\n };\n\n \/\/ init\n setOffsets();\n window.addEventListener('resize', setOffsets, { passive: true });\n\n document.addEventListener('click', (e) => {\n const a = e.target.closest('a');\n if (!a) return;\n if (a.target === '_blank') return;\n\n const raw = a.getAttribute('href') || '';\n let hash = '';\n try { hash = new URL(raw, location.href).hash; }\n catch { if (raw.startsWith('#')) hash = raw; }\n\n if (!hash) return;\n const target = document.querySelector(hash);\n if (!target) return;\n\n e.preventDefault();\n e.stopPropagation();\n\n history.replaceState(null, '', hash);\n smoothTo(hash);\n }, true); \/\/ capture\n\n \/\/ \u0627\u06af\u0631 \u0628\u0627 hash \u0628\u0627\u0632 \u0634\u062f\n if (location.hash) {\n setTimeout(() => smoothTo(location.hash), 80);\n }\n})();\n<\/script>\n\n<script>\n(() => {\n const faqs = [\n {\n q: \"\u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0686\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc\u06cc \u0645\u0646\u0627\u0633\u0628\u0647\u061f\",\n a: \"\u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0648\u0648\u06a9\u0627\u0645\u0631\u0633\u06cc \u06a9\u0647 \u0638\u0627\u0647\u0631 \u0645\u062f\u0631\u0646 \u0648 \u0633\u0631\u0639\u062a \u062e\u0648\u0628 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646. \u062a\u0645 \u0627\u0635\u0644\u06cc \u0642\u0631\u0645\u0632\/\u0633\u0641\u06cc\u062f\/\u0645\u0634\u06a9\u06cc\u0647 \u0648 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0647\u0645 \u062f\u0631\u0633\u062a \u0645\u06cc\u200c\u0634\u06cc\u0646\u0647.\",\n bullets: [\"\u0648\u0648\u06a9\u0627\u0645\u0631\u0633 \u06a9\u0627\u0645\u0644\", \"\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648\u0627\u0642\u0639\u06cc\", \"\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u0645\u06cc\u0632 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\"]\n },\n {\n q: \"\u0628\u0627 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0633\u0627\u0632\u06af\u0627\u0631\u0647\u061f\",\n a: \"\u0628\u0644\u0647. \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627 \u0648 \u0628\u062e\u0634\u200c\u0647\u0627 \u0642\u0627\u0628\u0644 \u0648\u06cc\u0631\u0627\u06cc\u0634\u0647 \u0648 \u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u0635\u0641\u062d\u0647\u200c\u0647\u0627 \u0631\u0648 \u0628\u0627 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc.\",\n bullets: [\"\u0633\u06a9\u0634\u0646\u200c\u0647\u0627 \u0642\u0627\u0628\u0644 \u0627\u062f\u06cc\u062a\", \"\u0641\u0648\u0646\u062a\/\u0631\u0646\u06af \u0642\u0627\u0628\u0644 \u062a\u063a\u06cc\u06cc\u0631\", \"\u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0648\u06cc\u062c\u062a\u200c\u0647\u0627\"]\n },\n {\n q: \"\u0633\u0631\u0639\u062a \u0642\u0627\u0644\u0628 \u0686\u0637\u0648\u0631\u0647\u061f\",\n a: \"\u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627 \u0633\u0628\u06a9 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0646. \u0628\u0627 \u06a9\u0634 \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u060c \u0644\u0648\u062f \u062e\u06cc\u0644\u06cc \u0628\u0647\u062a\u0631 \u0645\u06cc\u200c\u0634\u0647.\",\n bullets: [\"CSS \u062a\u0645\u06cc\u0632\", \"\u0628\u062f\u0648\u0646 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646\", \"\u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0633\u0626\u0648 \u0648 \u0646\u0631\u062e \u062a\u0628\u062f\u06cc\u0644\"]\n },\n {\n q: \"\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u0622\u067e\u062f\u06cc\u062a \u062f\u0627\u0631\u06cc\u062f\u061f\",\n a: \"\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u06cc\u06a9\u062a\u06cc \u0648 \u0622\u067e\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0646\u0638\u0645 (\u0637\u0628\u0642 \u0628\u0631\u0646\u0627\u0645\u0647 \u0627\u0646\u062a\u0634\u0627\u0631) \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u0634\u0647.\",\n bullets: [\"\u062a\u06cc\u06a9\u062a \u062f\u0631 \u0698\u0627\u06a9\u062a\", \"\u0622\u067e\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u06af\u0627\u0631\u06cc\", \"\u0631\u0641\u0639 \u0628\u0627\u06af\"]\n }\n ];\n\n const list = document.getElementById(\"faqList\");\n const answer = document.getElementById(\"faqAnswer\");\n if (!list || !answer) return;\n\n const renderAnswer = (item) => {\n answer.innerHTML = `\n <h3>${item.q}<\/h3>\n <p>${item.a}<\/p>\n ${item.bullets?.length ? `<ul>${item.bullets.map(x => `<li>${x}<\/li>`).join(\"\")}<\/ul>` : \"\"}\n `;\n };\n\n \/\/ build list\n list.innerHTML = faqs.map((f, i) => `\n <button class=\"faq-item\" type=\"button\" data-i=\"${i}\">\n <span>${f.q}<\/span>\n <span class=\"plus\">+<\/span>\n <\/button>\n `).join(\"\");\n\n \/\/ click handler\n list.addEventListener(\"click\", (e) => {\n const btn = e.target.closest(\".faq-item\");\n if (!btn) return;\n const i = Number(btn.dataset.i || 0);\n\n list.querySelectorAll(\".faq-item\").forEach(x => x.classList.remove(\"is-active\"));\n btn.classList.add(\"is-active\");\n renderAnswer(faqs[i]);\n });\n\n \/\/ init first\n const first = list.querySelector(\".faq-item\");\n if (first) {\n first.classList.add(\"is-active\");\n renderAnswer(faqs[0]);\n }\n})();\n<\/script>\n\n<script>\n(() => {\n \/\/ \u0644\u06cc\u0646\u06a9 \u0645\u0642\u0635\u062f \u0647\u0631 \u06a9\u0627\u0631\u062a \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628:\n \/\/ 1) \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc 2) \u0622\u0631\u0634\u06cc\u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a 3) \u0635\u0641\u062d\u0647 \u0645\u062d\u0635\u0648\u0644 4) \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc 5) \u0635\u0641\u062d\u0647 \u0645\u0642\u0627\u0644\u0627\u062a 6) \u0648\u0631\u0648\u062f\/\u062b\u0628\u062a\u200c\u0646\u0627\u0645\n const pageLinks = [\n \"https:\/\/demo2.demobartar.ir\/\", \/\/ \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\n\n\n\n \"https:\/\/demo2.demobartar.ir\/shop\/\", \/\/ \u0622\u0631\u0634\u06cc\u0648 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n\n\n\n \"https:\/\/demo2.demobartar.ir\/product\/%d9%be%d8%a7%d9%88%d8%b1-%d8%a8%d8%a7%d9%86-1000-%d9%85%db%8c%d9%84%db%8c-%d8%a2%d9%85%d9%be%d8%b1-%da%a9%d9%be%db%8c\/\", \/\/ \u0635\u0641\u062d\u0647 \u0645\u062d\u0635\u0648\u0644\n\n\n\n \"https:\/\/demo2.demobartar.ir\/account\/\", \/\/ \u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc\n\n\n\n \"https:\/\/demo2.demobartar.ir\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b1%d9%88%d8%ba%d9%86-%da%af%db%8c%d8%a7%d9%87%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%b3%d9%81%db%8c%d8%af-%d8%b4%d8%af%d9%86-%d9%be%d9%88%d8%b3%d8%aa-%d8%b5%d9%88\/\", \/\/ \u0635\u0641\u062d\u0647 \u0645\u0642\u0627\u0644\u0627\u062a\n\n\n\n \"https:\/\/demo2.demobartar.ir\/account\/\" \/\/ \u0648\u0631\u0648\u062f\/\u062b\u0628\u062a\u200c\u0646\u0627\u0645\n ];\n\n const links = document.querySelectorAll(\"#pages .shot-link\");\n links.forEach((a, i) => {\n if (pageLinks[i]) a.href = pageLinks[i];\n });\n})();\n<\/script>\n\n<\/body>\n<\/html><p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0642\u0627\u0644\u0628 \u0622\u0632\u0627\u062f\u0647 | \u0698\u0627\u06a9\u062a \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0622\u0632\u0627\u062f\u0647 \u0645\u0639\u0631\u0641\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0635\u0641\u062d\u0627\u062a \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u062e\u0631\u06cc\u062f \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u062e\u0631\u06cc\u062f \u0627\u0632 \u0698\u0627\u06a9\u062a AZADE \u0642\u0627\u0644\u0628 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0622\u0632\u0627\u062f\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0631\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc: \u062a\u0645 \u0642\u0631\u0645\u0632\/\u0633\u0641\u06cc\u062f\/\u0645\u0634\u06a9\u06cc\u060c \u0637\u0631\u0627\u062d\u06cc \u0645\u062f\u0631\u0646\u060c \u062a\u062c\u0631\u0628\u0647 \u062e\u0631\u06cc\u062f \u0631\u0648\u0627\u0646\u060c \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u0645\u06cc\u0632 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648 \u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627. \u062e\u0631\u06cc\u062f \u0627\u0632 \u0698\u0627\u06a9\u062a \u0645\u0634\u0627\u0647\u062f\u0647 \u0635\u0641\u062d\u0627\u062a \u0647\u0631 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u06a9\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0645\u06cc\u200c\u0641\u0631\u0648\u0634\u062f\u060c \u0647\u0645\u06cc\u0646\u200c\u062c\u0627 \u0627\u0633\u062a […]<\/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-378","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/pages\/378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demobartar.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=378"}],"version-history":[{"count":139,"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":535,"href":"https:\/\/demobartar.ir\/index.php?rest_route=\/wp\/v2\/pages\/378\/revisions\/535"}],"wp:attachment":[{"href":"https:\/\/demobartar.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}