{"id":41,"date":"2026-03-07T02:51:00","date_gmt":"2026-03-07T02:51:00","guid":{"rendered":"https:\/\/urbot.sa\/?page_id=41"},"modified":"2026-04-17T02:32:34","modified_gmt":"2026-04-17T02:32:34","slug":"chat","status":"publish","type":"page","link":"https:\/\/urbot.sa\/","title":{"rendered":"Main urbot page"},"content":{"rendered":"<p><!doctype html><br \/>\n<html lang=\"ar\" dir=\"rtl\"><br \/>\n<head><br \/>\n  <meta charset=\"utf-8\" \/><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/><br \/>\n  <meta name=\"theme-color\" content=\"#070A14\" \/><br \/>\n  <title>UrBot \u2014 \u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/title><br \/>\n  <meta name=\"description\" content=\"UrBot \u064a\u0648\u0635\u0644\u0643 \u0623\u062d\u062f\u062b \u0623\u0643\u0648\u0627\u062f \u0627\u0644\u062e\u0635\u0645 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0623\u0648 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645.\" \/><\/p>\n<p>  <meta property=\"og:title\" content=\"UrBot \u2014 \u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\" \/><br \/>\n  <meta property=\"og:description\" content=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631\u2026 \u0648\u064a\u0635\u0644\u0643 \u0623\u062d\u062f\u062b \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636.\" \/><br \/>\n  <meta property=\"og:type\" content=\"website\" \/><\/p>\n<p>  <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-17977186624\"><\/script><br \/>\n  <script>\n    window.dataLayer = window.dataLayer || [];\n    function gtag(){dataLayer.push(arguments);}\n    gtag('js', new Date());\n    gtag('config', 'AW-17977186624');\n  <\/script><\/p>\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=Noto+Kufi+Arabic:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    :root{\n      --bg0:#050713;\n      --bg1:#070A14;\n      --card: rgba(255,255,255,.06);\n      --stroke: rgba(255,255,255,.12);\n      --text:#F7F8FF;\n      --muted: rgba(247,248,255,.72);\n      --muted2: rgba(247,248,255,.55);\n      --shadow: 0 20px 50px rgba(0,0,0,.55);\n      --shadow2: 0 10px 30px rgba(0,0,0,.35);\n      --radius: 18px;<\/p>\n<p>      --a1:#35D7FF;\n      --a2:#7A5CFF;\n      --grad: linear-gradient(90deg, var(--a1), var(--a2));\n      --grad2: radial-gradient(1200px 700px at 20% 10%, rgba(53,215,255,.20), transparent 55%),\n               radial-gradient(900px 600px at 85% 30%, rgba(122,92,255,.18), transparent 60%),\n               radial-gradient(800px 600px at 50% 110%, rgba(53,215,255,.10), transparent 55%);\n    }<\/p>\n<p>    *{ box-sizing:border-box; }\n    html,body{ height:100%; }\n    body{\n      margin:0;\n      font-family:\"Noto Kufi Arabic\", system-ui, -apple-system, \"Segoe UI\", Tahoma, Arial, sans-serif;\n      background: var(--bg0);\n      color: var(--text);\n      line-height:1.75;\n      overflow-x:hidden;\n    }\n    a{ color:inherit; text-decoration:none; }\n    .container{ width:min(1100px,100%); margin:0 auto; padding:0 18px; }<\/p>\n<p>    .bg{\n      position:fixed; inset:0; pointer-events:none;\n      background: var(--grad2);\n      filter:saturate(1.05);\n      opacity:.95;\n    }\n    .grain{\n      position:fixed; inset:0; pointer-events:none; opacity:.08;\n      background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.55'\/%3E%3C\/svg%3E\");\n      mix-blend-mode:overlay;\n    }<\/p>\n<p>    header{\n      position:sticky;\n      top:0;\n      z-index:50;\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      background: rgba(5,7,19,.55);\n      border-bottom: 1px solid rgba(255,255,255,.08);\n    }\n    .nav{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:14px;\n      padding:14px 0;\n    }\n    .brand{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      min-width:0;\n    }\n    .brand-logo{\n      height:42px;\n      width:auto;\n      display:block;\n      border-radius:12px;\n      border: 1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.04);\n      box-shadow: 0 14px 35px rgba(0,0,0,.28);\n    }\n    .brand .tag{\n      display:block;\n      font-weight:600;\n      font-size:12px;\n      color: var(--muted2);\n      margin-top:2px;\n      white-space:nowrap;\n      overflow:hidden;\n      text-overflow:ellipsis;\n      max-width: 220px;\n    }<\/p>\n<p>    .navlinks{\n      display:flex;\n      align-items:center;\n      gap:10px;\n      flex-wrap:wrap;\n      justify-content:flex-start;\n    }\n    .navlinks a{\n      color: var(--muted);\n      font-size:13px;\n      padding:10px 10px;\n      border-radius:12px;\n      transition: background .2s ease, color .2s ease;\n    }\n    .navlinks a:hover{ background: rgba(255,255,255,.06); color: var(--text); }<\/p>\n<p>    .btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      padding:12px 16px;\n      border-radius:999px;\n      border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      color: var(--text);\n      font-weight:700;\n      font-size:14px;\n      cursor:pointer;\n      transition: transform .15s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;\n      user-select:none;\n      -webkit-tap-highlight-color: transparent;\n      white-space:nowrap;\n    }\n    .btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }\n    .btn:active{ transform: translateY(0); }<\/p>\n<p>    .btn-primary{\n      border:none;\n      background: var(--grad);\n      box-shadow: 0 18px 45px rgba(122,92,255,.22), 0 14px 40px rgba(53,215,255,.18);\n      position:relative;\n      overflow:hidden;\n      color:#0b1020;\n      font-weight:900;\n    }\n    .btn-primary::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background: radial-gradient(600px 120px at 20% 0%, rgba(255,255,255,.35), transparent 60%);\n      opacity:.6; pointer-events:none;\n      transform: translateY(-10%);\n    }\n    .btn-primary:hover{\n      box-shadow: 0 22px 55px rgba(122,92,255,.28), 0 18px 52px rgba(53,215,255,.20);\n    }<\/p>\n<p>    section{ position:relative; padding:52px 0; }\n    .hero{ padding:58px 0 38px; }<\/p>\n<p>    .hero-grid{\n      display:grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap:18px;\n      align-items:stretch;\n    }\n    @media (max-width: 860px){\n      .hero-grid{ grid-template-columns: 1fr; }\n      .navlinks{ display:none; }\n      .brand .tag{ max-width: 160px; }\n    }<\/p>\n<p>    .panel{\n      background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));\n      border:1px solid rgba(255,255,255,.12);\n      border-radius: var(--radius);\n      box-shadow: var(--shadow2);\n      overflow:hidden;\n      position:relative;\n    }\n    .panel::before{\n      content:\"\";\n      position:absolute; inset:-1px;\n      background: radial-gradient(900px 280px at 10% 0%, rgba(53,215,255,.20), transparent 55%),\n                  radial-gradient(900px 280px at 90% 25%, rgba(122,92,255,.18), transparent 60%);\n      pointer-events:none;\n      opacity:.65;\n    }\n    .panel-inner{ position:relative; padding:22px; }<\/p>\n<p>    h1{ margin:0 0 10px; font-size: clamp(24px, 4vw, 40px); line-height:1.35; letter-spacing:.2px; }\n    .lead{ margin:0 0 18px; color: var(--muted); font-size:15px; }\n    .sublead{\n      margin:0 0 16px;\n      color: var(--text);\n      font-weight:600;\n      font-size:15px;\n      padding:12px 14px;\n      border-radius:14px;\n      background: rgba(255,255,255,.06);\n      border:1px solid rgba(255,255,255,.10);\n    }\n    .badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }\n    .badge{\n      font-size:12px;\n      color: var(--muted);\n      border:1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.05);\n      padding:8px 10px;\n      border-radius:999px;\n      white-space:nowrap;\n    }\n    .badge strong{ color: var(--text); font-weight:800; }<\/p>\n<p>    .mini{ display:grid; gap:12px; height:100%; }\n    .mini .card{\n      background: rgba(0,0,0,.25);\n      border:1px solid rgba(255,255,255,.10);\n      border-radius:16px;\n      padding:14px;\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n    .mini .k{\n      display:flex; align-items:center; justify-content:space-between;\n      gap:10px; color: var(--muted); font-size:12px; margin-bottom:6px;\n    }\n    .mini .v{ font-weight:800; font-size:14px; color: var(--text); }<\/p>\n<p>    .pill{\n      display:inline-flex; align-items:center; gap:8px;\n      padding:8px 12px; border-radius:999px;\n      border:1px solid rgba(255,255,255,.12);\n      background: rgba(255,255,255,.06); font-size:12px; color: var(--muted);\n    }\n    .dot{\n      width:8px; height:8px; border-radius:50%;\n      background: var(--grad);\n      box-shadow: 0 0 0 4px rgba(53,215,255,.08); flex: 0 0 auto;\n    }<\/p>\n<p>    .section-title{\n      display:flex; align-items:flex-end; justify-content:space-between;\n      gap:12px; margin-bottom:18px;\n    }\n    .section-title h2{ margin:0; font-size:18px; letter-spacing:.2px; }\n    .section-title p{ margin:0; color: var(--muted2); font-size:13px; }<\/p>\n<p>    .grid-3{ display:grid; gap:12px; grid-template-columns: repeat(3, 1fr); }\n    @media (max-width: 900px){ .grid-3{ grid-template-columns: 1fr; } }<\/p>\n<p>    .item{\n      background: rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.11);\n      border-radius: var(--radius);\n      padding:16px;\n      box-shadow: 0 14px 40px rgba(0,0,0,.25);\n      position:relative;\n      overflow:hidden;\n    }\n    .item::before{\n      content:\"\"; position:absolute; inset:-1px;\n      background: radial-gradient(550px 140px at 15% 0%, rgba(53,215,255,.14), transparent 60%),\n                  radial-gradient(550px 140px at 90% 30%, rgba(122,92,255,.12), transparent 60%);\n      opacity:.55; pointer-events:none;\n    }\n    .item > *{ position:relative; }\n    .stepnum{\n      width:36px; height:36px; border-radius:12px;\n      background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);\n      display:flex; align-items:center; justify-content:center;\n      font-weight:900; color: var(--text); margin-bottom:10px;\n      box-shadow: 0 10px 26px rgba(0,0,0,.25);\n    }\n    .item h3{ margin:0 0 6px; font-size:15px; }\n    .item p{ margin:0; color: var(--muted); font-size:13px; }<\/p>\n<p>    details{\n      background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.11);\n      border-radius: var(--radius); padding:14px; box-shadow: 0 14px 40px rgba(0,0,0,.22);\n    }\n    summary{\n      list-style:none; cursor:pointer; display:flex;\n      align-items:center; justify-content:space-between;\n      gap:10px; font-weight:800; font-size:14px;\n    }\n    summary::-webkit-details-marker{ display:none; }\n    .chev{\n      width:18px; height:18px; border-radius:8px;\n      background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);\n      display:flex; align-items:center; justify-content:center;\n      flex: 0 0 auto; transition: transform .2s ease;\n    }\n    details[open] .chev{ transform: rotate(180deg); }\n    details p{ margin:10px 0 0; color: var(--muted); font-size:13px; line-height: 1.8; }<\/p>\n<p>    footer{\n      padding:28px 0 80px; border-top:1px solid rgba(255,255,255,.08);\n      background: rgba(5,7,19,.35); backdrop-filter: blur(10px);\n    }\n    .foot{\n      display:flex; align-items:center; justify-content:space-between;\n      gap:14px; flex-wrap:wrap; color: var(--muted2); font-size:12px;\n    }\n    .foot a{ color: var(--muted); border-bottom:1px dashed rgba(255,255,255,.18); padding-bottom:2px; }\n    .foot a:hover{ color: var(--text); }<\/p>\n<p>    \/* -----------------------\n       Mini Chat Widget\n       ----------------------- *\/\n    .chat-fab{\n      position:fixed; right:16px; bottom:16px; z-index:60;\n      display:inline-flex; align-items:center; gap:10px;\n      padding:12px 14px; border-radius:999px; background: var(--grad);\n      color:#0b1020; font-weight:900; border:0;\n      box-shadow: 0 18px 45px rgba(53,215,255,.18), 0 18px 55px rgba(122,92,255,.22), 0 0 0 1px rgba(255,255,255,.12) inset;\n      cursor:pointer; -webkit-tap-highlight-color: transparent;\n      transition: transform .15s ease, filter .2s ease;\n    }\n    .chat-fab:hover{ transform: translateY(-2px); filter: saturate(1.05) brightness(1.05); }\n    .chat-fab:active{ transform: translateY(0); }\n    .chat-fab .ic{\n      width:28px; height:28px; border-radius:10px; background: rgba(255,255,255,.28);\n      display:flex; align-items:center; justify-content:center;\n      box-shadow: 0 10px 26px rgba(0,0,0,.25); flex:0 0 auto;\n    }<\/p>\n<p>    .chat-panel{\n      position:fixed; right:16px; bottom:72px; z-index:60;\n      width:min(360px, calc(100vw - 32px)); border-radius: 18px;\n      border:1px solid rgba(255,255,255,.14); background: rgba(8,10,22,.80);\n      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n      box-shadow: 0 30px 80px rgba(0,0,0,.55); overflow:hidden; display:none;\n    }\n    .chat-head{\n      display:flex; align-items:center; justify-content:space-between; gap:10px;\n      padding:14px 14px 12px; border-bottom:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03);\n    }\n    .chat-title{ display:flex; flex-direction:column; gap:2px; min-width:0; }\n    .chat-title strong{ font-size:14px; }\n    .chat-title span{ font-size:12px; color: var(--muted2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 260px; }\n    .chat-close{\n      width:34px; height:34px; border-radius:12px; border:1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06); color: var(--text); cursor:pointer;\n      display:flex; align-items:center; justify-content:center;\n    }\n    .chat-body{ padding:12px; max-height: 340px; overflow:auto; }\n    .msg{ display:flex; margin: 8px 0; }\n    .msg.user{ justify-content:flex-start; }\n    .msg.bot{ justify-content:flex-end; }\n    .bubble{\n      max-width: 88%; padding:10px 12px; border-radius: 14px;\n      border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05);\n      color: var(--text); font-size:13px; line-height:1.6;\n      box-shadow: 0 10px 22px rgba(0,0,0,.25); white-space:pre-wrap; word-break:break-word;\n    }\n    .msg.bot .bubble{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.14); }<\/p>\n<p>    .chat-chips{ display:flex; gap:8px; flex-wrap:wrap; padding: 0 12px 12px; }\n    .chip{\n      border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06);\n      color: var(--text); border-radius:999px; padding:8px 10px; font-size:12px; cursor:pointer;\n    }\n    .chip:hover{ background: rgba(255,255,255,.08); }<\/p>\n<p>    .chat-foot{\n      display:flex; gap:8px; padding:12px; border-top:1px solid rgba(255,255,255,.10);\n      background: rgba(255,255,255,.03); align-items:center;\n    }\n    .chat-input{\n      flex:1; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,.14);\n      background: rgba(0,0,0,.25); color: var(--text); padding: 0 12px; outline:none;\n      font-family: inherit; font-size:13px;\n    }\n    .chat-send{\n      height:40px; padding:0 14px; border-radius:12px; border:0;\n      background: var(--grad); color:#0b1020; font-weight:900; cursor:pointer; white-space:nowrap;\n    }\n    .chat-note{ padding: 0 12px 12px; color: var(--muted2); font-size: 11px; }\n    .chat-note a{ color: var(--text); border-bottom: 1px dashed rgba(255,255,255,.20); }\n  <\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<div class=\"bg\"><\/div>\n<div class=\"grain\"><\/div>\n<header>\n<div class=\"container\">\n<div class=\"nav\">\n<div class=\"brand\" aria-label=\"UrBot\">\n          <img decoding=\"async\" class=\"brand-logo\" src=\"https:\/\/urbot.sa\/wp-content\/uploads\/2026\/02\/IMG_4567-1.png\" alt=\"UrBot Logo\" \/><\/p>\n<div style=\"min-width:0\">\n            <span class=\"tag\">\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n          <\/div>\n<\/p><\/div>\n<nav class=\"navlinks\" aria-label=\"\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0646\u0642\u0644\">\n          <a href=\"#how\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/a><br \/>\n          <a href=\"#features\">\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/a><br \/>\n          <a href=\"#faq\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/a><br \/>\n        <\/nav>\n<p>        <a class=\"btn btn-primary\" href=\"https:\/\/t.me\/urcode123\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n          \ud83d\ude80 \u0627\u0628\u062f\u0623 \u0627\u0644\u0628\u0648\u062a \u0627\u0644\u0622\u0646<br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/header>\n<p>  <main><\/p>\n<section class=\"hero\">\n<div class=\"container\">\n<div class=\"hero-grid\">\n<div class=\"panel\">\n<div class=\"panel-inner\">\n<h1>\u0648\u0641\u0651\u0631 \u0628\u0630\u0643\u0627\u0621\u2026 \u0628\u0623\u062d\u062f\u062b \u0623\u0643\u0648\u0627\u062f \u0627\u0644\u062e\u0635\u0645 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h1>\n<p class=\"lead\">\n                UrBot \u064a\u0648\u0635\u0644\u0643 \u0622\u062e\u0631 \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0623\u0648\u0644\u0627\u064b \u0628\u0623\u0648\u0644 \u2014 \u0628\u0633\u0631\u0639\u0629 \u0648\u0648\u0636\u0648\u062d.<br \/>\n                <strong>\u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0635\u063a\u0631 \u0647\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0623\u0648 \u0627\u0641\u062a\u062d \u0627\u0644\u0628\u0648\u062a \u0639\u0644\u0649 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645 (\u0643\u0644\u0627\u0647\u0645\u0627 \u064a\u0639\u0637\u064a\u0643 \u0646\u0641\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0628\u0627\u0644\u0636\u0628\u0637).<\/strong>\n              <\/p>\n<div class=\"sublead\">\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631\u2026 \u0648\u064a\u0635\u0644\u0643 \u0623\u062d\u062f\u062b \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636<\/div>\n<div class=\"badges\" aria-label=\"\u0623\u0645\u062b\u0644\u0629 \u0645\u062a\u0627\u062c\u0631\">\n                <span class=\"badge\"><strong>\u0623\u0645\u062b\u0644\u0629:<\/strong> \u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a<\/span><br \/>\n                <span class=\"badge\">\u0646\u0648\u0646<\/span><br \/>\n                <span class=\"badge\">\u062a\u064a\u0645\u0648<\/span><br \/>\n                <span class=\"badge\">\u0633\u062a\u0627\u064a\u0644\u064a<\/span>\n              <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mini\">\n<div class=\"panel\">\n<div class=\"panel-inner\">\n<div class=\"pill\"><span class=\"dot\" aria-hidden=\"true\"><\/span> \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636<\/div>\n<div style=\"height:10px\"><\/div>\n<div class=\"card\">\n<div class=\"k\"><span>\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/span><span class=\"pill\">\u062b\u0648\u0627\u0646\u064d \u0645\u0639\u062f\u0648\u062f\u0629<\/span><\/div>\n<div class=\"v\">\u062a\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631\u2026 \u0648\u0627\u0644\u0631\u062f \u064a\u062c\u064a\u0643 \u0645\u0628\u0627\u0634\u0631\u0629<\/div>\n<\/p><\/div>\n<div class=\"card\">\n<div class=\"k\"><span>\u0645\u0635\u0645\u0645 \u0644\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span><span class=\"pill\">\u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 RTL<\/span><\/div>\n<div class=\"v\">\u0639\u0631\u0648\u0636 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a<\/div>\n<\/p><\/div>\n<div class=\"card\">\n<div class=\"k\"><span>\u0627\u0644\u0646\u062a\u064a\u062c\u0629<\/span><span class=\"pill\">\u0623\u0643\u0648\u0627\u062f + \u0639\u0631\u0648\u0636<\/span><\/div>\n<div class=\"v\">\u0623\u062d\u062f\u062b \u0643\u0648\u062f \u062e\u0635\u0645 + \u0623\u0641\u0636\u0644 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"how\">\n<div class=\"container\">\n<div class=\"section-title\">\n<h2>\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 UrBot\u061f<\/h2>\n<p>\u062b\u0644\u0627\u062b \u062e\u0637\u0648\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u2014 \u0648\u0627\u0644\u0648\u0641\u0631\u0629 \u062a\u0628\u062f\u0623<\/p>\n<\/p><\/div>\n<div class=\"grid-3\">\n<div class=\"item\">\n<div class=\"stepnum\">1<\/div>\n<h3>\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631<\/h3>\n<p>\u0645\u062b\u0627\u0644: \u0646\u0648\u0646 \/ \u062a\u064a\u0645\u0648 \/ \u0633\u062a\u0627\u064a\u0644\u064a<\/p>\n<\/p><\/div>\n<div class=\"item\">\n<div class=\"stepnum\">2<\/div>\n<h3>\u064a\u0635\u0644\u0643 \u0623\u062d\u062f\u062b \u0643\u0648\u062f \u062e\u0635\u0645<\/h3>\n<p>\u0623\u0643\u0648\u0627\u062f \u0645\u062a\u062c\u062f\u062f\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u062a\u0648\u0641\u0631 \u0639\u0644\u0649 \u0645\u0634\u062a\u0631\u064a\u0627\u062a\u0643.<\/p>\n<\/p><\/div>\n<div class=\"item\">\n<div class=\"stepnum\">3<\/div>\n<h3>\u062a\u0637\u0644\u0639 \u0644\u0643 \u0623\u0641\u0636\u0644 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/h3>\n<p>\u0639\u0631\u0648\u0636 \u0645\u062d\u062f\u062b\u0629 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0644\u062a\u0639\u0631\u0641 \u0627\u0644\u0645\u062a\u0627\u062d \u0627\u0644\u0622\u0646.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"features\">\n<div class=\"container\">\n<div class=\"section-title\">\n<h2>\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a<\/h2>\n<p>\u0643\u0644 \u0634\u064a\u0621 \u0645\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636<\/p>\n<\/p><\/div>\n<div class=\"grid-3\">\n<div class=\"item\">\n<h3>\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u0643\u0648\u0627\u062f<\/h3>\n<p>\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0623\u062d\u062f\u062b \u0643\u0648\u062f \u062e\u0635\u0645 \u0644\u0644\u0645\u062a\u062c\u0631 \u0627\u0644\u0630\u064a \u062a\u0643\u062a\u0628\u0647.<\/p>\n<\/p><\/div>\n<div class=\"item\">\n<h3>\u0639\u0631\u0648\u0636 \u0645\u062d\u062f\u062b\u0629 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631<\/h3>\n<p>\u064a\u0638\u0647\u0631 \u0644\u0643 \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062a\u062c\u0631.<\/p>\n<\/p><\/div>\n<div class=\"item\">\n<h3>\u062a\u062c\u0631\u0628\u0629 \u0633\u0631\u064a\u0639\u0629 \u0648\u0648\u0627\u0636\u062d\u0629<\/h3>\n<p>\u0631\u062f\u0648\u062f \u0645\u062e\u062a\u0635\u0631\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f.<\/p>\n<\/p><\/div>\n<div class=\"item\">\n<h3>\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h3>\n<p>\u0645\u062a\u0627\u062c\u0631 \u0648\u0639\u0631\u0648\u0636 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"faq\">\n<div class=\"container\">\n<div class=\"section-title\">\n<h2>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h2>\n<p>\u0625\u062c\u0627\u0628\u0627\u062a \u0645\u062e\u062a\u0635\u0631\u0629 \u0648\u0648\u0627\u0636\u062d\u0629<\/p>\n<\/p><\/div>\n<div class=\"faq\" style=\"display:grid; gap:10px;\">\n<details>\n<summary>\u0643\u064a\u0641 \u0623\u0628\u062f\u0623\u061f \u0648\u0623\u064a\u0634 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645\u061f<span class=\"chev\" aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/summary>\n<p>\u062a\u0642\u062f\u0631 \u062a\u0641\u062a\u062d \u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0635\u063a\u0631 (\u0627\u0644\u0645\u064a\u0646\u064a-\u0634\u0627\u062a) \u0628\u0627\u0644\u0623\u0633\u0641\u0644 \u0648\u062a\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631\u060c \u0623\u0648 \u062a\u0636\u063a\u0637 \u0632\u0631 \u201c\u0627\u0628\u062f\u0623 \u0627\u0644\u0628\u0648\u062a \u0627\u0644\u0622\u0646\u201d \u0628\u0627\u0644\u0623\u0639\u0644\u0649 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u062f\u0627\u062e\u0644 \u062a\u0637\u0628\u064a\u0642 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645. <strong>\u0643\u0644\u0627 \u0627\u0644\u0637\u0631\u064a\u0642\u062a\u064a\u0646 \u0645\u062a\u0637\u0627\u0628\u0642\u062a\u064a\u0646 \u062a\u0645\u0627\u0645\u0627\u064b \u0648\u064a\u0639\u0637\u0648\u0646\u0643 \u0646\u0641\u0633 \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u062d\u062f\u062b\u0629.<\/strong> \u0627\u062e\u062a\u0631 \u0627\u0644\u0623\u0633\u0647\u0644 \u0644\u0643!<\/p>\n<\/details>\n<details>\n<summary>\u0647\u0644 \u0627\u0644\u0623\u0643\u0648\u0627\u062f \u062a\u062a\u063a\u064a\u0631\u061f<span class=\"chev\" aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/summary>\n<p>\u0646\u0639\u0645\u060c \u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u062a\u062a\u063a\u064a\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u062d\u0633\u0628 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u2014 \u0627\u0644\u0623\u0641\u0636\u0644 \u062a\u0633\u062a\u062e\u062f\u0645 UrBot \u0642\u0628\u0644 \u0643\u0644 \u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621.<\/p>\n<\/details>\n<details>\n<summary>\u0647\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\u061f<span class=\"chev\" aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/summary>\n<p>\u0646\u0639\u0645\u060c \u062a\u0642\u062f\u0631 \u062a\u0633\u062a\u062e\u062f\u0645 UrBot \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0645\u062c\u0627\u0646\u0627\u064b.<\/p>\n<\/details>\n<details>\n<summary>\u0647\u0644 UrBot \u062a\u0627\u0628\u0639 \u0644\u0645\u062a\u062c\u0631\u061f<span class=\"chev\" aria-hidden=\"true\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/summary>\n<p>UrBot \u0645\u0646\u0635\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0648\u0644\u064a\u0633\u062a \u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u062a\u062c\u0631 \u0645\u062d\u062f\u062f. \u0642\u062f \u0646\u0633\u062a\u062e\u062f\u0645 \u0631\u0648\u0627\u0628\u0637 \u062a\u062a\u0628\u0639 \u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u0623\u062f\u0627\u0621 \u2014 \u0628\u062f\u0648\u0646 \u0623\u064a \u0632\u064a\u0627\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0633\u0639\u0631 \u0639\u0644\u064a\u0643.<\/p>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<footer>\n<div class=\"container\">\n<div class=\"foot\">\n<div>\u00a9 <span id=\"year\"><\/span> UrBot \u2014 \u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\n<div><a href=\"https:\/\/t.me\/urcode123\" target=\"_blank\" rel=\"noopener noreferrer\">\u0627\u0641\u062a\u062d \u0627\u0644\u0628\u0648\u062a \u0639\u0644\u0649 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p>  <button class=\"chat-fab\" id=\"chatFab\" type=\"button\" aria-label=\"\u0627\u0633\u0623\u0644 UrBot\"><br \/>\n    <span class=\"ic\" aria-hidden=\"true\"><br \/>\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n        <path d=\"M21 12c0 4.418-4.03 8-9 8a10.9 10.9 0 0 1-3.65-.62L3 21l1.84-4.02A7.3 7.3 0 0 1 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" fill=\"#0b1020\" opacity=\".92\"\/>\n      <\/svg><br \/>\n    <\/span><br \/>\n    \u0627\u0633\u0623\u0644 UrBot<br \/>\n  <\/button><\/p>\n<div class=\"chat-panel\" id=\"chatPanel\" role=\"dialog\" aria-label=\"\u0645\u064a\u0646\u064a \u0634\u0627\u062a UrBot\" aria-modal=\"false\">\n<div class=\"chat-head\">\n<div class=\"chat-title\">\n        <strong>UrBot<\/strong><br \/>\n        <span>\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631 \u0648\u064a\u0637\u0644\u0639 \u0644\u0643 \u0643\u0648\u062f \u0627\u0644\u062e\u0635\u0645 \u0648\u0627\u0644\u0639\u0631\u0648\u0636<\/span>\n      <\/div>\n<p>      <button class=\"chat-close\" id=\"chatClose\" type=\"button\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\u2715<\/button>\n    <\/div>\n<div class=\"chat-body\" id=\"chatBody\" aria-live=\"polite\"><\/div>\n<div class=\"chat-chips\" aria-label=\"\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0633\u0631\u064a\u0639\u0629\">\n      <button class=\"chip\" type=\"button\" data-store=\"\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a\">\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a<\/button><br \/>\n      <button class=\"chip\" type=\"button\" data-store=\"\u0646\u0648\u0646\">\u0646\u0648\u0646<\/button><br \/>\n      <button class=\"chip\" type=\"button\" data-store=\"\u062a\u064a\u0645\u0648\">\u062a\u064a\u0645\u0648<\/button><br \/>\n      <button class=\"chip\" type=\"button\" data-store=\"\u0633\u062a\u0627\u064a\u0644\u064a\">\u0633\u062a\u0627\u064a\u0644\u064a<\/button>\n    <\/div>\n<div class=\"chat-foot\">\n      <input class=\"chat-input\" id=\"chatInput\" type=\"text\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631...\" autocomplete=\"off\" \/><br \/>\n      <button class=\"chat-send\" id=\"chatSend\" type=\"button\">\u0625\u0631\u0633\u0627\u0644<\/button>\n    <\/div>\n<div class=\"chat-note\">\n      \u0644\u0644\u0646\u062a\u0627\u0626\u062c \u062f\u0627\u062e\u0644 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645: <a href=\"https:\/\/t.me\/urcode123\" target=\"_blank\" rel=\"noopener noreferrer\">\u0641\u062a\u062d \u0627\u0644\u0628\u0648\u062a \u0639\u0644\u0649 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645<\/a>\n    <\/div>\n<\/p><\/div>\n<p>  <script>\n    document.getElementById('year').textContent = new Date().getFullYear();<\/p>\n<p>    document.addEventListener('click', (e) => {\n      const a = e.target.closest('a[href^=\"#\"]');\n      if(!a) return;\n      const id = a.getAttribute('href');\n      const el = document.querySelector(id);\n      if(!el) return;\n      e.preventDefault();\n      el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });<\/p>\n<p>    const chatFab   = document.getElementById('chatFab');\n    const chatPanel = document.getElementById('chatPanel');\n    const chatClose = document.getElementById('chatClose');\n    const chatBody  = document.getElementById('chatBody');\n    const chatInput = document.getElementById('chatInput');\n    const chatSend  = document.getElementById('chatSend');<\/p>\n<p>    function openChat() {\n      chatPanel.style.display = 'block';\n      setTimeout(() => chatInput.focus(), 0);\n    }\n    function closeChat() {\n      chatPanel.style.display = 'none';\n    }<\/p>\n<p>    \/\/ --- \u062f\u0627\u0644\u0629 \u062a\u062d\u0648\u064a\u0644 \u062a\u0646\u0633\u064a\u0642 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645 \u0625\u0644\u0649 \u0648\u064a\u0628 (Markdown to HTML) ---\n    function parseTelegramFormatting(text) {\n      if (!text) return '';\n      let html = text;<\/p>\n<p>      \/\/ 1. \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637: [\u0646\u0635](\u0631\u0627\u0628\u0637)\n      html = html.replace(\/\\[([^\\]]+)\\]\\((https?:\\\/\\\/[^\\)]+)\\)\/g, '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: var(--a1); text-decoration: underline; font-weight: bold;\">$1<\/a>');<\/p>\n<p>      \/\/ 2. \u062a\u062d\u0648\u064a\u0644 \u0643\u0648\u062f \u0627\u0644\u062e\u0635\u0645 \u0644\u0644\u0646\u0633\u062e \u0628\u0636\u063a\u0637\u0629 \u0632\u0631: `\u0643\u0648\u062f`\n      html = html.replace(\/`([^`]+)`\/g, '<span onclick=\"copyCode(\\'$1\\', this)\" title=\"\u0627\u0636\u063a\u0637 \u0644\u0644\u0646\u0633\u062e\" style=\"background: rgba(255,255,255,0.15); padding: 2px 8px; border-radius: 6px; cursor: pointer; color: var(--a1); font-family: monospace; font-weight: bold; border: 1px dashed var(--a1);\">\u2702\ufe0f $1<\/span>');<\/p>\n<p>      \/\/ 3. \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0631\u064a\u0636: *\u0646\u0635* \u0623\u0648 **\u0646\u0635**\n      html = html.replace(\/\\*\\*(.*?)\\*\\*\/g, '<strong>$1<\/strong>');\n      html = html.replace(\/\\*(.*?)\\*\/g, '<strong>$1<\/strong>');<\/p>\n<p>      \/\/ 4. \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062c\u062f\u064a\u062f (\\n) \u0625\u0644\u0649 <br \/>\n      html = html.replace(\/\\n\/g, '<br \/>');<\/p>\n<p>      return html;\n    }<\/p>\n<p>    \/\/ --- \u062f\u0627\u0644\u0629 \u0646\u0633\u062e \u0643\u0648\u062f \u0627\u0644\u062e\u0635\u0645 (\u0645\u0639 \u062a\u062a\u0628\u0639 \u062a\u062d\u0648\u064a\u0644\u0627\u062a \u062c\u0648\u062c\u0644 \u0627\u0644\u0645\u062d\u062f\u062b) ---\n    window.copyCode = function(code, element) {\n      const cleanCode = code.trim();<\/p>\n<p>      navigator.clipboard.writeText(cleanCode).then(() => {<\/p>\n<p>        \/\/ ==========================================\n        \/\/ \ud83d\ude80 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0625\u0644\u0649 Google Ads \ud83d\ude80\n        \/\/ ==========================================\n        if (typeof gtag === 'function') {\n          gtag('event', 'conversion', {\n              'send_to': 'AW-17977186624\/cVO3CK79hYQcEMCymPxC',\n              'value': 1.0,\n              'currency': 'SAR'\n          });\n        }\n        \/\/ ==========================================<\/p>\n<p>        const originalText = element.innerHTML;\n        element.innerHTML = '\u2705 \u062a\u0645 \u0627\u0644\u0646\u0633\u062e';\n        element.style.color = '#00FF00';\n        element.style.borderColor = '#00FF00';<\/p>\n<p>        \/\/ \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u0642\u062f\u064a\u0645 \u0628\u0639\u062f \u062b\u0627\u0646\u064a\u062a\u064a\u0646\n        setTimeout(() => {\n          element.innerHTML = originalText;\n          element.style.color = 'var(--a1)';\n          element.style.borderColor = 'var(--a1)';\n        }, 2000);\n      }).catch(err => {\n        console.error('\u0641\u0634\u0644 \u0627\u0644\u0646\u0633\u062e: ', err);\n      });\n    };<\/p>\n<p>    function addMsg(from, text) {\n      const wrap = document.createElement('div');\n      wrap.className = 'msg ' + (from === 'bot' ? 'bot' : 'user');<\/p>\n<p>      const bubble = document.createElement('div');\n      bubble.className = 'bubble';<\/p>\n<p>      \/\/ \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0645\u0646 \u0627\u0644\u0628\u0648\u062a\u060c \u0646\u062a\u0631\u062c\u0645 \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a. \u0625\u0630\u0627 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0646\u062a\u0631\u0643\u0647\u0627 \u0646\u0635 \u0639\u0627\u062f\u064a\n      if (from === 'bot') {\n        bubble.innerHTML = parseTelegramFormatting(text);\n      } else {\n        bubble.textContent = text;\n      }<\/p>\n<p>      wrap.appendChild(bubble);\n      chatBody.appendChild(wrap);\n      chatBody.scrollTop = chatBody.scrollHeight;\n      return wrap; \n    }<\/p>\n<p>    \/\/ --- \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0639\u064a\u062f \u0627\u0644\u062a\u0631\u062d\u064a\u0628\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 ---\n    const welcomeText = \"\ud83c\udf19 \u0627\u0642\u062a\u0631\u0628 \u0627\u0644\u0639\u064a\u062f! \u062a\u0628\u062d\u062b \u0639\u0646 \u062a\u0648\u0635\u064a\u0644 \u0633\u0631\u064a\u0639 \u0648\u0645\u0644\u0627\u0628\u0633 \u0627\u0644\u0639\u064a\u062f\u061f\\n\\n\u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0623\u0633\u0631\u0639 \u0648\u0627\u0644\u0623\u0641\u0636\u0644 \u062d\u0627\u0644\u064a\u0627\u064b \u0647\u064a:\\n\ud83d\udecd\ufe0f \u0646\u0648\u0646\\n\ud83d\udc57 \u0633\u062a\u0627\u064a\u0644\u064a\\n\ud83c\udf81 \u062a\u064a\u0645\u0648\\n\\n\ud83e\udd16 \u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631 \u0648\u0633\u0623\u0639\u0637\u064a\u0643 \u0623\u0642\u0648\u0649 \u0643\u0648\u062f \u062e\u0635\u0645 \u0641\u0648\u0631\u0627\u064b \ud83d\udd25\ud83d\udc47\";\n    addMsg('bot', welcomeText);<\/p>\n<p>    function normalizeStoreName(raw) {\n      if (!raw) return '';\n      let q = String(raw).trim();\n      try { q = decodeURIComponent(q); } catch (_) {}\n      const lower = q.toLowerCase();<\/p>\n<p>      const map = {\n        'noon': '\u0646\u0648\u0646', '\u0646\u0648\u0646': '\u0646\u0648\u0646',\n        'shein': '\u0634\u064a \u0625\u0646', '\u0634\u064a \u0625\u0646': '\u0634\u064a \u0625\u0646', '\u0634\u064a\u0627\u0646': '\u0634\u064a \u0625\u0646',\n        'styli': '\u0633\u062a\u0627\u064a\u0644\u064a', '\u0633\u062a\u0627\u064a\u0644\u064a': '\u0633\u062a\u0627\u064a\u0644\u064a', 'style': '\u0633\u062a\u0627\u064a\u0644\u064a',\n        'temu': '\u062a\u064a\u0645\u0648', '\u062a\u064a\u0645\u0648': '\u062a\u064a\u0645\u0648',\n        'bath and body': '\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a', '\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a': '\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a', '\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a \u0648\u0631\u0643\u0633': '\u0628\u0627\u062b \u0627\u0646\u062f \u0628\u0648\u062f\u064a'\n      };\n      return map[lower] || map[q] || q;\n    }<\/p>\n<p>    async function handleSend(text) {\n      const store = normalizeStoreName(text);\n      if (!store) return;<\/p>\n<p>      addMsg('user', store);\n      chatInput.value = '';<\/p>\n<p>      const loadingMsgElement = addMsg('bot', '\u062c\u0627\u0631\u064a \u0627\u0644\u0628\u062d\u062b... \ud83d\udd0d');<\/p>\n<p>      \/\/ \u0631\u0627\u0628\u0637 Webhook \u0627\u0644\u062d\u0627\u0644\u064a \n      const N8N_WEBHOOK_URL = 'https:\/\/urcode.app.n8n.cloud\/webhook\/73641295-059d-468c-adb6-e0b9629dddb5';<\/p>\n<p>      try {\n        const response = await fetch(N8N_WEBHOOK_URL, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify({ text: text, store: store }) \n        });<\/p>\n<p>        const data = await response.json();<\/p>\n<p>        if (loadingMsgElement && loadingMsgElement.parentNode) {\n          loadingMsgElement.remove();\n        }<\/p>\n<p>        if(data && data.reply) {\n          addMsg('bot', data.reply);\n        } else {\n          addMsg('bot', '\u0639\u0630\u0631\u0627\u064b\u060c \u0644\u0645 \u0623\u062a\u0645\u0643\u0646 \u0645\u0646 \u0625\u064a\u062c\u0627\u062f \u0639\u0631\u0636 \u0644\u0647\u0630\u0627 \u0627\u0644\u0645\u062a\u062c\u0631 \u062d\u0627\u0644\u064a\u0627\u064b.');\n        }<\/p>\n<p>      } catch (error) {\n        console.error('Error fetching from n8n:', error);\n        if (loadingMsgElement && loadingMsgElement.parentNode) {\n          loadingMsgElement.remove();\n        }\n        addMsg('bot', '\u0639\u0630\u0631\u0627\u064b\u060c \u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0627\u0644\u062e\u0627\u062f\u0645. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b.');\n      }\n    }<\/p>\n<p>    chatFab.addEventListener('click', openChat);\n    chatClose.addEventListener('click', closeChat);<\/p>\n<p>    chatSend.addEventListener('click', () => handleSend(chatInput.value));\n    chatInput.addEventListener('keydown', (e) => {\n      if (e.key === 'Enter') handleSend(chatInput.value);\n    });<\/p>\n<p>    document.querySelectorAll('.chip').forEach(btn => {\n      btn.addEventListener('click', () => handleSend(btn.dataset.store));\n    });<\/p>\n<p>    (function autoFromQuery() {\n      const params = new URLSearchParams(window.location.search);\n      const q = params.get('q');\n      if (!q) return;<\/p>\n<p>      const store = normalizeStoreName(q);\n      if (!store) return;<\/p>\n<p>      openChat();\n      setTimeout(() => handleSend(store), 50);\n    })();\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>UrBot \u2014 \u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \ud83d\ude80 \u0627\u0628\u062f\u0623 \u0627\u0644\u0628\u0648\u062a \u0627\u0644\u0622\u0646 \u0648\u0641\u0651\u0631 \u0628\u0630\u0643\u0627\u0621\u2026 \u0628\u0623\u062d\u062f\u062b \u0623\u0643\u0648\u0627\u062f \u0627\u0644\u062e\u0635\u0645 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 UrBot \u064a\u0648\u0635\u0644\u0643 \u0622\u062e\u0631 \u0627\u0644\u0643\u0648\u0628\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0623\u0648\u0644\u0627\u064b \u0628\u0623\u0648\u0644 \u2014 \u0628\u0633\u0631\u0639\u0629 \u0648\u0648\u0636\u0648\u062d. \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0634\u0627\u062a \u0627\u0644\u0645\u0635\u063a\u0631 \u0647\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0623\u0648 \u0627\u0641\u062a\u062d \u0627\u0644\u0628\u0648\u062a \u0639\u0644\u0649 \u062a\u064a\u0644\u064a\u062c\u0631\u0627\u0645 (\u0643\u0644\u0627\u0647\u0645\u0627 \u064a\u0639\u0637\u064a\u0643 \u0646\u0641\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0648\u0627\u0644\u0623\u0643\u0648\u0627\u062f \u0628\u0627\u0644\u0636\u0628\u0637). \u0627\u0643\u062a\u0628 \u0627\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0631\u2026 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-urbot.php","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbot.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":3,"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/urbot.sa\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/urbot.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}