{"id":1867,"date":"2026-07-10T23:29:20","date_gmt":"2026-07-11T03:29:20","guid":{"rendered":"https:\/\/amir.technology\/smart-parking\/"},"modified":"2026-07-18T13:29:12","modified_gmt":"2026-07-18T17:29:12","slug":"smart-parking","status":"publish","type":"page","link":"https:\/\/amir.technology\/fa\/smart-parking\/","title":{"rendered":"\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \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\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f AMIR \u2014 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/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 --warn:#FFC24B;\r\n --danger:#FF5F5F;\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 .btn-mini{font-family:var(--mono);background:rgba(0,255,150,0.08);color:var(--primary);border:1px solid var(--glass-border);\r\n padding:7px 15px;border-radius:100px;font-size:0.68rem;font-weight:600;cursor:pointer;transition:all .3s ease;}\r\n .btn-mini:hover, .btn-mini.active{background:var(--primary);color:#000;}\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.6vw, 3.8rem);line-height:1.28;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:470px;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 .lot-stage{position:relative;height:520px;display:flex;align-items:center;justify-content:center;}\r\n #lot-canvas{width:100%;height:100%;}\r\n\r\n \/* ---------- stats ---------- *\/\r\n .stat-grid{display:grid;grid-template-columns:repeat(4,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.7rem;font-weight:600;}\r\n .stat-value .unit{font-size:0.82rem;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 \/* ---------- parking map ---------- *\/\r\n .floor-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;}\r\n .lot-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-width:820px;margin:0 auto;}\r\n .spot{aspect-ratio:1\/1.3;border-radius:6px;border:1px solid rgba(255,255,255,0.08);\r\n display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:0.6rem;\r\n color:rgba(255,255,255,0.6);transition:all .4s ease;}\r\n .spot.free{background:rgba(0,255,150,0.14);border-color:rgba(0,255,150,0.4);color:var(--primary);}\r\n .spot.reserved{background:rgba(255,194,75,0.14);border-color:rgba(255,194,75,0.4);color:var(--warn);}\r\n .spot.occupied{background:rgba(255,95,95,0.1);border-color:rgba(255,95,95,0.3);color:var(--danger);}\r\n .legend{display:flex;gap:22px;justify-content:center;margin-top:22px;font-family:var(--mono);font-size:0.72rem;color:var(--muted);}\r\n .legend span{display:inline-flex;align-items:center;gap:6px;}\r\n .legend .sw{width:10px;height:10px;border-radius:3px;}\r\n\r\n \/* ---------- flow ---------- *\/\r\n .flow-wrap{max-width:440px;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 \/* ---------- camera wall ---------- *\/\r\n .camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\r\n .camera-card{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:14px;overflow:hidden;}\r\n .camera-feed{height:110px;background:repeating-linear-gradient(45deg, rgba(0,255,150,0.04) 0 10px, rgba(255,255,255,0.02) 10px 20px);\r\n position:relative;display:flex;align-items:center;justify-content:center;}\r\n .camera-feed::after{content:'\u25cf LIVE';position:absolute;top:8px;left:8px;font-family:var(--mono);font-size:0.6rem;color:var(--danger);}\r\n .camera-body{padding:14px 16px;}\r\n .camera-body h5{font-family:var(--display);font-size:0.85rem;font-weight:600;margin-bottom:4px;}\r\n .camera-body p{font-family:var(--mono);font-size:0.66rem;color:var(--muted);}\r\n\r\n \/* ---------- LPR demo ---------- *\/\r\n .lpr-panel{max-width:480px;margin:0 auto;border:1px solid var(--glass-border);border-radius:18px;padding:32px;text-align:center;\r\n background:radial-gradient(circle at 50% 20%, rgba(0,255,150,0.08), transparent 65%), var(--card);}\r\n .lpr-frame{width:180px;height:70px;border:2px dashed rgba(0,255,150,0.4);border-radius:8px;margin:0 auto 18px;\r\n display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1.1rem;color:var(--primary);}\r\n .lpr-status{font-family:var(--mono);font-size:0.82rem;color:var(--text);min-height:20px;}\r\n\r\n \/* ---------- navigation map ---------- *\/\r\n .nav-svg{width:100%;max-width:600px;height:auto;display:block;margin:0 auto;}\r\n .nav-path{stroke:var(--primary);stroke-width:3;fill:none;stroke-dasharray:8 8;animation:dash 2s linear infinite;}\r\n @keyframes dash{to{stroke-dashoffset:-64;}}\r\n\r\n \/* ---------- mobile app ---------- *\/\r\n .phone-stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;}\r\n .phone-shell{width:260px;height:540px;border-radius:36px;border:1px solid rgba(255,255,255,0.14);\r\n background:linear-gradient(160deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));padding:14px;\r\n box-shadow:0 40px 100px rgba(0,0,0,0.55);position:relative;}\r\n .phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:86px;height:16px;background:#000;border-radius:100px;z-index:2;}\r\n .phone-inner{background:#020302;border-radius:24px;height:100%;overflow:hidden;position:relative;padding:26px 16px 16px;}\r\n .app-screen{position:absolute;inset:0;padding:26px 16px 16px;opacity:0;transition:opacity .5s ease;}\r\n .app-screen.active{opacity:1;}\r\n .app-top{font-family:var(--mono);font-size:0.66rem;color:var(--muted);margin-bottom:16px;}\r\n .app-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:14px;margin-bottom:10px;}\r\n .app-card h5{font-family:var(--display);font-size:0.8rem;font-weight:600;margin-bottom:4px;}\r\n .app-card p{font-family:var(--mono);font-size:0.64rem;color:var(--muted);}\r\n\r\n \/* ---------- security ---------- *\/\r\n .security-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}\r\n .security-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:18px 14px;text-align:center;}\r\n .security-card .status{font-family:var(--mono);font-size:0.6rem;color:var(--primary);margin-top:8px;}\r\n .security-card h5{font-family:var(--display);font-size:0.8rem;font-weight:600;}\r\n\r\n \/* ---------- EV charging ---------- *\/\r\n .ev-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}\r\n .ev-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px;text-align:center;}\r\n .ev-card .lvl{height:4px;border-radius:3px;background:rgba(255,255,255,0.08);margin-top:8px;overflow:hidden;}\r\n .ev-card .lvl-fill{height:100%;background:var(--primary);}\r\n .ev-card span{font-family:var(--mono);font-size:0.6rem;color:var(--muted);}\r\n\r\n \/* ---------- hub \/ smart city integration ---------- *\/\r\n .hub-svg{width:100%;max-width:820px;height:auto;display:block;margin:0 auto;}\r\n .hub-node{fill:var(--card);stroke:rgba(255,255,255,0.15);stroke-width:1;}\r\n .hub-node.center{stroke:var(--primary);fill:rgba(0,255,150,0.06);}\r\n .hub-label{font-family:var(--mono);font-size:11px;fill:var(--text);text-anchor:middle;}\r\n .hub-line{stroke:rgba(0,255,150,0.3);stroke-width:1.3;fill:none;stroke-dasharray:6 6;animation:dash 3.5s linear infinite;}\r\n\r\n \/* ---------- grids reused ---------- *\/\r\n .grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}\r\n .simple-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:24px 16px;text-align:center;\r\n transition:all .35s ease;}\r\n .simple-card:hover{border-color:rgba(0,255,150,0.3);transform:translateY(-4px);background:rgba(0,255,150,0.03);}\r\n .simple-card h5{font-family:var(--display);font-size:0.86rem;font-weight:600;}\r\n .future-card{background:var(--card);border:1px dashed rgba(255,255,255,0.12);border-radius:14px;padding:24px 16px;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-tag{font-family:var(--mono);font-size:0.66rem;color:var(--primary);border:1px solid var(--glass-border);\r\n padding:4px 10px;border-radius:100px;display:inline-block;margin-bottom:12px;}\r\n\r\n \/* ---------- digital twin ---------- *\/\r\n .twin-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;}\r\n .twin-panel{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:22px;}\r\n .twin-side{display:flex;flex-direction:column;gap:14px;}\r\n .twin-info{background:var(--card);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:20px;}\r\n .twin-info h5{font-family:var(--mono);font-size:0.72rem;color:var(--primary);margin-bottom:10px;}\r\n .twin-info .row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:0.76rem;color:var(--text);padding:5px 0;}\r\n\r\n \/* ---------- mobility ecosystem ---------- *\/\r\n .mobility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}\r\n .mobility-card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:24px 20px;\r\n transition:all .35s ease;}\r\n .mobility-card:hover{border-color:rgba(0,255,150,0.3);transform:translateY(-5px);background:rgba(0,255,150,0.03);}\r\n .mobility-card h4{font-family:var(--display);font-size:0.92rem;font-weight:600;}\r\n\r\n @media (max-width:980px){\r\n .hero-grid{grid-template-columns:1fr;}\r\n .lot-stage{height:380px;order:-1;}\r\n .stat-grid{grid-template-columns:repeat(2,1fr);}\r\n .lot-grid{grid-template-columns:repeat(6,1fr);}\r\n .camera-grid{grid-template-columns:1fr 1fr;}\r\n .security-grid{grid-template-columns:repeat(3,1fr);}\r\n .ev-grid{grid-template-columns:repeat(3,1fr);}\r\n .grid-5{grid-template-columns:repeat(3,1fr);}\r\n .twin-layout{grid-template-columns:1fr;}\r\n .mobility-grid{grid-template-columns:repeat(2,1fr);}\r\n .phone-stage{height:460px;}\r\n .phone-shell{transform:scale(0.85);}\r\n }\r\n @media (max-width:600px){\r\n .stat-grid{grid-template-columns:1fr 1fr;}\r\n .lot-grid{grid-template-columns:repeat(5,1fr);}\r\n .camera-grid{grid-template-columns:1fr;}\r\n .security-grid{grid-template-columns:1fr 1fr;}\r\n .ev-grid{grid-template-columns:repeat(2,1fr);}\r\n .grid-5{grid-template-columns:1fr 1fr;}\r\n .mobility-grid{grid-template-columns: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> \u067e\u0644\u062a\u0641\u0631\u0645 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h1>\u067e\u0627\u0631\u06a9 <span class=\"accent\">\u0647\u0648\u0634\u0645\u0646\u062f\u062a\u0631.<\/span><br>\u062d\u0631\u06a9\u062a \u0633\u0631\u06cc\u0639\u200c\u062a\u0631.<\/h1>\r\n <p class=\"hero-sub\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc\u060c \u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u0648 \u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9 \u2014 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 \u0631\u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u0647.<\/p>\r\n <div class=\"tag-row\">\r\n <span class=\"tag\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/span><span class=\"tag\">\u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631<\/span>\r\n <span class=\"tag\">\u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9<\/span><span class=\"tag\">\u067e\u0627\u06cc\u0634 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc<\/span><span class=\"tag\">\u067e\u0631\u062f\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span>\r\n <\/div>\r\n <div class=\"hero-cta\">\r\n <button class=\"btn-primary\" onclick=\"document.getElementById('parking-map').scrollIntoView({behavior:'smooth'})\">\u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/button>\r\n <button class=\"btn-ghost\" onclick=\"document.getElementById('command').scrollIntoView({behavior:'smooth'})\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0645\u0648<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lot-stage\"><canvas id=\"lot-canvas\"><\/canvas><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- COMMAND CENTER -->\r\n<section class=\"py\" id=\"command\" 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 \u0641\u0631\u0645\u0627\u0646 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u06a9\u0644 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af\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\">\u062c\u0627\u06cc \u067e\u0627\u0631\u06a9<\/div><div class=\"stat-value\" data-target=\"18542\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062e\u0627\u0644\u06cc<\/div><div class=\"stat-value\" data-target=\"2481\">0<\/div><div class=\"stat-sub\">\u25cf \u0622\u0632\u0627\u062f \u0627\u0644\u0627\u0646<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0627\u0634\u063a\u0627\u0644\u200c\u0634\u062f\u0647<\/div><div class=\"stat-value\" data-target=\"16061\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062e\u0648\u062f\u0631\u0648\u0647\u0627\u06cc \u0627\u0645\u0631\u0648\u0632<\/div><div class=\"stat-value\" data-target=\"24512\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062f\u0648\u0631\u0628\u06cc\u0646\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/div><div class=\"stat-value\" data-target=\"248\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062f\u0631\u0648\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0648\u0631\u0648\u062f\u06cc<\/div><div class=\"stat-value\" data-target=\"84\">0<\/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>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0648\u0636\u0639\u06cc\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/div><div class=\"stat-value\" style=\"font-size:1.1rem;color:var(--primary);\">\u0622\u0646\u0644\u0627\u06cc\u0646<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INTERACTIVE PARKING MAP -->\r\n<section class=\"py\" id=\"parking-map\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0646\u0642\u0634\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/div>\r\n <h2>\u0647\u0631 \u0637\u0628\u0642\u0647\u060c \u0647\u0631 \u062c\u0627\u06cc \u067e\u0627\u0631\u06a9<\/h2>\r\n <\/div>\r\n <div class=\"floor-tabs reveal\" id=\"floorTabs\"><\/div>\r\n <div class=\"lot-grid reveal\" id=\"lotGrid\"><\/div>\r\n <div class=\"legend reveal\">\r\n <span><span class=\"sw\" style=\"background:rgba(0,255,150,0.5);\"><\/span>\u062e\u0627\u0644\u06cc<\/span>\r\n <span><span class=\"sw\" style=\"background:rgba(255,194,75,0.5);\"><\/span>\u0631\u0632\u0631\u0648\u200c\u0634\u062f\u0647<\/span>\r\n <span><span class=\"sw\" style=\"background:rgba(255,95,95,0.4);\"><\/span>\u0627\u0634\u063a\u0627\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI PARKING FLOW -->\r\n<section class=\"py\" id=\"flow\" 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\u0633\u06cc\u0631 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0627\u0632 \u0648\u0631\u0648\u062f \u062a\u0627 \u062e\u0631\u0648\u062c<\/h2>\r\n <\/div>\r\n <div class=\"flow-wrap reveal\" id=\"flowWrap\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI CAMERA CENTER -->\r\n<section class=\"py\" id=\"cameras\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u062f\u0648\u0631\u0628\u06cc\u0646 \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0686\u0647 \u0686\u06cc\u0632\u06cc \u0631\u0648 \u0632\u06cc\u0631 \u0646\u0638\u0631 \u062f\u0627\u0631\u0647<\/h2>\r\n <\/div>\r\n <div class=\"camera-grid reveal\" id=\"cameraGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- LICENSE PLATE RECOGNITION -->\r\n<section class=\"py\" id=\"lpr\" 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\">\u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9 \u062e\u0648\u062f\u0631\u0648<\/div>\r\n <h2>\u06cc\u06a9 \u062e\u0648\u062f\u0631\u0648 \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0647 \u2014 \u0628\u0628\u06cc\u0646 \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc\u200c\u0627\u0641\u062a\u0647<\/h2>\r\n <\/div>\r\n <div class=\"lpr-panel reveal\">\r\n <div class=\"lpr-frame\" id=\"lprFrame\">\u2014 \u2014 \u2014 \u2014 \u2014 \u2014<\/div>\r\n <div class=\"lpr-status\" id=\"lprStatus\">\u062f\u0631 \u0627\u0646\u062a\u0638\u0627\u0631 \u062e\u0648\u062f\u0631\u0648\u2026<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PARKING NAVIGATION -->\r\n<section class=\"py\" id=\"navigation\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/div>\r\n <h2>\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u062c\u0627\u06cc \u067e\u0627\u0631\u06a9\u062a\u0648 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u0647. \u062e\u0637\u060c \u0645\u0633\u06cc\u0631 \u0631\u0648 \u0646\u0634\u0648\u0646 \u0645\u06cc\u200c\u062f\u0647.<\/h2>\r\n <\/div>\r\n <svg class=\"nav-svg reveal\" viewBox=\"0 0 600 320\">\r\n <rect x=\"20\" y=\"20\" width=\"560\" height=\"280\" rx=\"10\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\"\/>\r\n <path class=\"nav-path\" d=\"M40 280 L40 100 L300 100 L300 40 L540 40\"\/>\r\n <circle cx=\"40\" cy=\"280\" r=\"6\" fill=\"var(--primary)\"\/>\r\n <circle cx=\"540\" cy=\"40\" r=\"8\" fill=\"none\" stroke=\"var(--primary)\" stroke-width=\"2\"\/>\r\n <text x=\"540\" y=\"30\" font-family=\"monospace\" font-size=\"11\" fill=\"var(--primary)\" text-anchor=\"end\">\u062c\u0627\u06cc B-14<\/text>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SMART PAYMENT -->\r\n<section class=\"py\" id=\"payment\" 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\">\u067e\u0631\u062f\u0627\u062e\u062a \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0628\u062f\u0648\u0646 \u0628\u0644\u06cc\u062a. \u0628\u062f\u0648\u0646 \u0635\u0641.<\/h2>\r\n <\/div>\r\n <div class=\"flow-wrap reveal\" id=\"paymentFlow\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- MOBILE APP -->\r\n<section class=\"py\" id=\"app\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644<\/div>\r\n <h2>\u0631\u0632\u0631\u0648 \u06a9\u0646. \u067e\u0631\u062f\u0627\u062e\u062a \u06a9\u0646. \u0648\u0627\u0631\u062f \u0634\u0648.<\/h2>\r\n <\/div>\r\n <div class=\"phone-stage reveal\">\r\n <div class=\"phone-shell\">\r\n <div class=\"phone-notch\"><\/div>\r\n <div class=\"phone-inner\" id=\"appScreens\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- LIVE TRAFFIC ANALYTICS -->\r\n<section class=\"py\" id=\"traffic\" 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\">\u062a\u062d\u0644\u06cc\u0644 \u062a\u0631\u0627\u0641\u06cc\u06a9 \u0632\u0646\u062f\u0647<\/div>\r\n <h2>\u0639\u0644\u0627\u0626\u0645 \u062d\u06cc\u0627\u062a\u06cc \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/h2>\r\n <\/div>\r\n <div class=\"stat-grid\">\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u062a\u0648\u0642\u0641<\/div><div class=\"stat-value\" style=\"font-size:1.4rem;\">02:34<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0633\u0627\u0639\u0627\u062a \u0627\u0648\u062c<\/div><div class=\"stat-value\" style=\"font-size:1.4rem;\">18:00<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062f\u0631\u0622\u0645\u062f \u0627\u0645\u0631\u0648\u0632<\/div><div class=\"stat-value\" style=\"font-size:1.4rem;\">$12,842<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u062c\u0627\u06cc \u067e\u0627\u0631\u06a9 \u062e\u0627\u0644\u06cc<\/div><div class=\"stat-value\" data-target=\"2481\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0631\u0632\u0631\u0648\u0647\u0627<\/div><div class=\"stat-value\" data-target=\"854\">0<\/div><\/div>\r\n <div class=\"stat-card\"><div class=\"stat-label\">\u0634\u0627\u0631\u0698 \u062e\u0648\u062f\u0631\u0648\u06cc \u0628\u0631\u0642\u06cc<\/div><div class=\"stat-value\" data-target=\"124\">0<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- AI SECURITY -->\r\n<section class=\"py\" id=\"security\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0627\u0645\u0646\u06cc\u062a \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u0645\u0631\u0627\u0642\u0628 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0646\u0628\u0627\u06cc\u062f \u0627\u062a\u0641\u0627\u0642 \u0628\u06cc\u0641\u062a\u0647<\/h2>\r\n <\/div>\r\n <div class=\"security-grid reveal\" id=\"securityGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ROBOT PARKING ASSISTANT -->\r\n<section class=\"py\" id=\"robot\" 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\">\u0631\u0628\u0627\u062a \u062f\u0633\u062a\u06cc\u0627\u0631 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/div>\r\n <h2>\u06cc\u06a9 \u06a9\u0645\u06a9 \u0686\u0647\u0627\u0631\u0686\u0631\u062e \u062f\u0631 \u0647\u0631 \u0637\u0628\u0642\u0647<\/h2>\r\n <p>\u062e\u0648\u062f\u0631\u0648\u0647\u0627 \u0631\u0648 \u0628\u0647 \u062c\u0627\u06cc \u062e\u0627\u0644\u06cc \u0647\u062f\u0627\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u0647\u060c \u0628\u0627\u0631 \u062d\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0647 \u0648 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0631\u0648 \u06af\u0634\u062a \u0645\u06cc\u200c\u0632\u0646\u0647 \u2014 \u0647\u0645\u0647\u200c\u06cc \u0627\u06cc\u0646\u200c\u0647\u0627 \u0631\u0648 \u0628\u0647 \u0645\u0631\u06a9\u0632 \u0641\u0631\u0645\u0627\u0646 \u06af\u0632\u0627\u0631\u0634 \u0645\u06cc\u200c\u062f\u0647.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- EV CHARGING CENTER -->\r\n<section class=\"py\" id=\"ev\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0645\u0631\u06a9\u0632 \u0634\u0627\u0631\u0698 \u062e\u0648\u062f\u0631\u0648\u06cc \u0628\u0631\u0642\u06cc<\/div>\r\n <h2>\u0647\u0631 \u0634\u0627\u0631\u0698\u0631\u060c \u0632\u0646\u062f\u0647<\/h2>\r\n <\/div>\r\n <div class=\"ev-grid reveal\" id=\"evGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SMART CITY INTEGRATION -->\r\n<section class=\"py\" id=\"city-integration\" 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\">\u06cc\u06a9\u067e\u0627\u0631\u0686\u06af\u06cc \u0634\u0647\u0631 \u0647\u0648\u0634\u0645\u0646\u062f<\/div>\r\n <h2>\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0641\u0642\u0637 \u0646\u0642\u0637\u0647 \u0648\u0631\u0648\u062f\u06cc\u0647<\/h2>\r\n <\/div>\r\n <svg class=\"hub-svg reveal\" viewBox=\"0 0 800 420\">\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"400\" y2=\"80\"\/>\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"180\" y2=\"120\"\/>\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"620\" y2=\"120\"\/>\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"150\" y2=\"300\"\/>\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"400\" y2=\"360\"\/>\r\n <line class=\"hub-line\" x1=\"400\" y1=\"210\" x2=\"650\" y2=\"300\"\/>\r\n\r\n <circle class=\"hub-node center\" cx=\"400\" cy=\"210\" r=\"50\"\/><text class=\"hub-label\" x=\"400\" y=\"216\" font-weight=\"700\">\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f<\/text>\r\n <circle class=\"hub-node\" cx=\"400\" cy=\"80\" r=\"34\"\/><text class=\"hub-label\" x=\"400\" y=\"85\">\u062a\u0631\u0627\u0641\u06cc\u06a9 \u0647\u0648\u0634\u0645\u0646\u062f<\/text>\r\n <circle class=\"hub-node\" cx=\"180\" cy=\"120\" r=\"34\"\/><text class=\"hub-label\" x=\"180\" y=\"125\">\u0634\u0647\u0631 \u0647\u0648\u0634\u0645\u0646\u062f<\/text>\r\n <circle class=\"hub-node\" cx=\"620\" cy=\"120\" r=\"34\"\/><text class=\"hub-label\" x=\"620\" y=\"125\">\u062f\u0648\u0631\u0628\u06cc\u0646\u200c\u0647\u0627<\/text>\r\n <circle class=\"hub-node\" cx=\"150\" cy=\"300\" r=\"34\"\/><text class=\"hub-label\" x=\"150\" y=\"305\">\u0627\u0648\u0631\u0698\u0627\u0646\u0633<\/text>\r\n <circle class=\"hub-node\" cx=\"400\" cy=\"360\" r=\"34\"\/><text class=\"hub-label\" x=\"400\" y=\"365\">\u067e\u0644\u06cc\u0633 \/ \u0622\u062a\u0634\u200c\u0646\u0634\u0627\u0646\u06cc<\/text>\r\n <circle class=\"hub-node\" cx=\"650\" cy=\"300\" r=\"34\"\/><text class=\"hub-label\" x=\"650\" y=\"305\">\u062d\u0645\u0644\u200c\u0648\u0646\u0642\u0644 \u0639\u0645\u0648\u0645\u06cc<\/text>\r\n <\/svg>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INDUSTRIES -->\r\n<section class=\"py\" id=\"industries\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u0635\u0646\u0627\u06cc\u0639<\/div>\r\n <h2>\u0647\u0631\u062c\u0627 \u062e\u0648\u062f\u0631\u0648 \u0647\u0633\u062a\u060c \u0645\u0633\u062a\u0642\u0631 \u0645\u06cc\u200c\u0634\u0647<\/h2>\r\n <\/div>\r\n <div class=\"grid-5 reveal\" id=\"industryGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FUTURE PARKING -->\r\n<section class=\"py\" id=\"future\" 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\">\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0622\u06cc\u0646\u062f\u0647<\/div>\r\n <h2>\u0628\u0647\u200c\u0632\u0648\u062f\u06cc<\/h2>\r\n <\/div>\r\n <div class=\"grid-5 reveal\" id=\"futureGrid\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DIGITAL TWIN PARKING -->\r\n<section class=\"py\" id=\"digital-twin\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <div class=\"section-eyebrow\">\u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/div>\r\n <h2>\u06cc\u06a9 \u0645\u062f\u0644 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0632\u0646\u062f\u0647 \u0627\u0632 \u06a9\u0644 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af<\/h2>\r\n <p>\u0628\u06cc\u0646 \u0637\u0628\u0642\u0627\u062a \u062c\u0627\u0628\u0647\u200c\u062c\u0627 \u0634\u0648\u060c \u062e\u0648\u062f\u0631\u0648\u0647\u0627 \u0631\u0648 \u0632\u0646\u062f\u0647 \u0628\u0628\u06cc\u0646\u060c \u0647\u0631 \u062f\u0648\u0631\u0628\u06cc\u0646 \u06cc\u0627 \u062f\u0631\u0648\u0627\u0632\u0647 \u0631\u0648 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u060c \u0648 \u0645\u0633\u06cc\u0631 \u06a9\u0627\u0645\u0644 \u06cc\u06a9 \u062e\u0648\u062f\u0631\u0648 \u0631\u0648 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646 \u2014 \u0647\u0645\u0648\u0646 \u0646\u0645\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u062a\u0627\u0642\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0648\u0627\u0642\u0639\u06cc \u0634\u0647\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0647.<\/p>\r\n <\/div>\r\n <div class=\"twin-layout reveal\">\r\n <div class=\"twin-panel\">\r\n <div class=\"floor-tabs\" id=\"twinFloorTabs\"><\/div>\r\n <div class=\"lot-grid\" id=\"twinGrid\"><\/div>\r\n <\/div>\r\n <div class=\"twin-side\">\r\n <div class=\"twin-info\">\r\n <h5>\u062c\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0634\u062f\u0647<\/h5>\r\n <div class=\"row\"><span>\u0634\u0645\u0627\u0631\u0647<\/span><span id=\"twinSpotId\">B-14<\/span><\/div>\r\n <div class=\"row\"><span>\u0648\u0636\u0639\u06cc\u062a<\/span><span id=\"twinSpotStatus\" style=\"color:var(--primary);\">\u062e\u0627\u0644\u06cc<\/span><\/div>\r\n <div class=\"row\"><span>\u067e\u0644\u0627\u06a9<\/span><span id=\"twinSpotPlate\">\u2014<\/span><\/div>\r\n <\/div>\r\n <div class=\"twin-info\">\r\n <h5>\u0622\u0645\u0627\u0631 \u0632\u0646\u062f\u0647 \u0637\u0628\u0642\u0647<\/h5>\r\n <div class=\"row\"><span>\u0627\u0634\u063a\u0627\u0644<\/span><span id=\"twinOccupancy\">62%<\/span><\/div>\r\n <div class=\"row\"><span>\u062f\u0648\u0631\u0628\u06cc\u0646\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/span><span>18 \/ 18<\/span><\/div>\r\n <div class=\"row\"><span>\u062f\u0631\u0648\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646<\/span><span>4 \/ 4<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SMART MOBILITY PLATFORM -->\r\n<section class=\"py\" id=\"mobility\" 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\">\u067e\u0644\u062a\u0641\u0631\u0645 \u062a\u062d\u0631\u06a9 \u0647\u0648\u0634\u0645\u0646\u062f AMIR<\/div>\r\n <h2>\u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0646\u0645\u06cc\u200c\u062e\u0631\u06cc. \u0628\u0647 \u06cc\u06a9 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u0645\u06cc\u200c\u067e\u06cc\u0648\u0646\u062f\u06cc.<\/h2>\r\n <\/div>\r\n <div class=\"mobility-grid reveal\" id=\"mobilityGrid\"><\/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\/* hero lot canvas \u2014 top-down parking model, cars enter\/exit, spots colored *\/\r\n(function(){\r\n const canvas = document.getElementById('lot-canvas');\r\n const ctx = canvas.getContext('2d');\r\n let w,h;\r\n function resize(){\r\n const rect = canvas.parentElement.getBoundingClientRect();\r\n w = canvas.width = rect.width; h = canvas.height = rect.height;\r\n }\r\n window.addEventListener('resize', resize); resize();\r\n\r\n const cols=6, rows=5, pad=18;\r\n let spots = [];\r\n function initSpots(){\r\n spots = [];\r\n for(let r=0;r<rows;r++) for(let c=0;c<cols;c++){\r\n spots.push({r,c, occupied: Math.random()<0.55});\r\n }\r\n }\r\n initSpots();\r\n setInterval(() => { const s = spots[Math.floor(Math.random()*spots.length)]; s.occupied = !s.occupied; }, 900);\r\n\r\n const cars = Array.from({length:3}, () => ({x:-40, y: 40+Math.random()*20, speed:0.6+Math.random()*0.4, active:false, delay:Math.random()*200}));\r\n\r\n function draw(t){\r\n ctx.clearRect(0,0,w,h);\r\n const cellW = (w-pad*2)\/cols, cellH = (h-pad*2-40)\/rows;\r\n spots.forEach(s => {\r\n const x = pad + s.c*cellW, y = pad+40 + s.r*cellH;\r\n ctx.fillStyle = s.occupied ? 'rgba(255,95,95,0.12)' : 'rgba(0,255,150,0.14)';\r\n ctx.strokeStyle = s.occupied ? 'rgba(255,95,95,0.35)' : 'rgba(0,255,150,0.4)';\r\n ctx.lineWidth = 1;\r\n ctx.fillRect(x+2, y+2, cellW-4, cellH-4);\r\n ctx.strokeRect(x+2, y+2, cellW-4, cellH-4);\r\n });\r\n \/\/ driving lane car\r\n cars.forEach(car => {\r\n car.x += car.speed;\r\n if(car.x > w+40) car.x = -40;\r\n ctx.fillStyle = 'rgba(24,224,255,0.85)';\r\n ctx.shadowColor = 'rgba(24,224,255,0.7)'; ctx.shadowBlur = 8;\r\n ctx.beginPath();\r\n ctx.roundRect(car.x, car.y, 22, 10, 3);\r\n ctx.fill();\r\n ctx.shadowBlur = 0;\r\n });\r\n requestAnimationFrame(draw);\r\n }\r\n requestAnimationFrame(draw);\r\n})();\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 parking map *\/\r\nfunction buildLotGrid(gridId, count){\r\n const grid = document.getElementById(gridId);\r\n grid.innerHTML = '';\r\n const statuses = ['free','free','free','reserved','occupied','occupied'];\r\n const cells = [];\r\n for(let i=0;i<count;i++){\r\n const status = statuses[Math.floor(Math.random()*statuses.length)];\r\n const cell = document.createElement('div');\r\n cell.className = 'spot ' + status;\r\n cell.textContent = String.fromCharCode(65+Math.floor(i\/10)) + (i%10+1);\r\n grid.appendChild(cell);\r\n cells.push(cell);\r\n }\r\n return cells;\r\n}\r\nconst floors = ['\u0637\u0628\u0642\u0647 \u06f1','\u0637\u0628\u0642\u0647 \u06f2','\u0637\u0628\u0642\u0647 \u06f3','\u067e\u0634\u062a\u200c\u0628\u0627\u0645'];\r\nconst floorTabs = document.getElementById('floorTabs');\r\nlet currentCells = buildLotGrid('lotGrid', 40);\r\nfloors.forEach((f,i) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'btn-mini' + (i===0 ? ' active' : '');\r\n btn.textContent = f;\r\n btn.addEventListener('click', () => {\r\n document.querySelectorAll('#floorTabs .btn-mini').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n currentCells = buildLotGrid('lotGrid', 40);\r\n });\r\n floorTabs.appendChild(btn);\r\n});\r\nsetInterval(() => {\r\n if(!currentCells.length) return;\r\n const cell = currentCells[Math.floor(Math.random()*currentCells.length)];\r\n const opts = ['free','reserved','occupied'];\r\n cell.className = 'spot ' + opts[Math.floor(Math.random()*opts.length)];\r\n}, 1200);\r\n\r\n\/* AI parking flow *\/\r\nfunction buildFlow(wrapId, steps, interval){\r\n const wrap = document.getElementById(wrapId);\r\n steps.forEach((label,i) => {\r\n const step = document.createElement('div');\r\n step.className = 'flow-step'; step.id = wrapId+'_'+i;\r\n step.innerHTML = `<div class=\"flow-num\">${String(i+1).padStart(2,'0')}<\/div><h4>${label}<\/h4>`;\r\n wrap.appendChild(step);\r\n if(i < steps.length-1){ const c=document.createElement('div'); c.className='flow-connector'; wrap.appendChild(c); }\r\n });\r\n let active = 0;\r\n setInterval(() => {\r\n wrap.querySelectorAll('.flow-step').forEach(s => s.classList.remove('active'));\r\n document.getElementById(wrapId+'_'+active).classList.add('active');\r\n active = (active+1) % steps.length;\r\n }, interval);\r\n}\r\nbuildFlow('flowWrap', ['\u0648\u0631\u0648\u062f \u062e\u0648\u062f\u0631\u0648','\u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9','\u062a\u0623\u06cc\u06cc\u062f \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u0628\u0627\u0632 \u0634\u062f\u0646 \u062f\u0631\u0648\u0627\u0632\u0647','\u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u067e\u0627\u0631\u06a9','\u067e\u0631\u062f\u0627\u062e\u062a','\u062e\u0631\u0648\u062c'], 1000);\r\nbuildFlow('paymentFlow', ['\u0648\u0631\u0648\u062f','\u062a\u0634\u062e\u06cc\u0635 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u0645\u062f\u062a \u067e\u0627\u0631\u06a9','\u067e\u0631\u062f\u0627\u062e\u062a \u0622\u0646\u0644\u0627\u06cc\u0646','\u062e\u0631\u0648\u062c'], 1100);\r\n\r\n\/* camera center *\/\r\nconst cameraTypes = ['\u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9','\u062a\u0634\u062e\u06cc\u0635 \u062e\u0648\u062f\u0631\u0648','\u062a\u0634\u062e\u06cc\u0635 \u062a\u062e\u0644\u0641','\u062a\u0634\u062e\u06cc\u0635 \u062c\u0627\u06cc \u062e\u0627\u0644\u06cc','\u067e\u0627\u0631\u06a9 \u062f\u0648\u0628\u0644','\u062e\u0648\u062f\u0631\u0648\u06cc \u0645\u0634\u06a9\u0648\u06a9'];\r\nconst cameraGrid = document.getElementById('cameraGrid');\r\ncameraTypes.forEach((name,i) => {\r\n const card = document.createElement('div');\r\n card.className = 'camera-card';\r\n card.innerHTML = `<div class=\"camera-feed\"><\/div><div class=\"camera-body\"><h5>${name}<\/h5><p>\u062f\u0648\u0631\u0628\u06cc\u0646 0${i+1} \u2014 \u0641\u0639\u0627\u0644<\/p><\/div>`;\r\n cameraGrid.appendChild(card);\r\n});\r\n\r\n\/* license plate recognition demo *\/\r\nconst lprFrame = document.getElementById('lprFrame');\r\nconst lprStatus = document.getElementById('lprStatus');\r\nconst lprSequence = [\r\n {plate:'\u2014 \u2014 \u2014 \u2014 \u2014 \u2014', status:'\u062f\u0631 \u0627\u0646\u062a\u0638\u0627\u0631 \u062e\u0648\u062f\u0631\u0648\u2026'},\r\n {plate:'A B C 1 2 3', status:'\u062f\u0631 \u062d\u0627\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u067e\u0644\u0627\u06a9\u2026'},\r\n {plate:'A B C 1 2 3', status:'\u0645\u0627\u0644\u06a9 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0634\u062f: \u062c. \u0631\u062d\u06cc\u0645\u06cc'},\r\n {plate:'A B C 1 2 3', status:'\u2705 \u062f\u0631\u0648\u0627\u0632\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0632 \u0634\u062f\u0646\u2026'}\r\n];\r\nlet lprIdx = 0;\r\nsetInterval(() => {\r\n const step = lprSequence[lprIdx % lprSequence.length];\r\n lprFrame.textContent = step.plate;\r\n lprStatus.textContent = step.status;\r\n lprIdx++;\r\n}, 1400);\r\n\r\n\/* mobile app screens *\/\r\nconst appScreensData = [\r\n {title:'\u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af', cards:[['\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0646\u0632\u062f\u06cc\u06a9','2,481 \u062c\u0627\u06cc \u062e\u0627\u0644\u06cc'],['\u0628\u0647\u062a\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647','\u0637\u0628\u0642\u0647 \u06f2\u060c \u062c\u0627\u06cc B-14']]},\r\n {title:'\u0631\u0632\u0631\u0648', cards:[['\u062c\u0627\u06cc B-14','\u0631\u0632\u0631\u0648 \u0628\u0631\u0627\u06cc \u06f2 \u0633\u0627\u0639\u062a'],['\u0646\u0631\u062e','$3.50 \/ \u0633\u0627\u0639\u062a']]},\r\n {title:'\u067e\u0631\u062f\u0627\u062e\u062a', cards:[['\u0645\u0628\u0644\u063a \u06a9\u0644','$7.00'],['\u0648\u0636\u0639\u06cc\u062a','\u067e\u0631\u062f\u0627\u062e\u062a \u0634\u062f \u2705']]},\r\n {title:'\u062f\u0631\u0648\u0627\u0632\u0647', cards:[['\u062f\u0631\u0648\u0627\u0632\u0647 \u06f3','\u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0632 \u0634\u062f\u0646\u2026'],['\u062f\u0633\u062a\u0631\u0633\u06cc','\u062a\u0623\u06cc\u06cc\u062f \u0634\u062f']]}\r\n];\r\nconst appScreens = document.getElementById('appScreens');\r\nappScreensData.forEach((s,i) => {\r\n const el = document.createElement('div');\r\n el.className = 'app-screen' + (i===0 ? ' active' : '');\r\n el.id = 'appScreen'+i;\r\n el.innerHTML = `<div class=\"app-top\">${s.title}<\/div>` + s.cards.map(c => `<div class=\"app-card\"><h5>${c[0]}<\/h5><p>${c[1]}<\/p><\/div>`).join('');\r\n appScreens.appendChild(el);\r\n});\r\nlet appIdx = 0;\r\nsetInterval(() => {\r\n document.querySelectorAll('#appScreens .app-screen').forEach(s => s.classList.remove('active'));\r\n appIdx = (appIdx+1) % appScreensData.length;\r\n document.getElementById('appScreen'+appIdx).classList.add('active');\r\n}, 2400);\r\n\r\n\/* AI security *\/\r\nconst securityItems = ['\u0633\u0631\u0642\u062a','\u0622\u062a\u0634\u200c\u0633\u0648\u0632\u06cc','\u0648\u0631\u0648\u062f \u063a\u06cc\u0631\u0645\u062c\u0627\u0632','\u062a\u0635\u0627\u062f\u0641','\u0641\u0631\u062f \u0645\u0634\u06a9\u0648\u06a9'];\r\nconst securityGrid = document.getElementById('securityGrid');\r\nsecurityItems.forEach(name => {\r\n const card = document.createElement('div');\r\n card.className = 'security-card';\r\n card.innerHTML = `<h5>${name}<\/h5><div class=\"status\">\u25cf \u062f\u0631 \u062d\u0627\u0644 \u067e\u0627\u06cc\u0634<\/div>`;\r\n securityGrid.appendChild(card);\r\n});\r\n\r\n\/* EV charging *\/\r\nconst evGrid = document.getElementById('evGrid');\r\nfor(let i=1;i<=12;i++){\r\n const pct = Math.floor(Math.random()*100);\r\n const card = document.createElement('div');\r\n card.className = 'ev-card';\r\n card.innerHTML = `<span>Charger ${i}<\/span><div class=\"lvl\"><div class=\"lvl-fill\" style=\"width:${pct}%\"><\/div><\/div>`;\r\n evGrid.appendChild(card);\r\n}\r\n\r\n\/* industries + future *\/\r\nconst industries = ['\u0641\u0631\u0648\u062f\u06af\u0627\u0647','\u0645\u0631\u06a9\u0632 \u062e\u0631\u06cc\u062f','\u0628\u06cc\u0645\u0627\u0631\u0633\u062a\u0627\u0646','\u0647\u062a\u0644','\u062f\u0627\u0646\u0634\u06af\u0627\u0647','\u06a9\u0627\u0631\u062e\u0627\u0646\u0647','\u062f\u0641\u062a\u0631 \u06a9\u0627\u0631','\u0634\u0647\u0631 \u0647\u0648\u0634\u0645\u0646\u062f','\u0645\u0633\u06a9\u0648\u0646\u06cc','\u062f\u0648\u0644\u062a\u06cc'];\r\nconst industryGrid = document.getElementById('industryGrid');\r\nindustries.forEach(name => { const c=document.createElement('div'); c.className='simple-card'; c.innerHTML=`<h5>${name}<\/h5>`; industryGrid.appendChild(c); });\r\n\r\nconst futureItems = ['\u062e\u0648\u062f\u0631\u0648\u0647\u0627\u06cc \u062e\u0648\u062f\u0631\u0627\u0646','\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0631\u0628\u0627\u062a\u06cc\u06a9','\u0628\u0627\u0632\u0631\u0633\u06cc \u0628\u0627 \u067e\u0647\u067e\u0627\u062f','\u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644','\u062a\u062d\u0644\u06cc\u0644 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646'];\r\nconst futureGrid = document.getElementById('futureGrid');\r\nfutureItems.forEach(name => {\r\n const c = document.createElement('div'); c.className='future-card';\r\n c.innerHTML = `<div class=\"future-tag\">\u0628\u0647\u200c\u0632\u0648\u062f\u06cc<\/div><h5>${name}<\/h5>`;\r\n futureGrid.appendChild(c);\r\n});\r\n\r\n\/* digital twin *\/\r\nconst twinFloorTabs = document.getElementById('twinFloorTabs');\r\nconst twinSpotId = document.getElementById('twinSpotId');\r\nconst twinSpotStatus = document.getElementById('twinSpotStatus');\r\nconst twinSpotPlate = document.getElementById('twinSpotPlate');\r\nconst twinOccupancy = document.getElementById('twinOccupancy');\r\nlet twinCells = [];\r\nfunction refreshTwinGrid(){\r\n twinCells = buildLotGrid('twinGrid', 40);\r\n twinCells.forEach(cell => {\r\n cell.addEventListener('click', () => {\r\n twinSpotId.textContent = cell.textContent;\r\n const isFree = cell.classList.contains('free');\r\n const isReserved = cell.classList.contains('reserved');\r\n twinSpotStatus.textContent = isFree ? '\u062e\u0627\u0644\u06cc' : isReserved ? '\u0631\u0632\u0631\u0648\u200c\u0634\u062f\u0647' : '\u0627\u0634\u063a\u0627\u0644';\r\n twinSpotStatus.style.color = isFree ? 'var(--primary)' : isReserved ? 'var(--warn)' : 'var(--danger)';\r\n twinSpotPlate.textContent = isFree ? '\u2014' : 'ABC-' + Math.floor(1000+Math.random()*8999);\r\n });\r\n });\r\n const occCount = twinCells.filter(c => !c.classList.contains('free')).length;\r\n twinOccupancy.textContent = Math.round(occCount\/twinCells.length*100) + '%';\r\n}\r\nrefreshTwinGrid();\r\nfloors.forEach((f,i) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'btn-mini' + (i===0 ? ' active' : '');\r\n btn.textContent = f;\r\n btn.addEventListener('click', () => {\r\n document.querySelectorAll('#twinFloorTabs .btn-mini').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n refreshTwinGrid();\r\n });\r\n twinFloorTabs.appendChild(btn);\r\n});\r\nsetInterval(() => {\r\n if(!twinCells.length) return;\r\n const occCount = twinCells.filter(c => !c.classList.contains('free')).length;\r\n twinOccupancy.textContent = Math.round(occCount\/twinCells.length*100) + '%';\r\n}, 2000);\r\n\r\n\/* smart mobility platform *\/\r\nconst mobilityItems = [\r\n '\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f','\u062a\u0631\u0627\u0641\u06cc\u06a9 \u0647\u0648\u0634\u0645\u0646\u062f','\u0628\u06cc\u0646\u0627\u06cc\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u0627\u062c\u0631\u0627\u06cc \u0642\u0627\u0646\u0648\u0646 \u0647\u0648\u0634\u0645\u0646\u062f','\u067e\u0627\u06cc\u0634 \u067e\u0647\u067e\u0627\u062f\u06cc',\r\n '\u0631\u0628\u0627\u062a\u200c\u0647\u0627\u06cc \u06af\u0634\u062a\u200c\u0632\u0646\u06cc','\u0633\u0646\u0633\u0648\u0631\u0647\u0627\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0627\u0634\u06cc\u0627','\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0648\u0628\u0627\u06cc\u0644','\u0645\u0631\u06a9\u0632 \u062a\u0645\u0627\u0633 \u0647\u0648\u0634\u0645\u0646\u062f','\u0627\u06cc\u062c\u0646\u062a\u200c\u0647\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc','\u0645\u0631\u06a9\u0632 \u0641\u0631\u0645\u0627\u0646 \u0634\u0647\u0631\u06cc'\r\n];\r\nconst mobilityGrid = document.getElementById('mobilityGrid');\r\nmobilityItems.forEach(name => {\r\n const card = document.createElement('div');\r\n card.className = 'mobility-card';\r\n card.innerHTML = `<h4>${name}<\/h4>`;\r\n mobilityGrid.appendChild(card);\r\n});\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>\u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f AMIR \u2014 \u0627\u06a9\u0648\u0633\u06cc\u0633\u062a\u0645 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0645\u0628\u062a\u0646\u06cc \u0628\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u067e\u0644\u062a\u0641\u0631\u0645 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f \u067e\u0627\u0631\u06a9 \u0647\u0648\u0634\u0645\u0646\u062f\u062a\u0631.\u062d\u0631\u06a9\u062a \u0633\u0631\u06cc\u0639\u200c\u062a\u0631. \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0644\u062d\u0638\u0647\u200c\u0627\u06cc\u060c \u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u0648 \u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9 \u2014 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af\u06cc \u06a9\u0647 \u062e\u0648\u062f\u0634 \u0631\u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u0647. \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0634\u062e\u06cc\u0635 \u067e\u0644\u0627\u06a9\u067e\u0627\u06cc\u0634 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc\u067e\u0631\u062f\u0627\u062e\u062a \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0645\u0648 \u0645\u0631\u06a9\u0632 \u0641\u0631\u0645\u0627\u0646 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af \u0647\u0648\u0634\u0645\u0646\u062f \u06a9\u0644 \u067e\u0627\u0631\u06a9\u06cc\u0646\u06af\u060c \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646 \u062c\u0627\u06cc \u067e\u0627\u0631\u06a90 \u062e\u0627\u0644\u06cc0\u25cf \u0622\u0632\u0627\u062f \u0627\u0644\u0627\u0646 […]<\/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-1867","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1867","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=1867"}],"version-history":[{"count":4,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1867\/revisions"}],"predecessor-version":[{"id":1871,"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/pages\/1867\/revisions\/1871"}],"wp:attachment":[{"href":"https:\/\/amir.technology\/fa\/wp-json\/wp\/v2\/media?parent=1867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}