{"id":1851,"date":"2026-07-10T14:21:52","date_gmt":"2026-07-10T18:21:52","guid":{"rendered":"https:\/\/amir.technology\/intelligence-website\/"},"modified":"2026-07-17T11:30:37","modified_gmt":"2026-07-17T15:30:37","slug":"intelligence-website","status":"publish","type":"page","link":"https:\/\/amir.technology\/fa\/intelligence-website\/","title":{"rendered":"\u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n\r\n\r\n\r\n\r\n\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f \u2014 AMIR TECHNOLOGY<\/title>\r\n<style>\r\n@font-face {\r\n font-family: 'Yekan';\r\n src: url('\/wp-content\/themes\/hello-elementor\/font\/Yekan.woff2') format('woff2'),\r\n url('\/wp-content\/themes\/hello-elementor\/font\/Yekan.woff') format('woff');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n<\/style>\r\n<style>\r\n :root{\r\n --bg:#050505;\r\n --primary:#00FF96;\r\n --primary-dim:#00b56c;\r\n --secondary:#18E0FF;\r\n --text:#FFFFFF;\r\n --muted:#8b948f;\r\n --glass-border:rgba(0,255,150,0.14);\r\n --card:rgba(255,255,255,0.025);\r\n --display:'Yekan', Tahoma, sans-serif;\r\n --body:'Yekan', Tahoma, sans-serif;\r\n --mono:'Yekan', Tahoma, sans-serif;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden;position:relative;\r\n direction:rtl;text-align:right;font-synthesis:none;-webkit-font-smoothing:antialiased;}\r\n h1,h2,h3,h4,h5,h6{font-family:'Yekan', Tahoma, sans-serif !important;}\r\n ::selection{background:var(--primary);color:#000;}\r\n ::-webkit-scrollbar{width:8px;}\r\n ::-webkit-scrollbar-track{background:var(--bg);}\r\n ::-webkit-scrollbar-thumb{background:rgba(0,255,150,0.25);border-radius:4px;}\r\n\r\n #bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;}\r\n .noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.035;\r\n background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");}\r\n .cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:2;\r\n background:radial-gradient(circle, rgba(0,255,150,0.06) 0%, rgba(0,255,150,0) 70%);\r\n transform:translate(-50%,-50%);left:-9999px;top:-9999px;}\r\n\r\n section{position:relative;z-index:3;}\r\n .container{max-width:1320px;margin:0 auto;padding:0 5vw;}\r\n .py{padding:150px 0;}\r\n .dot{width:8px;height:8px;border-radius:50%;background:var(--primary);\r\n box-shadow:0 0 12px var(--primary), 0 0 24px var(--primary);animation:pulse-dot 2.4s ease-in-out infinite;}\r\n @keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(0.7);}}\r\n\r\n .btn-primary{font-family:var(--body);background:var(--primary);color:#000;border:none;padding:11px 22px;\r\n border-radius:100px;font-weight:600;font-size:0.82rem;cursor:pointer;\r\n transition:transform .3s cubic-bezier(.19,1,.22,1), box-shadow .3s ease;}\r\n .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,255,150,0.35);}\r\n .btn-ghost{font-family:var(--body);background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.15);\r\n padding:11px 22px;border-radius:100px;font-weight:500;font-size:0.82rem;cursor:pointer;transition:all .3s ease;\r\n display:inline-flex;align-items:center;gap:8px;}\r\n .btn-ghost:hover{border-color:var(--primary);background:rgba(0,255,150,0.06);}\r\n\r\n .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1);}\r\n .reveal.in{opacity:1;transform:translateY(0);}\r\n\r\n .section-head{text-align:center;max-width:640px;margin:0 auto 64px;}\r\n .section-eyebrow{font-family:var(--mono);font-size:0.78rem;color:var(--primary);margin-bottom:16px;}\r\n .section-head h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem, 3.6vw, 3rem);line-height:1.15;margin-bottom:16px;}\r\n .section-head p{color:var(--muted);font-size:1rem;line-height:1.7;font-weight:300;}\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{min-height:100vh;display:flex;align-items:flex-start;padding:48px 5vw 0;position:relative;overflow:hidden;}\r\n .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:center;width:100%;padding-top:60px;}\r\n .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.78rem;\r\n color:var(--primary);border:1px solid var(--glass-border);padding:6px 14px;border-radius:100px;\r\n margin-bottom:28px;background:rgba(0,255,150,0.04);}\r\n .hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem, 4.4vw, 3.6rem);line-height:1.3;letter-spacing:0;margin-bottom:18px;}\r\n .hero h1 .accent{color:var(--primary);text-shadow:0 0 40px rgba(0,255,150,0.35);}\r\n .hero-sub{font-size:1rem;color:var(--muted);max-width:480px;line-height:1.75;margin-bottom:20px;font-weight:300;}\r\n .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px;}\r\n .tag{font-family:var(--mono);font-size:0.72rem;color:var(--muted);border:1px solid rgba(255,255,255,0.08);padding:6px 12px;border-radius:6px;}\r\n .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}\r\n\r\n \/* browser mockup *\/\r\n .browser-stage{position:relative;height:480px;display:flex;align-items:center;justify-content:center;}\r\n .browser-frame{\r\n width:100%;max-width:520px;border-radius:14px;border:1px solid rgba(255,255,255,0.1);\r\n background:rgba(255,255,255,0.02);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,0.5);\r\n }\r\n .browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}\r\n .bdot{width:9px;height:9px;border-radius:50%;}\r\n .browser-url{flex:1;margin-left:10px;background:rgba(255,255,255,0.04);border-radius:100px;padding:5px 14px;\r\n font-family:var(--mono);font-size:0.68rem;color:var(--muted);}\r\n .browser-body{padding:22px;min-height:340px;position:relative;}\r\n .build-block{\r\n height:0;border-radius:8px;background:linear-gradient(135deg, rgba(0,255,150,0.14), rgba(24,224,255,0.06));\r\n border:1px solid var(--glass-border);margin-bottom:12px;opacity:0;\r\n animation:block-build 0.6s cubic-bezier(.19,1,.22,1) forwards;\r\n }\r\n @keyframes block-build{ to{ opacity:1; } }\r\n .ai-cursor{position:absolute;width:14px;height:14px;border:2px solid var(--primary);border-radius:50%;\r\n box-shadow:0 0 14px rgba(0,255,150,0.6);pointer-events:none;transition:all 1.2s cubic-bezier(.65,0,.35,1);}\r\n\r\n \/* ---------- stats ---------- *\/\r\n .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\r\n .stat-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:22px 20px;\r\n transition:transform .4s cubic-bezier(.19,1,.22,1), border-color .4s ease;}\r\n .stat-card:hover{transform:translateY(-4px);border-color:rgba(0,255,150,0.3);}\r\n .stat-label{font-family:var(--mono);font-size:0.75rem;color:var(--muted);margin-bottom:12px;}\r\n .stat-value{font-family:var(--display);font-size:1.8rem;font-weight:600;}\r\n .stat-value .unit{font-size:0.85rem;color:var(--primary);margin-left:4px;}\r\n .stat-sub{font-family:var(--mono);font-size:0.66rem;color:var(--primary-dim);margin-top:8px;}\r\n\r\n \/* ---------- builder ---------- *\/\r\n .builder-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;}\r\n .builder-palette{display:flex;flex-direction:column;gap:10px;}\r\n .palette-item{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px 14px;\r\n font-family:var(--mono);font-size:0.75rem;cursor:grab;transition:all .3s ease;user-select:none;}\r\n .palette-item:hover{border-color:var(--primary);background:rgba(0,255,150,0.05);}\r\n .builder-canvas{background:var(--card);border:1px dashed rgba(255,255,255,0.15);border-radius:14px;padding:20px;min-height:340px;}\r\n .canvas-block{background:rgba(0,255,150,0.06);border:1px solid var(--glass-border);border-radius:10px;\r\n padding:14px 16px;margin-bottom:10px;font-family:var(--mono);font-size:0.78rem;display:flex;align-items:center;justify-content:space-between;}\r\n .canvas-block .remove{cursor:pointer;color:var(--muted);}\r\n .canvas-empty{color:var(--muted);font-family:var(--mono);font-size:0.8rem;text-align:center;padding:60px 0;}\r\n\r\n \/* ---------- DNA ---------- *\/\r\n .dna-layout{max-width:560px;margin:0 auto;}\r\n .dna-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;}\r\n .dna-label{font-family:var(--mono);font-size:0.75rem;color:var(--muted);width:110px;flex-shrink:0;}\r\n .dna-bar{flex:1;height:6px;border-radius:4px;background:rgba(255,255,255,0.06);overflow:hidden;}\r\n .dna-fill{height:100%;border-radius:4px;background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;transition:width 1.4s cubic-bezier(.19,1,.22,1);}\r\n\r\n \/* ---------- showcase cubes ---------- *\/\r\n .cube-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}\r\n .cube-card{\r\n aspect-ratio:1\/1;border:1px solid rgba(255,255,255,0.08);border-radius:16px;\r\n background:linear-gradient(150deg, rgba(0,255,150,0.08), rgba(24,224,255,0.03));\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;\r\n transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;\r\n }\r\n .cube-card::before{content:'';position:absolute;inset:0;\r\n background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n background-size:20px 20px;}\r\n .cube-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--primary);}\r\n .cube-card h5{font-family:var(--display);font-size:0.9rem;font-weight:600;position:relative;z-index:1;}\r\n .cube-card span{font-family:var(--mono);font-size:0.65rem;color:var(--primary);position:relative;z-index:1;}\r\n\r\n \/* ---------- services ---------- *\/\r\n .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\r\n .service-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:24px 20px;\r\n transition:all .4s cubic-bezier(.19,1,.22,1);}\r\n .service-card:hover{transform:translateY(-6px);border-color:rgba(0,255,150,0.3);background:rgba(0,255,150,0.03);}\r\n .service-icon{width:36px;height:36px;color:var(--primary);margin-bottom:16px;filter:drop-shadow(0 0 8px rgba(0,255,150,0.35));}\r\n .service-icon svg{width:100%;height:100%;}\r\n .service-card h4{font-family:var(--display);font-size:0.92rem;font-weight:600;}\r\n\r\n \/* ---------- integration flow ---------- *\/\r\n .flow-wrap{max-width:420px;margin:0 auto;}\r\n .flow-step{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:14px;\r\n padding:16px 22px;display:flex;align-items:center;gap:14px;transition:all .3s ease;}\r\n .flow-step.active{border-color:var(--primary);background:rgba(0,255,150,0.06);box-shadow:0 0 24px rgba(0,255,150,0.15);}\r\n .flow-num{font-family:var(--mono);font-size:0.7rem;color:var(--primary);width:22px;flex-shrink:0;}\r\n .flow-step h4{font-family:var(--display);font-size:0.9rem;font-weight:600;}\r\n .flow-connector{width:1px;height:22px;background:rgba(0,255,150,0.2);margin-left:36px;}\r\n\r\n \/* ---------- showroom (digital city) ---------- *\/\r\n .city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;}\r\n .building{background:linear-gradient(180deg, rgba(0,255,150,0.14), rgba(0,255,150,0.02));\r\n border:1px solid rgba(255,255,255,0.08);border-radius:8px 8px 0 0;display:flex;align-items:flex-end;justify-content:center;\r\n padding-bottom:10px;transition:all .35s ease;cursor:pointer;}\r\n .building:hover{border-color:var(--primary);transform:translateY(-4px);}\r\n .building span{font-family:var(--mono);font-size:0.6rem;color:var(--muted);}\r\n\r\n \/* ---------- automation ---------- *\/\r\n .auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}\r\n .auto-card{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:26px 22px;\r\n transition:all .4s ease;}\r\n .auto-card:hover{border-color:var(--primary);transform:translateY(-5px);}\r\n .auto-card h4{font-family:var(--display);font-size:1rem;font-weight:600;margin-bottom:8px;}\r\n .auto-card p{color:var(--muted);font-size:0.82rem;line-height:1.6;font-weight:300;}\r\n\r\n \/* ---------- telegram \/ assistant ---------- *\/\r\n .split-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}\r\n .phone-mockup{width:260px;margin:0 auto;border:1px solid rgba(255,255,255,0.12);border-radius:28px;\r\n padding:14px;background:rgba(255,255,255,0.02);box-shadow:0 30px 80px rgba(0,0,0,0.5);}\r\n .phone-screen{background:#020302;border-radius:18px;padding:16px;min-height:340px;display:flex;flex-direction:column;gap:10px;}\r\n .tg-bubble{max-width:80%;padding:10px 14px;border-radius:12px;font-size:0.78rem;line-height:1.5;}\r\n .tg-bubble.user{background:rgba(255,255,255,0.06);align-self:flex-end;}\r\n .tg-bubble.bot{background:rgba(0,255,150,0.1);border:1px solid var(--glass-border);align-self:flex-start;}\r\n\r\n .assistant-card{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:18px;padding:30px;}\r\n .assistant-avatar{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle, rgba(0,255,150,0.9), rgba(0,255,150,0.1));\r\n display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:#000;margin-bottom:16px;}\r\n .assistant-question{font-family:var(--display);font-size:1.2rem;font-weight:600;margin-bottom:20px;}\r\n .assistant-input{display:flex;gap:10px;}\r\n .assistant-input input{flex:1;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);\r\n border-radius:10px;padding:12px 16px;color:var(--text);font-family:var(--body);font-size:0.9rem;outline:none;}\r\n .assistant-input input:focus{border-color:var(--primary);}\r\n\r\n \/* ---------- tech stack ---------- *\/\r\n .chip-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\r\n .chip{font-family:var(--mono);font-size:0.78rem;color:var(--text);border:1px solid rgba(255,255,255,0.1);\r\n padding:9px 18px;border-radius:100px;background:var(--card);transition:all .3s ease;}\r\n .chip:hover{border-color:var(--primary);color:var(--primary);}\r\n\r\n \/* ---------- timeline ---------- *\/\r\n .metro-line{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:960px;margin:0 auto;}\r\n .metro-line::before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;background:rgba(0,255,150,0.2);}\r\n .metro-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1;flex:1;}\r\n .metro-dot{width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--primary);}\r\n .metro-stop span{font-family:var(--mono);font-size:0.7rem;color:var(--muted);text-align:center;}\r\n\r\n \/* ---------- future ---------- *\/\r\n .future-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}\r\n .future-card{background:var(--card);border:1px dashed rgba(255,255,255,0.12);border-radius:14px;padding:24px 12px;text-align:center;\r\n opacity:0.75;transition:all .4s ease;}\r\n .future-card:hover{opacity:1;border-color:rgba(0,255,150,0.3);}\r\n .future-card h5{font-family:var(--display);font-size:0.78rem;font-weight:600;color:var(--muted);}\r\n\r\n \/* ---------- digital twin ---------- *\/\r\n .twin-banner{border:1px solid var(--glass-border);border-radius:20px;padding:44px;\r\n background:radial-gradient(ellipse at top left, rgba(0,255,150,0.08), transparent 60%), var(--card);}\r\n .twin-banner h3{font-family:var(--display);font-size:1.5rem;font-weight:600;margin-bottom:14px;}\r\n .twin-banner p{color:var(--muted);font-size:0.92rem;line-height:1.7;font-weight:300;margin-bottom:26px;max-width:600px;}\r\n .twin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}\r\n .twin-mini{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px;}\r\n .twin-mini .l{font-family:var(--mono);font-size:0.66rem;color:var(--muted);}\r\n .twin-mini .v{font-family:var(--display);font-size:1.05rem;font-weight:600;color:var(--primary);margin-top:4px;}\r\n\r\n @media (max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .browser-stage{height:380px;order:-1;}\r\n .stat-grid{grid-template-columns:repeat(2,1fr);}\r\n .builder-layout{grid-template-columns:1fr;}\r\n .cube-grid{grid-template-columns:repeat(2,1fr);}\r\n .service-grid{grid-template-columns:repeat(2,1fr);}\r\n .city-grid{grid-template-columns:repeat(3,1fr);}\r\n .auto-grid{grid-template-columns:1fr 1fr;}\r\n .split-panel{grid-template-columns:1fr;}\r\n .future-grid{grid-template-columns:repeat(3,1fr);}\r\n .twin-metrics{grid-template-columns:1fr 1fr;}\r\n .metro-line{flex-wrap:wrap;}\r\n .metro-line::before{display:none;}\r\n }\r\n @media (max-width:600px){\r\n .stat-grid{grid-template-columns:1fr 1fr;}\r\n .cube-grid{grid-template-columns:1fr;}\r\n .service-grid{grid-template-columns:1fr;}\r\n .city-grid{grid-template-columns:repeat(2,1fr);}\r\n .auto-grid{grid-template-columns:1fr;}\r\n .future-grid{grid-template-columns:1fr 1fr;}\r\n .py{padding:100px 0;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<canvas id=\"bg-canvas\"><\/canvas>\r\n<div class=\"noise\"><\/div>\r\n<div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\" id=\"top\">\r\n <div class=\"hero-grid container\">\r\n <div>\r\n <div class=\"eyebrow\"><span class=\"dot\" style=\"width:6px;height:6px;\"><\/span> \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/div>\r\n <h1>\u0645\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.<br>\u0645\u0627 <span class=\"accent\">\u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span><br>\u0647\u0648\u0634\u0645\u0646\u062f \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.<\/h1>\r\n <p class=\"hero-sub\">\u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc\u060c \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u2014 \u0632\u0646\u062f\u0647 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0646\u060c \u0637\u0631\u0627\u062d\u06cc\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0641\u06a9\u0631 \u06a9\u0631\u062f\u0646\u060c \u0646\u0647 \u0641\u0642\u0637 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0646.<\/p>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/span>\r\n <span class=\"tag\">\u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc<\/span>\r\n <span class=\"tag\">\u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc<\/span>\r\n <span class=\"tag\">\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/span>\r\n <span class=\"tag\">\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646<\/span>\r\n <\/div>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn-primary\" onclick=\"document.getElementById('builder').scrollIntoView({behavior:'smooth'})\">\u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u0645\u0646 \u0631\u0648 \u0628\u0633\u0627\u0632<\/button>\r\n <button class=\"btn-ghost\" onclick=\"document.getElementById('showcase').scrollIntoView({behavior:'smooth'})\">\u25b6 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"browser-stage\">\r\n <div class=\"browser-frame\">\r\n <div class=\"browser-bar\">\r\n <div class=\"bdot\" style=\"background:#ff5f57;\"><\/div><div class=\"bdot\" style=\"background:#febc2e;\"><\/div><div class=\"bdot\" style=\"background:#28c840;\"><\/div>\r\n <div class=\"browser-url\">amir.technology \u2014 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u2026<\/div>\r\n <\/div>\r\n <div class=\"browser-body\" id=\"browserBody\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WEBSITE CREATION CENTER -->\r\n<section class=\"py\" id=\"creation-center\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u0633\u0627\u062e\u062a \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/div>\r\n <h2>\u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062e\u062f\u0645\u0627\u062a \u0646\u06cc\u0633\u062a. \u06cc\u06a9 \u06a9\u0627\u0631\u06af\u0627\u0647 \u0633\u0627\u062e\u062a \u0632\u0646\u062f\u0647\u200c\u0633\u062a.<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid\">\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/div><div class=\"stat-value\" data-target=\"248\">0<\/div><div class=\"stat-sub\">\u25cf \u062a\u062d\u0648\u06cc\u0644\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div><div class=\"stat-value\" data-target=\"582\">0<\/div><div class=\"stat-sub\">\u25cf \u0645\u0633\u062a\u0642\u0631\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627<\/div><div class=\"stat-value\" data-target=\"1248\">0<\/div><div class=\"stat-sub\">\u25cf \u0632\u0646\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0635\u062d\u0646\u0647\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc<\/div><div class=\"stat-value\" data-target=\"856\">0<\/div><div class=\"stat-sub\">\u25cf \u0631\u0646\u062f\u0631\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627<\/div><div class=\"stat-value\" data-target=\"15428\">0<\/div><div class=\"stat-sub\">\u25cf \u0627\u0631\u0627\u0626\u0647\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc<\/div><div class=\"stat-value\" data-target=\"99.99\" data-decimal=\"2\">0<span class=\"unit\">%<\/span><\/div><div class=\"stat-sub\">\u25cf \u062a\u0623\u06cc\u06cc\u062f\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INTERACTIVE WEBSITE BUILDER -->\r\n<section class=\"py\" id=\"builder\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0633\u0627\u0632\u0646\u062f\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/div>\r\n <h2>\u06cc\u06a9 \u0628\u0644\u0648\u06a9 \u0628\u06a9\u0634. \u0628\u0628\u06cc\u0646 AI \u0686\u0637\u0648\u0631 \u062f\u0648\u0631\u0634 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0647.<\/h2>\r\n <\/div>\r\n <div class=\"builder-layout reveal\">\r\n <div class=\"builder-palette\" id=\"palette\"><\/div>\r\n <div class=\"builder-canvas\" id=\"builderCanvas\"><div class=\"canvas-empty\">\u0631\u0648\u06cc \u06cc\u06a9 \u0628\u0644\u0648\u06a9 \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u06a9\u0644\u06cc\u06a9 \u06a9\u0646 \u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0627\u0636\u0627\u0641\u0647 \u0628\u0634\u0647<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI WEBSITE DNA -->\r\n<section class=\"py\" id=\"dna\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">DNA \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0647\u0631 \u0633\u0627\u06cc\u062a \u06cc\u06a9 \u0646\u0645\u0627\u06cc\u0647 \u0698\u0646\u062a\u06cc\u06a9\u06cc \u062f\u0627\u0631\u0647<\/h2>\r\n <\/div>\r\n <div class=\"dna-layout reveal\" id=\"dnaLayout\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INTERACTIVE SHOWCASE -->\r\n<section class=\"py\" id=\"showcase\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0648\u06cc\u062a\u0631\u06cc\u0646 \u062a\u0639\u0627\u0645\u0644\u06cc<\/div>\r\n <h2>\u0648\u0627\u0631\u062f \u06a9\u0627\u0631 \u0628\u0634\u0648<\/h2>\r\n <p>\u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0645\u06a9\u0639\u0628 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062e\u0648\u062f\u0634\u0647 \u2014 \u0648\u0627\u0631\u062f\u0634 \u0634\u0648 \u0648 \u0633\u0627\u06cc\u062a \u0632\u0646\u062f\u0647 \u0631\u0648 \u0628\u0628\u06cc\u0646.<\/p>\r\n <\/div>\r\n <div class=\"cube-grid reveal\" id=\"cubeGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"py\" id=\"services\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u062e\u062f\u0645\u0627\u062a<\/div>\r\n <h2>\u0647\u0645\u0647\u200c\u0686\u06cc\u0632 \u0632\u06cc\u0631 \u06cc\u06a9 \u0633\u0642\u0641<\/h2>\r\n <\/div>\r\n <div class=\"service-grid reveal\" id=\"serviceGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI AGENT INTEGRATION -->\r\n<section class=\"py\" id=\"integration\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\r\n <h2>\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u062a\u060c \u0645\u062a\u0635\u0644 \u0628\u0647 \u0647\u0645\u0647\u200c\u0686\u06cc\u0632<\/h2>\r\n <\/div>\r\n <div class=\"flow-wrap reveal\" id=\"integrationFlow\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- 3D EXPERIENCE SHOWROOM -->\r\n<section class=\"py\" id=\"showroom\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0646\u0645\u0627\u06cc\u0634\u06af\u0627\u0647 \u062a\u062c\u0631\u0628\u0647 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc<\/div>\r\n <h2>\u06cc\u06a9 \u0634\u0647\u0631 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u2014 \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0631\u0648\u0698\u0647<\/h2>\r\n <\/div>\r\n <div class=\"city-grid reveal\" id=\"cityGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- LIVE PERFORMANCE CENTER -->\r\n<section class=\"py\" id=\"performance\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0646\u062f\u0647<\/div>\r\n <h2>\u0639\u062f\u062f\u0647\u0627\u060c \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid\">\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646<\/div><div class=\"stat-value\" data-target=\"28452\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0686\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div><div class=\"stat-value\" data-target=\"1842\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0633\u0641\u0627\u0631\u0634\u200c\u0647\u0627<\/div><div class=\"stat-value\" data-target=\"254\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0633\u0631\u0639\u062a<\/div><div class=\"stat-value\" style=\"font-size:1.4rem;\">0.8s<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0633\u0626\u0648<\/div><div class=\"stat-value\" data-target=\"98\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">Core Web Vitals<\/div><div class=\"stat-value\" style=\"font-size:1.2rem;color:var(--primary);\">\u0642\u0628\u0648\u0644<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI AUTOMATION -->\r\n<section class=\"py\" id=\"automation\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div>\r\n <h2>\u06a9\u0627\u0631\u06cc \u06a9\u0647 \u0648\u0642\u062a\u06cc \u062e\u0648\u0627\u0628\u06cc \u0647\u0645 \u0627\u062f\u0627\u0645\u0647 \u062f\u0627\u0631\u0647<\/h2>\r\n <\/div>\r\n <div class=\"auto-grid reveal\">\r\n <div class=\"auto-card\"><h4>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0627\u06cc\u0645\u06cc\u0644<\/h4><p>\u062f\u0646\u0628\u0627\u0644\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627 \u0631\u0641\u062a\u0627\u0631 \u0647\u0631 \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u062a\u0637\u0628\u06cc\u0642 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0646.<\/p><\/div>\r\n <div class=\"auto-card\"><h4>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 CRM<\/h4><p>\u0647\u0631 \u0633\u0631\u0646\u062e\u060c \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06cc\u06a9 \u06a9\u0644\u06cc\u06a9 \u062b\u0628\u062a \u0648 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u0645\u06cc\u200c\u0634\u0647.<\/p><\/div>\r\n <div class=\"auto-card\"><h4>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0628\u0627\u0632\u0627\u0631\u06cc\u0627\u0628\u06cc<\/h4><p>\u06a9\u0645\u067e\u06cc\u0646\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634\u0648\u0646 \u0628\u0627 \u06cc\u06a9 \u0633\u06cc\u06af\u0646\u0627\u0644 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u06cc\u200c\u0634\u0646.<\/p><\/div>\r\n <div class=\"auto-card\"><h4>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0641\u0627\u06a9\u062a\u0648\u0631<\/h4><p>\u0635\u0648\u0631\u062a\u200c\u062d\u0633\u0627\u0628\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 \u0631\u0648 \u062f\u0631 \u0644\u062d\u0638\u0647 \u062a\u0637\u0628\u06cc\u0642 \u0645\u06cc\u200c\u062f\u0647.<\/p><\/div>\r\n <div class=\"auto-card\"><h4>\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u0641\u0631\u0648\u0634<\/h4><p>\u067e\u06cc\u06af\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686 \u0641\u0631\u0635\u062a\u06cc \u0631\u0648 \u0627\u0632 \u062f\u0633\u062a \u0646\u0645\u06cc\u200c\u062f\u0646.<\/p><\/div>\r\n <div class=\"auto-card\"><h4>\u0645\u0633\u06cc\u0631 \u0645\u0634\u062a\u0631\u06cc<\/h4><p>\u0647\u0631 \u0646\u0642\u0637\u0647 \u062a\u0645\u0627\u0633\u060c \u062a\u0648\u0633\u0637 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0646\u0642\u0634\u0647\u200c\u0628\u0631\u062f\u0627\u0631\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647 \u0645\u06cc\u200c\u0634\u0647.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TELEGRAM BOT + AI ASSISTANT -->\r\n<section class=\"py\" id=\"assistant\">\r\n <div class=\"container\">\r\n <div class=\"split-panel reveal\">\r\n <div>\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u0631\u0628\u0627\u062a \u062a\u0644\u06af\u0631\u0627\u0645<\/div>\r\n <h2 style=\"font-family:var(--display);font-size:1.8rem;font-weight:600;margin-bottom:16px;\">\u062e\u0648\u062f\u062a \u0632\u0646\u062f\u0647 \u0627\u0645\u062a\u062d\u0627\u0646\u0634 \u06a9\u0646<\/h2>\r\n <p style=\"color:var(--muted);font-size:0.95rem;line-height:1.7;font-weight:300;max-width:400px;\">\u0647\u0631 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a AMIR \u0645\u06cc\u200c\u062a\u0648\u0646\u0647 \u0628\u0627 \u0631\u0628\u0627\u062a \u062a\u0644\u06af\u0631\u0627\u0645 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062e\u0648\u062f\u0634 \u0639\u0631\u0636\u0647 \u0628\u0634\u0647 \u2014 \u062c\u0648\u0627\u0628 \u0633\u0624\u0627\u0644\u060c \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0648 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0633\u0631\u0646\u062e\u060c \u0634\u0628\u0627\u0646\u0647\u200c\u0631\u0648\u0632.<\/p>\r\n <\/div>\r\n <div class=\"phone-mockup\">\r\n <div class=\"phone-screen\" id=\"tgScreen\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"py\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"assistant-card reveal\" style=\"max-width:560px;margin:0 auto;\">\r\n <div class=\"assistant-avatar\">AI<\/div>\r\n <div class=\"assistant-question\">\u0627\u0645\u0631\u0648\u0632 \u0686\u06cc \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc \u0628\u0633\u0627\u0632\u06cc\u061f<\/div>\r\n <div class=\"assistant-input\">\r\n <input type=\"text\" placeholder=\"\u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u060c \u06cc\u06a9 \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\u060c \u06cc\u06a9 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646\u2026\">\r\n <button class=\"btn-primary\">\u0634\u0631\u0648\u0639<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- TECH STACK -->\r\n<section class=\"py\" id=\"stack\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u067e\u0634\u062a\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0633\u0627\u062e\u062a\u0647\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u06cc \u062c\u062f\u06cc<\/h2>\r\n <\/div>\r\n <div class=\"chip-row reveal\">\r\n <span class=\"chip\">HTML5<\/span><span class=\"chip\">Three.js<\/span><span class=\"chip\">React<\/span><span class=\"chip\">Next.js<\/span>\r\n <span class=\"chip\">GSAP<\/span><span class=\"chip\">Node.js<\/span><span class=\"chip\">Laravel<\/span><span class=\"chip\">Python<\/span>\r\n <span class=\"chip\">AI<\/span><span class=\"chip\">WebGL<\/span><span class=\"chip\">Cloud<\/span><span class=\"chip\">Docker<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PROJECT TIMELINE -->\r\n<section class=\"py\" id=\"timeline\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u062c\u062f\u0648\u0644 \u0632\u0645\u0627\u0646\u06cc \u067e\u0631\u0648\u0698\u0647<\/div>\r\n <h2>\u0627\u0632 \u0627\u06cc\u062f\u0647 \u062a\u0627 \u0631\u0634\u062f<\/h2>\r\n <\/div>\r\n <div class=\"metro-line reveal\">\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u0627\u06cc\u062f\u0647<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u0637\u0631\u0627\u062d\u06cc<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u062a\u0648\u0633\u0639\u0647<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u062a\u0633\u062a<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/span><\/div>\r\n <div class=\"metro-stop\"><div class=\"metro-dot\"><\/div><span>\u0631\u0634\u062f<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FUTURE EXPERIENCE -->\r\n<section class=\"py\" id=\"future\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u062a\u062c\u0631\u0628\u0647 \u0622\u06cc\u0646\u062f\u0647<\/div>\r\n <h2>\u0686\u0647 \u0686\u06cc\u0632\u06cc \u062f\u0631 \u0631\u0627\u0647\u0647<\/h2>\r\n <\/div>\r\n <div class=\"future-grid reveal\">\r\n <div class=\"future-card\"><h5>\u0648\u0627\u0642\u0639\u06cc\u062a \u0627\u0641\u0632\u0648\u062f\u0647<\/h5><\/div>\r\n <div class=\"future-card\"><h5>\u0648\u0627\u0642\u0639\u06cc\u062a \u0645\u062c\u0627\u0632\u06cc<\/h5><\/div>\r\n <div class=\"future-card\"><h5>\u0648\u0627\u0642\u0639\u06cc\u062a \u062a\u0631\u06a9\u06cc\u0628\u06cc<\/h5><\/div>\r\n <div class=\"future-card\"><h5>\u0648\u0628 \u0641\u0636\u0627\u06cc\u06cc<\/h5><\/div>\r\n <div class=\"future-card\"><h5>\u0622\u0648\u0627\u062a\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/h5><\/div>\r\n <div class=\"future-card\"><h5>\u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h5><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WEBSITE DIGITAL TWIN -->\r\n<section class=\"py\" id=\"digital-twin\" style=\"background:rgba(255,255,255,0.012);\">\r\n <div class=\"container\">\r\n <div class=\"twin-banner reveal\">\r\n <div class=\"section-eyebrow\">\u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/div>\r\n <h3>\u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u06cc\u06a9 \u0627\u062a\u0627\u0642 \u06a9\u0646\u062a\u0631\u0644 \u0632\u0646\u062f\u0647 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0647<\/h3>\r\n <p>\u0646\u0647 \u0641\u0642\u0637 \u06cc\u06a9 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631 \u2014 \u06cc\u06a9 \u062f\u0648\u0642\u0644\u0648\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0632 \u0633\u0627\u06cc\u062a \u0648\u0627\u0642\u0639\u06cc \u06a9\u0647 \u0646\u0634\u0648\u0646 \u0645\u06cc\u200c\u062f\u0647 \u0686\u0647 \u06a9\u0633\u0627\u0646\u06cc \u0631\u0648\u0634 \u0647\u0633\u062a\u0646\u060c \u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0686\u06cc\u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f\u0634 \u0686\u0637\u0648\u0631\u0647\u060c \u0647\u0645\u0647 \u0632\u0646\u062f\u0647.<\/p>\r\n <div class=\"twin-metrics\">\r\n <div class=\"twin-mini\"><div class=\"l\">\u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0627\u06cc\u0646<\/div><div class=\"v\">312<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div><div class=\"v\">\u0641\u0639\u0627\u0644<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0631\u0628\u0627\u062a \u062a\u0644\u06af\u0631\u0627\u0645<\/div><div class=\"v\">\u0622\u0646\u0644\u0627\u06cc\u0646<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0641\u0631\u0648\u0634 \u0632\u0646\u062f\u0647<\/div><div class=\"v\">$4,820<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633<\/div><div class=\"v\">\u06f6 \u0641\u0639\u0627\u0644<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0633\u0644\u0627\u0645\u062a \u0633\u0631\u0648\u0631<\/div><div class=\"v\">99.9%<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">Core Web Vitals<\/div><div class=\"v\">98 \/ 100<\/div><\/div>\r\n <div class=\"twin-mini\"><div class=\"l\">\u0645\u0633\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631<\/div><div class=\"v\">\u0646\u0642\u0634\u0647\u200c\u0628\u0631\u062f\u0627\u0631\u06cc\u200c\u0634\u062f\u0647<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* cursor glow *\/\r\nconst glow = document.getElementById('cursorGlow');\r\nwindow.addEventListener('pointermove', (e) => { glow.style.left = e.clientX + 'px'; glow.style.top = e.clientY + 'px'; }, {passive:true});\r\n\r\n\/* scroll reveal *\/\r\nconst io = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add('in'); io.unobserve(entry.target); } });\r\n}, {threshold:0.15});\r\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n\r\n\/* background particle field *\/\r\n(function(){\r\n const canvas = document.getElementById('bg-canvas');\r\n const ctx = canvas.getContext('2d');\r\n let w,h,particles;\r\n function resize(){ w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; }\r\n function init(){\r\n resize();\r\n const count = Math.min(90, Math.floor(w\/18));\r\n particles = Array.from({length:count}, () => ({x:Math.random()*w,y:Math.random()*h,vx:(Math.random()-0.5)*0.15,vy:(Math.random()-0.5)*0.15,r:Math.random()*1.4+0.4}));\r\n }\r\n function draw(){\r\n ctx.clearRect(0,0,w,h);\r\n ctx.fillStyle='rgba(0,255,150,0.5)';\r\n for(const p of particles){\r\n p.x+=p.vx; p.y+=p.vy;\r\n if(p.x<0)p.x=w; if(p.x>w)p.x=0; if(p.y<0)p.y=h; if(p.y>h)p.y=0;\r\n ctx.globalAlpha=0.3; ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2); ctx.fill();\r\n }\r\n ctx.strokeStyle='rgba(0,255,150,0.08)';\r\n for(let i=0;i<particles.length;i++) for(let j=i+1;j<particles.length;j++){\r\n const dx=particles[i].x-particles[j].x, dy=particles[i].y-particles[j].y, d=Math.sqrt(dx*dx+dy*dy);\r\n if(d<110){ ctx.globalAlpha=(1-d\/110)*0.25; ctx.beginPath(); ctx.moveTo(particles[i].x,particles[i].y); ctx.lineTo(particles[j].x,particles[j].y); ctx.stroke(); }\r\n }\r\n requestAnimationFrame(draw);\r\n }\r\n window.addEventListener('resize', init);\r\n init(); draw();\r\n})();\r\n\r\n\/* browser mockup \u2014 AI builds the page block by block, then loops *\/\r\nconst browserBody = document.getElementById('browserBody');\r\nconst blockPlan = [\r\n {h:34, w:'40%', delay:0}, {h:90, w:'100%', delay:250}, {h:16, w:'70%', delay:550},\r\n {h:16, w:'55%', delay:700}, {h:60, w:'48%', delay:950, float:true}, {h:60, w:'48%', delay:1050, float:true},\r\n {h:44, w:'30%', delay:1400}\r\n];\r\nfunction runBrowserBuild(){\r\n browserBody.innerHTML = '';\r\n blockPlan.forEach(b => {\r\n setTimeout(() => {\r\n const el = document.createElement('div');\r\n el.className = 'build-block';\r\n el.style.height = b.h+'px';\r\n el.style.width = b.w;\r\n if(b.float) el.style.display='inline-block';\r\n if(b.float) el.style.marginRight='4%';\r\n browserBody.appendChild(el);\r\n requestAnimationFrame(() => { el.style.height = b.h+'px'; });\r\n }, b.delay);\r\n });\r\n}\r\nrunBrowserBuild();\r\nsetInterval(runBrowserBuild, 4200);\r\n\r\n\/* counters *\/\r\nconst counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n const el = entry.target;\r\n const target = parseFloat(el.dataset.target);\r\n const decimals = parseInt(el.dataset.decimal || '0');\r\n let start = performance.now();\r\n function tick(now){\r\n const p = Math.min(1,(now-start)\/1500);\r\n const eased = 1 - Math.pow(1-p,3);\r\n const cur = target*eased;\r\n el.childNodes[0].nodeValue = decimals>0 ? cur.toFixed(decimals) : Math.round(cur).toLocaleString();\r\n if(p<1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n counterObserver.unobserve(el);\r\n }\r\n });\r\n}, {threshold:0.4});\r\ndocument.querySelectorAll('.stat-value[data-target]').forEach(c => counterObserver.observe(c));\r\n\r\n\/* interactive builder *\/\r\nconst paletteItems = ['\u0628\u062e\u0634 \u0647\u06cc\u0631\u0648','\u06af\u0631\u06cc\u062f \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627','\u062c\u062f\u0648\u0644 \u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc','\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646','\u0648\u06cc\u062c\u062a \u0686\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u0641\u0631\u0645 \u062a\u0645\u0627\u0633','\u06af\u0627\u0644\u0631\u06cc','\u0641\u0648\u062a\u0631'];\r\nconst palette = document.getElementById('palette');\r\nconst builderCanvas = document.getElementById('builderCanvas');\r\npaletteItems.forEach(name => {\r\n const item = document.createElement('div');\r\n item.className = 'palette-item';\r\n item.textContent = '+ ' + name;\r\n item.addEventListener('click', () => addBlockToCanvas(name));\r\n palette.appendChild(item);\r\n});\r\nfunction addBlockToCanvas(name){\r\n const empty = builderCanvas.querySelector('.canvas-empty');\r\n if(empty) empty.remove();\r\n const block = document.createElement('div');\r\n block.className = 'canvas-block';\r\n block.innerHTML = `<span>${name}<\/span><span class=\"remove\">\u2715<\/span>`;\r\n block.querySelector('.remove').addEventListener('click', () => {\r\n block.remove();\r\n if(!builderCanvas.querySelector('.canvas-block')){\r\n builderCanvas.innerHTML = '<div class=\"canvas-empty\">Click a block on the left to add it here<\/div>';\r\n }\r\n });\r\n builderCanvas.appendChild(block);\r\n}\r\n\r\n\/* AI Website DNA *\/\r\nconst dnaSkills = {'\u0637\u0631\u0627\u062d\u06cc':92, '\u0633\u0626\u0648':96, '\u0633\u0631\u0639\u062a':94, '\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646':88, '\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc':97, '\u0627\u0645\u0646\u06cc\u062a':85, '\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646':90};\r\nconst dnaLayout = document.getElementById('dnaLayout');\r\nObject.entries(dnaSkills).forEach(([label,val]) => {\r\n const row = document.createElement('div');\r\n row.className = 'dna-row';\r\n row.innerHTML = `<div class=\"dna-label\">${label}<\/div><div class=\"dna-bar\"><div class=\"dna-fill\" data-val=\"${val}\"><\/div><\/div>`;\r\n dnaLayout.appendChild(row);\r\n});\r\nconst dnaObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.querySelectorAll('.dna-fill').forEach(f => f.style.width = f.dataset.val + '%');\r\n dnaObserver.unobserve(entry.target);\r\n }\r\n });\r\n}, {threshold:0.3});\r\ndnaObserver.observe(dnaLayout);\r\n\r\n\/* showcase cubes *\/\r\nconst projects = ['\u067e\u0644\u062a\u0641\u0631\u0645 \u0641\u06cc\u0646\u200c\u062a\u06a9','\u067e\u0648\u0631\u062a\u0627\u0644 \u0633\u0644\u0627\u0645\u062a','\u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0634\u0647\u0631 \u0647\u0648\u0634\u0645\u0646\u062f','\u0645\u062c\u0645\u0648\u0639\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc','\u0647\u0627\u0628 \u0644\u062c\u0633\u062a\u06cc\u06a9','\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u0645\u0644\u0627\u06a9','\u0631\u0628\u0627\u062a \u0647\u062a\u0644\u062f\u0627\u0631\u06cc','CRM \u0633\u0627\u0632\u0645\u0627\u0646\u06cc'];\r\nconst cubeGrid = document.getElementById('cubeGrid');\r\nprojects.forEach((name,i) => {\r\n const cube = document.createElement('div');\r\n cube.className = 'cube-card';\r\n cube.innerHTML = `<h5>${name}<\/h5><span>\u2190 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0627\u06cc\u062a \u0632\u0646\u062f\u0647<\/span>`;\r\n cubeGrid.appendChild(cube);\r\n});\r\n\r\n\/* services with line-art icons *\/\r\nconst ICONS = {\r\n websites: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"30\" cy=\"30\" r=\"22\"\/><line x1=\"8\" y1=\"30\" x2=\"52\" y2=\"30\"\/><path d=\"M30 8 C20 18 20 42 30 52 C40 42 40 18 30 8Z\"\/><\/svg>`,\r\n agents: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"16\" y=\"20\" width=\"28\" height=\"22\" rx=\"6\"\/><circle cx=\"24\" cy=\"31\" r=\"2.5\" fill=\"currentColor\"\/><circle cx=\"36\" cy=\"31\" r=\"2.5\" fill=\"currentColor\"\/><line x1=\"30\" y1=\"20\" x2=\"30\" y2=\"10\"\/><circle cx=\"30\" cy=\"8\" r=\"2.5\"\/><\/svg>`,\r\n telegram: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 32 L50 12 L40 50 L28 36 L18 42 Z\"\/><line x1=\"28\" y1=\"36\" x2=\"50\" y2=\"12\"\/><\/svg>`,\r\n pwa: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"18\" y=\"6\" width=\"24\" height=\"48\" rx=\"5\"\/><line x1=\"26\" y1=\"46\" x2=\"34\" y2=\"46\"\/><\/svg>`,\r\n ecommerce: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M10 16 H16 L22 40 H44 L50 20 H18\"\/><circle cx=\"24\" cy=\"48\" r=\"3\"\/><circle cx=\"42\" cy=\"48\" r=\"3\"\/><\/svg>`,\r\n portals: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"14\" y=\"14\" width=\"32\" height=\"38\" rx=\"2\"\/><line x1=\"20\" y1=\"22\" x2=\"26\" y2=\"22\"\/><line x1=\"20\" y1=\"30\" x2=\"26\" y2=\"30\"\/><line x1=\"20\" y1=\"38\" x2=\"26\" y2=\"38\"\/><line x1=\"34\" y1=\"22\" x2=\"40\" y2=\"22\"\/><line x1=\"34\" y1=\"30\" x2=\"40\" y2=\"30\"\/><\/svg>`,\r\n dashboards: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"46\" x2=\"12\" y2=\"30\"\/><line x1=\"24\" y1=\"46\" x2=\"24\" y2=\"18\"\/><line x1=\"36\" y1=\"46\" x2=\"36\" y2=\"26\"\/><line x1=\"48\" y1=\"46\" x2=\"48\" y2=\"14\"\/><line x1=\"8\" y1=\"46\" x2=\"52\" y2=\"46\"\/><\/svg>`,\r\n automation: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"30\" cy=\"30\" r=\"8\"\/><path d=\"M30 12 V18 M30 42 V48 M12 30 H18 M42 30 H48 M17 17 L21 21 M39 39 L43 43 M43 17 L39 21 M21 39 L17 43\"\/><\/svg>`,\r\n cloud: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18 40 C10 40 8 30 16 28 C16 18 32 16 36 26 C46 24 48 38 40 40 Z\"\/><\/svg>`,\r\n api: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M22 14 L10 30 L22 46\"\/><path d=\"M38 14 L50 30 L38 46\"\/><\/svg>`,\r\n threeD: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M30 8 L50 20 V40 L30 52 L10 40 V20 Z\"\/><path d=\"M10 20 L30 32 L50 20\"\/><line x1=\"30\" y1=\"32\" x2=\"30\" y2=\"52\"\/><\/svg>`,\r\n motion: `<svg viewBox=\"0 0 60 60\" stroke=\"currentColor\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"30\" cy=\"30\" r=\"22\"\/><path d=\"M25 20 L40 30 L25 40 Z\"\/><\/svg>`\r\n};\r\nconst services = [\r\n {icon:'websites', name:'\u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f'}, {icon:'agents', name:'\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc'}, {icon:'telegram', name:'\u0631\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u062a\u0644\u06af\u0631\u0627\u0645'},\r\n {icon:'pwa', name:'\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0648\u0628 \u067e\u06cc\u0634\u0631\u0648'}, {icon:'ecommerce', name:'\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u0647\u0648\u0634\u0645\u0646\u062f'}, {icon:'portals', name:'\u067e\u0648\u0631\u062a\u0627\u0644\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc'},\r\n {icon:'dashboards', name:'\u062f\u0627\u0634\u0628\u0648\u0631\u062f\u0647\u0627'}, {icon:'automation', name:'\u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646'}, {icon:'cloud', name:'\u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0627\u0628\u0631\u06cc'},\r\n {icon:'api', name:'\u062a\u0648\u0633\u0639\u0647 API'}, {icon:'threeD', name:'\u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc'}, {icon:'motion', name:'\u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0634\u0646'}\r\n];\r\nconst serviceGrid = document.getElementById('serviceGrid');\r\nservices.forEach(s => {\r\n const card = document.createElement('div');\r\n card.className = 'service-card';\r\n card.innerHTML = `<div class=\"service-icon\">${ICONS[s.icon]}<\/div><h4>${s.name}<\/h4>`;\r\n serviceGrid.appendChild(card);\r\n});\r\n\r\n\/* integration flow *\/\r\nconst integrationSteps = ['\u0648\u0628\u200c\u0633\u0627\u06cc\u062a','\u0627\u06cc\u062c\u0646\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','CRM','\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633','\u0631\u0628\u0627\u062a \u062a\u0644\u06af\u0631\u0627\u0645','WhatsApp','\u067e\u0631\u062f\u0627\u062e\u062a','\u062a\u062d\u0644\u06cc\u0644 \u062f\u0627\u062f\u0647'];\r\nconst integrationFlow = document.getElementById('integrationFlow');\r\nintegrationSteps.forEach((label,i) => {\r\n const step = document.createElement('div');\r\n step.className = 'flow-step'; step.id = 'intStep'+i;\r\n step.innerHTML = `<div class=\"flow-num\">${String(i+1).padStart(2,'0')}<\/div><h4>${label}<\/h4>`;\r\n integrationFlow.appendChild(step);\r\n if(i < integrationSteps.length-1){ const c=document.createElement('div'); c.className='flow-connector'; integrationFlow.appendChild(c); }\r\n});\r\nlet intActive = 0;\r\nsetInterval(() => {\r\n document.querySelectorAll('#integrationFlow .flow-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById('intStep'+intActive).classList.add('active');\r\n intActive = (intActive+1) % integrationSteps.length;\r\n}, 900);\r\n\r\n\/* digital city *\/\r\nconst buildings = [\r\n {h:70,name:'\u0641\u06cc\u0646\u200c\u062a\u06a9'},{h:110,name:'\u0633\u0644\u0627\u0645\u062a'},{h:90,name:'\u062e\u0631\u062f\u0647\u200c\u0641\u0631\u0648\u0634\u06cc'},{h:140,name:'\u0634\u0647\u0631'},{h:60,name:'\u0633\u0641\u0631'},{h:100,name:'CRM'}\r\n];\r\nconst cityGrid = document.getElementById('cityGrid');\r\nbuildings.forEach(b => {\r\n const el = document.createElement('div');\r\n el.className = 'building';\r\n el.style.height = b.h+'px';\r\n el.innerHTML = `<span>${b.name}<\/span>`;\r\n cityGrid.appendChild(el);\r\n});\r\n\r\n\/* telegram chat loop *\/\r\nconst tgMessages = [\r\n {who:'user', text:'\u0627\u06cc\u0646 \u0631\u0646\u06af \u0622\u0628\u06cc \u0647\u0645 \u062f\u0627\u0631\u06cc\u062f\u061f'},\r\n {who:'bot', text:'\u0628\u0644\u0647! \u0622\u0628\u06cc \u0645\u0648\u062c\u0648\u062f\u0647. \u0627\u0636\u0627\u0641\u0647\u200c\u0634 \u06a9\u0646\u0645 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\u062a\u0648\u0646\u061f'},\r\n {who:'user', text:'\u0628\u0644\u0647 \u0644\u0637\u0641\u0627\u064b'},\r\n {who:'bot', text:'\u0627\u0646\u062c\u0627\u0645 \u0634\u062f \u2705 \u0627\u06cc\u0646 \u0647\u0645 \u0644\u06cc\u0646\u06a9 \u067e\u0631\u062f\u0627\u062e\u062a\u062a\u0648\u0646.'}\r\n];\r\nconst tgScreen = document.getElementById('tgScreen');\r\nlet tgIdx = 0;\r\nfunction pushTgMessage(){\r\n const m = tgMessages[tgIdx % tgMessages.length];\r\n const bubble = document.createElement('div');\r\n bubble.className = 'tg-bubble ' + m.who;\r\n bubble.textContent = m.text;\r\n tgScreen.appendChild(bubble);\r\n while(tgScreen.children.length > 5) tgScreen.removeChild(tgScreen.firstChild);\r\n tgIdx++;\r\n}\r\npushTgMessage();\r\nsetInterval(pushTgMessage, 1800);\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f \u2014 AMIR TECHNOLOGY \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0646\u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645.\u0645\u0627 \u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u0647\u0648\u0634\u0645\u0646\u062f \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645. \u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc\u060c \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u2014 \u0632\u0646\u062f\u0647 \u0633\u0627\u062e\u062a\u0647 \u0645\u06cc\u200c\u0634\u0646\u060c \u0637\u0631\u0627\u062d\u06cc\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0641\u06a9\u0631 \u06a9\u0631\u062f\u0646\u060c \u0646\u0647 \u0641\u0642\u0637 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0646. \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u062a\u062c\u0631\u0628\u0647\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0631\u0627\u0628\u0637\u200c\u0647\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc \u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u062a\u062c\u0631\u0628\u0647\u200c\u06cc \u0645\u0646 \u0631\u0648 \u0628\u0633\u0627\u0632 \u25b6 \u0645\u0634\u0627\u0647\u062f\u0647 \u0646\u0645\u0648\u0646\u0647\u200c\u06a9\u0627\u0631\u0647\u0627 amir.technology \u2014 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a\u2026 […]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1851","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/comments?post=1851"}],"version-history":[{"count":4,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1851\/revisions"}],"predecessor-version":[{"id":1855,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1851\/revisions\/1855"}],"wp:attachment":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/media?parent=1851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}