\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0637\u0631\u0627\u062d\u06cc \u2014 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0642\u0637\u0639\u0627\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;700;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#0B0D10;\n --surface:#14171C;\n --surface-2:#1B1F26;\n --white:#F7F8FA;\n --muted:#8A8F98;\n --blue:#2F6FED;\n --blue-soft:rgba(47,111,237,0.15);\n --cyan:#00D4FF;\n --line:rgba(255,255,255,0.08);\n --radius:18px;\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg);\n color:var(--white);\n font-family:'Vazirmatn', sans-serif;\n overflow-x:hidden;\n }\n .mono{font-family:'IBM Plex Mono', monospace; direction:ltr; unicode-bidi:plaledtr;}\n ::selection{background:var(--blue); color:#fff;}\n\n \/* faint PCB grid background *\/\n .pcb-grid{\n position:fixed; inset:0; z-index:0; pointer-events:none;\n background-image:\n linear-gradient(var(--line) 1px, transparent 1px),\n linear-gradient(90deg, var(--line) 1px, transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(circle at 50% 30%, black 0%, transparent 70%);\n opacity:.5;\n }\n\n \/* ===== NAV ===== *\/\n nav{\n position:fixed; top:0; right:0; left:0; z-index:50;\n display:flex; align-items:center; justify-content:space-between;\n padding:22px 6vw;\n backdrop-filter:blur(14px);\n background:rgba(11,13,16,0.55);\n border-bottom:1px solid var(--line);\n }\n .logo{display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:.3px;}\n .logo .dot{width:9px;height:9px;border-radius:2px;background:var(--cyan); box-shadow:0 0 12px var(--cyan);}\n .nav-links{display:flex; gap:34px; font-size:14.5px; color:var(--muted);}\n .nav-links a{color:var(--muted); text-decoration:none; transition:color .25s;}\n .nav-links a:hover{color:var(--white);}\n .nav-cta{\n background:var(--blue); color:#fff; border:none; padding:10px 22px;\n border-radius:100px; font-family:inherit; font-size:14px; cursor:pointer;\n box-shadow:0 0 0 0 rgba(47,111,237,.5);\n }\n\n \/* ===== HERO ===== *\/\n .hero{\n position:relative; min-height:100svh; display:flex; flex-direction:column;\n align-items:center; justify-content:center; text-align:center;\n padding:120px 6vw 60px; z-index:1; overflow:hidden;\n }\n .hero-eyebrow{\n font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:2.5px;\n color:var(--cyan); margin-bottom:22px; opacity:0;\n animation:fadeUp .8s .1s forwards ease-out;\n direction:ltr;\n }\n .hero h1{\n font-size:clamp(38px, 6.4vw, 84px); font-weight:900; line-height:1.15;\n max-width:900px; letter-spacing:-1px;\n opacity:0; animation:fadeUp .9s .25s forwards ease-out;\n }\n .hero h1 span{color:var(--blue);}\n .hero p{\n margin-top:22px; color:var(--muted); font-size:clamp(15px,1.6vw,19px);\n max-width:560px; line-height:1.9;\n opacity:0; animation:fadeUp .9s .42s forwards ease-out;\n }\n .hero-actions{\n margin-top:38px; display:flex; gap:14px;\n opacity:0; animation:fadeUp .9s .58s forwards ease-out;\n }\n .btn-primary{\n background:var(--blue); color:#fff; border:none; padding:15px 30px;\n border-radius:100px; font-family:inherit; font-size:15px; font-weight:500; cursor:pointer;\n box-shadow:0 8px 30px -8px rgba(47,111,237,.7);\n transition:transform .3s;\n }\n .btn-primary:hover{transform:translateY(-2px);}\n .btn-ghost{\n background:transparent; color:var(--white); border:1px solid var(--line);\n padding:15px 26px; border-radius:100px; font-family:inherit; font-size:15px; cursor:pointer;\n transition:border-color .3s, background .3s;\n }\n .btn-ghost:hover{border-color:var(--blue); background:var(--blue-soft);}\n\n @keyframes fadeUp{ from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }\n\n \/* circuit stage *\/\n .chip-stage{\n position:relative; width:min(560px, 80vw); aspect-ratio:1\/1; margin-top:50px;\n }\n svg.traces{position:absolute; inset:-40%; width:180%; height:180%; overflow:visible;}\n svg.traces path{\n fill:none; stroke:var(--blue); stroke-width:1.6; opacity:.55;\n stroke-dasharray:1000; stroke-dashoffset:1000;\n animation:draw 2.2s cubic-bezier(.4,0,.2,1) forwards;\n }\n svg.traces path:nth-child(2){animation-delay:.1s; stroke:var(--cyan); opacity:.4;}\n svg.traces path:nth-child(3){animation-delay:.22s;}\n svg.traces path:nth-child(4){animation-delay:.05s; stroke:var(--cyan); opacity:.35;}\n svg.traces circle.pulse{\n fill:var(--cyan); r:3.2; filter:drop-shadow(0 0 6px var(--cyan));\n opacity:0; animation:pulseGo 3.4s ease-in-out infinite;\n }\n @keyframes draw{ to{stroke-dashoffset:0;} }\n @keyframes pulseGo{\n 0%{opacity:0; offset-distance:0%;}\n 8%{opacity:1;}\n 85%{opacity:1;}\n 100%{opacity:0; offset-distance:100%;}\n }\n\n .chip{\n position:absolute; inset:0; margin:auto; width:38%; height:38%;\n background:linear-gradient(155deg, var(--surface-2), var(--surface));\n border:1px solid rgba(47,111,237,.5);\n border-radius:14px;\n display:flex; align-items:center; justify-content:center;\n box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 30px 60px -20px rgba(47,111,237,.5), inset 0 0 30px rgba(47,111,237,.08);\n opacity:0; animation:chipIn .8s .55s forwards ease-out;\n }\n @keyframes chipIn{ from{opacity:0; transform:scale(.85);} to{opacity:1; transform:scale(1);} }\n .chip:before{\n content:'';\n width:46%; height:46%;\n border-radius:6px;\n background:\n repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,212,255,.12) 6px 7px),\n repeating-linear-gradient(0deg, transparent 0 6px, rgba(0,212,255,.12) 6px 7px);\n box-shadow:0 0 22px rgba(0,212,255,.35) inset;\n animation:glow 2.6s ease-in-out infinite;\n }\n @keyframes glow{ 0%,100%{opacity:.55;} 50%{opacity:1;} }\n\n .pin{position:absolute; width:14%; height:3px; background:linear-gradient(90deg, var(--blue), transparent); border-radius:2px;}\n\n \/* ===== SECTION SHARED ===== *\/\n section{position:relative; z-index:1; padding:120px 6vw;}\n .eyebrow{\n font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:2px;\n color:var(--cyan); margin-bottom:16px; direction:ltr; text-align:right;\n }\n .section-head{max-width:720px; margin-bottom:64px;}\n .section-head h2{font-size:clamp(28px,3.4vw,44px); font-weight:800; letter-spacing:-.5px; line-height:1.3;}\n .section-head p{margin-top:16px; color:var(--muted); font-size:16px; line-height:1.9;}\n\n \/* ===== CATEGORY RAIL ===== *\/\n .cat-rail{\n display:flex; gap:18px; overflow-x:auto; padding-bottom:20px;\n scroll-snap-type:x mandatory;\n }\n .cat-rail::-webkit-scrollbar{height:6px;}\n .cat-rail::-webkit-scrollbar-thumb{background:var(--line); border-radius:10px;}\n .cat-card{\n scroll-snap-align:start;\n min-width:230px; flex:0 0 auto;\n background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);\n padding:26px; cursor:pointer; transition:border-color .3s, transform .3s;\n opacity:0; transform:translateY(24px);\n }\n .cat-card.in{opacity:1; transform:translateY(0); transition:opacity .7s ease, transform .7s ease;}\n .cat-card:hover{border-color:var(--blue); transform:translateY(-6px);}\n .cat-icon{width:42px; height:42px; margin-bottom:20px; color:var(--blue);}\n .cat-card h3{font-size:17px; font-weight:700; margin-bottom:6px;}\n .cat-card span{color:var(--muted); font-size:13px; font-family:'IBM Plex Mono',monospace; direction:ltr; display:inline-block;}\n\n \/* ===== FEATURED CATEGORY DEMO ===== *\/\n .demo-note{\n display:inline-flex; align-items:center; gap:10px; margin-bottom:26px;\n font-size:13px; color:var(--muted); border:1px dashed var(--line); padding:8px 16px; border-radius:100px;\n }\n .demo-note b{color:var(--cyan); font-weight:600;}\n\n .featured{\n position:relative;\n background:radial-gradient(circle at 30% 20%, rgba(47,111,237,.25), transparent 55%), var(--surface);\n border:1px solid var(--line); border-radius:24px;\n padding:60px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;\n overflow:hidden; margin-bottom:26px;\n }\n .featured-visual{\n position:relative; aspect-ratio:1\/1; display:flex; align-items:center; justify-content:center;\n }\n .ring{\n position:absolute; border:1px solid var(--blue); border-radius:50%; opacity:.35;\n }\n .ring.r1{inset:0; animation:ringPulse 3s ease-out infinite;}\n .ring.r2{inset:14%; animation:ringPulse 3s ease-out infinite .5s;}\n .ring.r3{inset:28%; animation:ringPulse 3s ease-out infinite 1s;}\n @keyframes ringPulse{\n 0%{transform:scale(.9); opacity:0;}\n 30%{opacity:.5;}\n 100%{transform:scale(1.06); opacity:0;}\n }\n .module{\n width:46%; aspect-ratio:1\/1; background:linear-gradient(155deg,#1c212a,#12151a);\n border:1px solid rgba(0,212,255,.4); border-radius:16px; position:relative;\n box-shadow:0 40px 80px -30px rgba(0,0,0,.6), 0 0 40px rgba(0,212,255,.15);\n }\n .module:before{\n content:''; position:absolute; inset:18%;\n background:repeating-linear-gradient(45deg, rgba(0,212,255,.1) 0 3px, transparent 3px 9px);\n border-radius:8px;\n }\n .tag-new{\n position:absolute; top:-10px; right:14%;\n background:var(--cyan); color:#0B0D10; font-size:11.5px; font-weight:700;\n padding:6px 14px; border-radius:100px; font-family:'IBM Plex Mono',monospace;\n }\n .featured-info .eyebrow{margin-bottom:14px;}\n .featured-info h3{font-size:clamp(24px,2.6vw,34px); font-weight:800; margin-bottom:14px;}\n .featured-info p{color:var(--muted); line-height:1.9; margin-bottom:26px; font-size:15px;}\n .spec-row{display:flex; gap:26px; margin-bottom:30px; flex-wrap:wrap;}\n .spec{font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right;}\n .spec b{display:block; color:var(--white); font-size:15px;}\n .spec span{color:var(--muted); font-size:11.5px; letter-spacing:1px;}\n .price{font-size:22px; font-weight:800; color:var(--cyan); font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right;}\n\n \/* ===== PRODUCT GRID ===== *\/\n .grid{\n display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;\n }\n .p-card{\n background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:20px;\n transition:border-color .3s, transform .3s;\n opacity:0; transform:translateY(20px);\n }\n .p-card.in{opacity:1; transform:translateY(0); transition:opacity .6s ease, transform .6s ease;}\n .p-card:hover{border-color:rgba(47,111,237,.6); transform:translateY(-4px);}\n .p-thumb{\n aspect-ratio:1\/1; border-radius:10px; margin-bottom:16px;\n background:linear-gradient(145deg,#1a1e25,#101318);\n display:flex; align-items:center; justify-content:center;\n position:relative; overflow:hidden;\n }\n .p-thumb .mini-chip{width:40%; height:40%; border-radius:5px; background:#0d1015; border:1px solid rgba(47,111,237,.4);}\n .p-thumb .mini-chip:before{\n content:''; position:absolute; inset:0; margin:auto; width:20%; height:20%;\n background:rgba(0,212,255,.5); border-radius:3px; filter:blur(1px);\n }\n .p-card h4{font-size:14.5px; font-weight:600; margin-bottom:6px;}\n .p-card .mono{color:var(--muted); font-size:12px; display:block; margin-bottom:10px;}\n .p-card .p-price{font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right; font-weight:600; color:var(--white); font-size:14px;}\n\n @media (max-width:860px){\n .featured{grid-template-columns:1fr; padding:34px;}\n .grid{grid-template-columns:repeat(2,1fr);}\n .nav-links{display:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"pcb-grid\"><\/div>\n\n<nav>\n <div class=\"logo\"><span class=\"dot\"><\/span> \u0627\u0644\u06a9\u062a\u0631\u0648\u06a9\u0627\u0644\u0627<\/div>\n <div class=\"nav-links\">\n <a href=\"#cats\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627<\/a>\n <a href=\"#featured\">\u0645\u062d\u0635\u0648\u0644 \u0648\u06cc\u0698\u0647<\/a>\n <a href=\"#\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <\/div>\n <button class=\"nav-cta\">\u0648\u0631\u0648\u062f \/ \u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/button>\n<\/nav>\n\n\n<header class=\"hero\">\n <div class=\"hero-eyebrow\">PRECISION \u00b7 ELECTRONICS \u00b7 SUPPLY<\/div>\n <h1>\u0647\u0631 \u0642\u0637\u0639\u0647\u060c \u062f\u0642\u06cc\u0642\u0627\u064b <span>\u0647\u0645\u0648\u0646\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc<\/span><\/h1>\n <p>\u0628\u06cc\u0634 \u0627\u0632 \u0647\u0632\u0627\u0631 \u0642\u0637\u0639\u0647 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0648\u0631\u062c\u06cc\u0646\u0627\u0644 \u2014 \u0627\u0632 \u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u062a\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u062f\u0642\u06cc\u0642.<\/p>\n <div class=\"hero-actions\">\n <button class=\"btn-primary\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/button>\n <button class=\"btn-ghost\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627<\/button>\n <\/div>\n\n <div class=\"chip-stage\">\n <svg class=\"traces\" viewBox=\"0 0 400 400\">\n <path d=\"M 0 80 L 130 80 L 160 130 L 160 170\" \/>\n <path d=\"M 400 60 L 260 60 L 240 120 L 240 170\" \/>\n <path d=\"M 30 400 L 30 260 L 140 260 L 160 230\" \/>\n <path d=\"M 400 340 L 300 340 L 280 260 L 240 230\" \/>\n <circle class=\"pulse\" style=\"offset-path:path('M 0 80 L 130 80 L 160 130 L 160 170')\"><\/circle>\n <circle class=\"pulse\" style=\"offset-path:path('M 400 60 L 260 60 L 240 120 L 240 170'); animation-delay:1s;\"><\/circle>\n <circle class=\"pulse\" style=\"offset-path:path('M 400 340 L 300 340 L 280 260 L 240 230'); animation-delay:2s;\"><\/circle>\n <\/svg>\n <div class=\"chip\"><\/div>\n <\/div>\n<\/header>\n\n\n<section id=\"cats\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">CATEGORIES<\/div>\n <h2>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u062f\u0627\u0631\u062a \u0644\u0627\u0632\u0645\u0647<\/h2>\n <p>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u0631\u0648 \u0628\u0627\u0632 \u06a9\u0646 \u2014 \u0647\u0645\u06cc\u0634\u0647 \u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u0634\u0627\u062e\u0635 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u0634\u0647 \u0648 \u0628\u0642\u06cc\u0647 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06af\u0631\u06cc\u062f \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646.<\/p>\n <\/div>\n <div class=\"cat-rail\" id=\"catRail\">\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"6\" y=\"9\" width=\"12\" height=\"6\" rx=\"1\"\/><path d=\"M3 12h3M18 12h3\"\/><\/svg>\n <h3>\u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627<\/h3>\n <span>218 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M8 4v16M16 4v16M3 9h5M16 9h5M3 15h5M16 15h5\"\/><\/svg>\n <h3>\u062e\u0627\u0632\u0646\u200c\u0647\u0627<\/h3>\n <span>164 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"\/><path d=\"M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3\"\/><\/svg>\n <h3>\u0645\u06cc\u06a9\u0631\u0648\u06a9\u0646\u062a\u0631\u0644\u0631\u0647\u0627<\/h3>\n <span>97 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.2\"\/><\/svg>\n <h3>\u0633\u0646\u0633\u0648\u0631\u0647\u0627<\/h3>\n <span>142 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 10h.01M11 10h.01M15 10h.01M7 14h6\"\/><\/svg>\n <h3>\u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627<\/h3>\n <span>231 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 12h4l2-7 4 14 2-7h4\"\/><\/svg>\n <h3>\u0627\u0628\u0632\u0627\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc<\/h3>\n <span>58 PRODUCTS<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"featured\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">INSIDE A CATEGORY<\/div>\n <h2>\u0648\u0642\u062a\u06cc \u0648\u0627\u0631\u062f \u00ab\u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u00bb \u0645\u06cc\u200c\u0634\u06cc<\/h2>\n <div class=\"demo-note\">\u0627\u06cc\u0646 \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646 \u0631\u0641\u062a\u0627\u0631\u06cc\u0647 \u06a9\u0647 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f: <b>\u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u0634\u0647<\/b>\u060c \u0628\u0642\u06cc\u0647 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0648 \u0633\u0627\u062f\u0647\u200c\u062a\u0631.<\/div>\n <\/div>\n\n <div class=\"featured\">\n <div class=\"featured-visual\">\n <div class=\"ring r1\"><\/div>\n <div class=\"ring r2\"><\/div>\n <div class=\"ring r3\"><\/div>\n <div class=\"module\"><span class=\"tag-new\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span><\/div>\n <\/div>\n <div class=\"featured-info\">\n <div class=\"eyebrow\">FEATURED MODULE<\/div>\n <h3>\u0645\u0627\u0698\u0648\u0644 ESP32-WROOM \u062f\u0648\u0647\u0633\u062a\u0647\u200c\u0627\u06cc<\/h3>\n <p>\u0648\u0627\u06cc\u200c\u0641\u0627\u06cc \u0648 \u0628\u0644\u0648\u062a\u0648\u062b \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u060c \u0645\u0635\u0631\u0641 \u067e\u0627\u06cc\u06cc\u0646\u060c \u0645\u0646\u0627\u0633\u0628 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc IoT \u0635\u0646\u0639\u062a\u06cc \u0648 \u062e\u0627\u0646\u06af\u06cc \u2014 \u067e\u0631\u0641\u0631\u0648\u0634\u200c\u062a\u0631\u06cc\u0646 \u0645\u0627\u0698\u0648\u0644 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0647.<\/p>\n <div class=\"spec-row\">\n <div class=\"spec\"><b>240MHz<\/b><span>CPU CLOCK<\/span><\/div>\n <div class=\"spec\"><b>4MB<\/b><span>FLASH<\/span><\/div>\n <div class=\"spec\"><b>Wi-Fi\/BT<\/b><span>CONNECTIVITY<\/span><\/div>\n <\/div>\n <div class=\"price\">\u06f2\u06f4\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid\" id=\"prodGrid\">\n \n <\/div>\n<\/section>\n\n<script>\n \/\/ reveal category cards on load\n document.querySelectorAll('.cat-card').forEach((el,i)=>{\n setTimeout(()=>el.classList.add('in'), 200 + i*90);\n });\n\n \/\/ build product grid\n const names = ['\u0631\u06af\u0648\u0644\u0627\u062a\u0648\u0631 LM317','\u062a\u0631\u0627\u0646\u0632\u06cc\u0633\u062a\u0648\u0631 2N2222','LED \u067e\u0631\u0642\u062f\u0631\u062a 5W','\u062f\u06cc\u0648\u062f 1N4007','\u067e\u062a\u0627\u0646\u0633\u06cc\u0648\u0645\u062a\u0631 10K','\u0628\u0627\u0632\u0631 \u067e\u06cc\u0632\u0648','\u0631\u0644\u0647 5V \u062a\u06a9\u200c\u06a9\u0627\u0646\u0627\u0644\u0647','\u06a9\u0631\u06cc\u0633\u062a\u0627\u0644 16MHz'];\n const codes = ['LM317T','2N2222A','LED-HP5','1N4007','POT-10K','BUZ-PZ01','REL-5V1','XTAL-16M'];\n const prices = ['\u06f1\u06f8,\u06f0\u06f0\u06f0','\u06f9,\u06f5\u06f0\u06f0','\u06f2\u06f2,\u06f0\u06f0\u06f0','\u06f3,\u06f5\u06f0\u06f0','\u06f1\u06f2,\u06f0\u06f0\u06f0','\u06f7,\u06f0\u06f0\u06f0','\u06f3\u06f4,\u06f0\u06f0\u06f0','\u06f1\u06f5,\u06f0\u06f0\u06f0'];\n const grid = document.getElementById('prodGrid');\n names.forEach((n,i)=>{\n const card = document.createElement('div');\n card.className = 'p-card';\n card.innerHTML = `\n <div class=\"p-thumb\"><div class=\"mini-chip\"><\/div><\/div>\n <h4>${n}<\/h4>\n <span class=\"mono\">${codes[i]}<\/span>\n <div class=\"p-price\">${prices[i]} \u062a\u0648\u0645\u0627\u0646<\/div>\n `;\n grid.appendChild(card);\n });\n\n \/\/ scroll reveal for grid\n const io = new IntersectionObserver((entries)=>{\n entries.forEach((e,idx)=>{\n if(e.isIntersecting){\n setTimeout(()=>e.target.classList.add('in'), idx*60);\n io.unobserve(e.target);\n }\n });\n }, {threshold:.15});\n document.querySelectorAll('.p-card').forEach(el=>io.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0637\u0631\u0627\u062d\u06cc \u2014 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0642\u0637\u0639\u0627\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 \u0627\u0644\u06a9\u062a\u0631\u0648\u06a9\u0627\u0644\u0627 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u0645\u062d\u0635\u0648\u0644 \u0648\u06cc\u0698\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0648\u0631\u0648\u062f \/ \u062b\u0628\u062a\u200c\u0646\u0627\u0645 PRECISION \u00b7 ELECTRONICS \u00b7 SUPPLY \u0647\u0631 \u0642\u0637\u0639\u0647\u060c \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u0647\u0632\u0627\u0631 \u0642\u0637\u0639\u0647 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0648\u0631\u062c\u06cc\u0646\u0627\u0644 \u2014 \u0627\u0632 \u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u062a\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u062f\u0642\u06cc\u0642. \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 CATEGORIES \u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":7,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0637\u0631\u0627\u062d\u06cc \u2014 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0642\u0637\u0639\u0627\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;700;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --bg:#0B0D10;\n --surface:#14171C;\n --surface-2:#1B1F26;\n --white:#F7F8FA;\n --muted:#8A8F98;\n --blue:#2F6FED;\n --blue-soft:rgba(47,111,237,0.15);\n --cyan:#00D4FF;\n --line:rgba(255,255,255,0.08);\n --radius:18px;\n }\n *{margin:0;padding:0;box-sizing:border-box;}\n html{scroll-behavior:smooth;}\n body{\n background:var(--bg);\n color:var(--white);\n font-family:'Vazirmatn', sans-serif;\n overflow-x:hidden;\n }\n .mono{font-family:'IBM Plex Mono', monospace; direction:ltr; unicode-bidi:plaledtr;}\n ::selection{background:var(--blue); color:#fff;}\n\n \/* faint PCB grid background *\/\n .pcb-grid{\n position:fixed; inset:0; z-index:0; pointer-events:none;\n background-image:\n linear-gradient(var(--line) 1px, transparent 1px),\n linear-gradient(90deg, var(--line) 1px, transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(circle at 50% 30%, black 0%, transparent 70%);\n opacity:.5;\n }\n\n \/* ===== NAV ===== *\/\n nav{\n position:fixed; top:0; right:0; left:0; z-index:50;\n display:flex; align-items:center; justify-content:space-between;\n padding:22px 6vw;\n backdrop-filter:blur(14px);\n background:rgba(11,13,16,0.55);\n border-bottom:1px solid var(--line);\n }\n .logo{display:flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:.3px;}\n .logo .dot{width:9px;height:9px;border-radius:2px;background:var(--cyan); box-shadow:0 0 12px var(--cyan);}\n .nav-links{display:flex; gap:34px; font-size:14.5px; color:var(--muted);}\n .nav-links a{color:var(--muted); text-decoration:none; transition:color .25s;}\n .nav-links a:hover{color:var(--white);}\n .nav-cta{\n background:var(--blue); color:#fff; border:none; padding:10px 22px;\n border-radius:100px; font-family:inherit; font-size:14px; cursor:pointer;\n box-shadow:0 0 0 0 rgba(47,111,237,.5);\n }\n\n \/* ===== HERO ===== *\/\n .hero{\n position:relative; min-height:100svh; display:flex; flex-direction:column;\n align-items:center; justify-content:center; text-align:center;\n padding:120px 6vw 60px; z-index:1; overflow:hidden;\n }\n .hero-eyebrow{\n font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:2.5px;\n color:var(--cyan); margin-bottom:22px; opacity:0;\n animation:fadeUp .8s .1s forwards ease-out;\n direction:ltr;\n }\n .hero h1{\n font-size:clamp(38px, 6.4vw, 84px); font-weight:900; line-height:1.15;\n max-width:900px; letter-spacing:-1px;\n opacity:0; animation:fadeUp .9s .25s forwards ease-out;\n }\n .hero h1 span{color:var(--blue);}\n .hero p{\n margin-top:22px; color:var(--muted); font-size:clamp(15px,1.6vw,19px);\n max-width:560px; line-height:1.9;\n opacity:0; animation:fadeUp .9s .42s forwards ease-out;\n }\n .hero-actions{\n margin-top:38px; display:flex; gap:14px;\n opacity:0; animation:fadeUp .9s .58s forwards ease-out;\n }\n .btn-primary{\n background:var(--blue); color:#fff; border:none; padding:15px 30px;\n border-radius:100px; font-family:inherit; font-size:15px; font-weight:500; cursor:pointer;\n box-shadow:0 8px 30px -8px rgba(47,111,237,.7);\n transition:transform .3s;\n }\n .btn-primary:hover{transform:translateY(-2px);}\n .btn-ghost{\n background:transparent; color:var(--white); border:1px solid var(--line);\n padding:15px 26px; border-radius:100px; font-family:inherit; font-size:15px; cursor:pointer;\n transition:border-color .3s, background .3s;\n }\n .btn-ghost:hover{border-color:var(--blue); background:var(--blue-soft);}\n\n @keyframes fadeUp{ from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }\n\n \/* circuit stage *\/\n .chip-stage{\n position:relative; width:min(560px, 80vw); aspect-ratio:1\/1; margin-top:50px;\n }\n svg.traces{position:absolute; inset:-40%; width:180%; height:180%; overflow:visible;}\n svg.traces path{\n fill:none; stroke:var(--blue); stroke-width:1.6; opacity:.55;\n stroke-dasharray:1000; stroke-dashoffset:1000;\n animation:draw 2.2s cubic-bezier(.4,0,.2,1) forwards;\n }\n svg.traces path:nth-child(2){animation-delay:.1s; stroke:var(--cyan); opacity:.4;}\n svg.traces path:nth-child(3){animation-delay:.22s;}\n svg.traces path:nth-child(4){animation-delay:.05s; stroke:var(--cyan); opacity:.35;}\n svg.traces circle.pulse{\n fill:var(--cyan); r:3.2; filter:drop-shadow(0 0 6px var(--cyan));\n opacity:0; animation:pulseGo 3.4s ease-in-out infinite;\n }\n @keyframes draw{ to{stroke-dashoffset:0;} }\n @keyframes pulseGo{\n 0%{opacity:0; offset-distance:0%;}\n 8%{opacity:1;}\n 85%{opacity:1;}\n 100%{opacity:0; offset-distance:100%;}\n }\n\n .chip{\n position:absolute; inset:0; margin:auto; width:38%; height:38%;\n background:linear-gradient(155deg, var(--surface-2), var(--surface));\n border:1px solid rgba(47,111,237,.5);\n border-radius:14px;\n display:flex; align-items:center; justify-content:center;\n box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 30px 60px -20px rgba(47,111,237,.5), inset 0 0 30px rgba(47,111,237,.08);\n opacity:0; animation:chipIn .8s .55s forwards ease-out;\n }\n @keyframes chipIn{ from{opacity:0; transform:scale(.85);} to{opacity:1; transform:scale(1);} }\n .chip:before{\n content:'';\n width:46%; height:46%;\n border-radius:6px;\n background:\n repeating-linear-gradient(90deg, transparent 0 6px, rgba(0,212,255,.12) 6px 7px),\n repeating-linear-gradient(0deg, transparent 0 6px, rgba(0,212,255,.12) 6px 7px);\n box-shadow:0 0 22px rgba(0,212,255,.35) inset;\n animation:glow 2.6s ease-in-out infinite;\n }\n @keyframes glow{ 0%,100%{opacity:.55;} 50%{opacity:1;} }\n\n .pin{position:absolute; width:14%; height:3px; background:linear-gradient(90deg, var(--blue), transparent); border-radius:2px;}\n\n \/* ===== SECTION SHARED ===== *\/\n section{position:relative; z-index:1; padding:120px 6vw;}\n .eyebrow{\n font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:2px;\n color:var(--cyan); margin-bottom:16px; direction:ltr; text-align:right;\n }\n .section-head{max-width:720px; margin-bottom:64px;}\n .section-head h2{font-size:clamp(28px,3.4vw,44px); font-weight:800; letter-spacing:-.5px; line-height:1.3;}\n .section-head p{margin-top:16px; color:var(--muted); font-size:16px; line-height:1.9;}\n\n \/* ===== CATEGORY RAIL ===== *\/\n .cat-rail{\n display:flex; gap:18px; overflow-x:auto; padding-bottom:20px;\n scroll-snap-type:x mandatory;\n }\n .cat-rail::-webkit-scrollbar{height:6px;}\n .cat-rail::-webkit-scrollbar-thumb{background:var(--line); border-radius:10px;}\n .cat-card{\n scroll-snap-align:start;\n min-width:230px; flex:0 0 auto;\n background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);\n padding:26px; cursor:pointer; transition:border-color .3s, transform .3s;\n opacity:0; transform:translateY(24px);\n }\n .cat-card.in{opacity:1; transform:translateY(0); transition:opacity .7s ease, transform .7s ease;}\n .cat-card:hover{border-color:var(--blue); transform:translateY(-6px);}\n .cat-icon{width:42px; height:42px; margin-bottom:20px; color:var(--blue);}\n .cat-card h3{font-size:17px; font-weight:700; margin-bottom:6px;}\n .cat-card span{color:var(--muted); font-size:13px; font-family:'IBM Plex Mono',monospace; direction:ltr; display:inline-block;}\n\n \/* ===== FEATURED CATEGORY DEMO ===== *\/\n .demo-note{\n display:inline-flex; align-items:center; gap:10px; margin-bottom:26px;\n font-size:13px; color:var(--muted); border:1px dashed var(--line); padding:8px 16px; border-radius:100px;\n }\n .demo-note b{color:var(--cyan); font-weight:600;}\n\n .featured{\n position:relative;\n background:radial-gradient(circle at 30% 20%, rgba(47,111,237,.25), transparent 55%), var(--surface);\n border:1px solid var(--line); border-radius:24px;\n padding:60px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;\n overflow:hidden; margin-bottom:26px;\n }\n .featured-visual{\n position:relative; aspect-ratio:1\/1; display:flex; align-items:center; justify-content:center;\n }\n .ring{\n position:absolute; border:1px solid var(--blue); border-radius:50%; opacity:.35;\n }\n .ring.r1{inset:0; animation:ringPulse 3s ease-out infinite;}\n .ring.r2{inset:14%; animation:ringPulse 3s ease-out infinite .5s;}\n .ring.r3{inset:28%; animation:ringPulse 3s ease-out infinite 1s;}\n @keyframes ringPulse{\n 0%{transform:scale(.9); opacity:0;}\n 30%{opacity:.5;}\n 100%{transform:scale(1.06); opacity:0;}\n }\n .module{\n width:46%; aspect-ratio:1\/1; background:linear-gradient(155deg,#1c212a,#12151a);\n border:1px solid rgba(0,212,255,.4); border-radius:16px; position:relative;\n box-shadow:0 40px 80px -30px rgba(0,0,0,.6), 0 0 40px rgba(0,212,255,.15);\n }\n .module:before{\n content:''; position:absolute; inset:18%;\n background:repeating-linear-gradient(45deg, rgba(0,212,255,.1) 0 3px, transparent 3px 9px);\n border-radius:8px;\n }\n .tag-new{\n position:absolute; top:-10px; right:14%;\n background:var(--cyan); color:#0B0D10; font-size:11.5px; font-weight:700;\n padding:6px 14px; border-radius:100px; font-family:'IBM Plex Mono',monospace;\n }\n .featured-info .eyebrow{margin-bottom:14px;}\n .featured-info h3{font-size:clamp(24px,2.6vw,34px); font-weight:800; margin-bottom:14px;}\n .featured-info p{color:var(--muted); line-height:1.9; margin-bottom:26px; font-size:15px;}\n .spec-row{display:flex; gap:26px; margin-bottom:30px; flex-wrap:wrap;}\n .spec{font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right;}\n .spec b{display:block; color:var(--white); font-size:15px;}\n .spec span{color:var(--muted); font-size:11.5px; letter-spacing:1px;}\n .price{font-size:22px; font-weight:800; color:var(--cyan); font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right;}\n\n \/* ===== PRODUCT GRID ===== *\/\n .grid{\n display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;\n }\n .p-card{\n background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:20px;\n transition:border-color .3s, transform .3s;\n opacity:0; transform:translateY(20px);\n }\n .p-card.in{opacity:1; transform:translateY(0); transition:opacity .6s ease, transform .6s ease;}\n .p-card:hover{border-color:rgba(47,111,237,.6); transform:translateY(-4px);}\n .p-thumb{\n aspect-ratio:1\/1; border-radius:10px; margin-bottom:16px;\n background:linear-gradient(145deg,#1a1e25,#101318);\n display:flex; align-items:center; justify-content:center;\n position:relative; overflow:hidden;\n }\n .p-thumb .mini-chip{width:40%; height:40%; border-radius:5px; background:#0d1015; border:1px solid rgba(47,111,237,.4);}\n .p-thumb .mini-chip:before{\n content:''; position:absolute; inset:0; margin:auto; width:20%; height:20%;\n background:rgba(0,212,255,.5); border-radius:3px; filter:blur(1px);\n }\n .p-card h4{font-size:14.5px; font-weight:600; margin-bottom:6px;}\n .p-card .mono{color:var(--muted); font-size:12px; display:block; margin-bottom:10px;}\n .p-card .p-price{font-family:'IBM Plex Mono',monospace; direction:ltr; text-align:right; font-weight:600; color:var(--white); font-size:14px;}\n\n @media (max-width:860px){\n .featured{grid-template-columns:1fr; padding:34px;}\n .grid{grid-template-columns:repeat(2,1fr);}\n .nav-links{display:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"pcb-grid\"><\/div>\n\n<nav>\n <div class=\"logo\"><span class=\"dot\"><\/span> \u0627\u0644\u06a9\u062a\u0631\u0648\u06a9\u0627\u0644\u0627<\/div>\n <div class=\"nav-links\">\n <a href=\"#cats\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627<\/a>\n <a href=\"#featured\">\u0645\u062d\u0635\u0648\u0644 \u0648\u06cc\u0698\u0647<\/a>\n <a href=\"#\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/a>\n <\/div>\n <button class=\"nav-cta\">\u0648\u0631\u0648\u062f \/ \u062b\u0628\u062a\u200c\u0646\u0627\u0645<\/button>\n<\/nav>\n\n\n<header class=\"hero\">\n <div class=\"hero-eyebrow\">PRECISION \u00b7 ELECTRONICS \u00b7 SUPPLY<\/div>\n <h1>\u0647\u0631 \u0642\u0637\u0639\u0647\u060c \u062f\u0642\u06cc\u0642\u0627\u064b <span>\u0647\u0645\u0648\u0646\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc<\/span><\/h1>\n <p>\u0628\u06cc\u0634 \u0627\u0632 \u0647\u0632\u0627\u0631 \u0642\u0637\u0639\u0647 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0648\u0631\u062c\u06cc\u0646\u0627\u0644 \u2014 \u0627\u0632 \u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u062a\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u062f\u0642\u06cc\u0642.<\/p>\n <div class=\"hero-actions\">\n <button class=\"btn-primary\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/button>\n <button class=\"btn-ghost\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627<\/button>\n <\/div>\n\n <div class=\"chip-stage\">\n <svg class=\"traces\" viewBox=\"0 0 400 400\">\n <path d=\"M 0 80 L 130 80 L 160 130 L 160 170\" \/>\n <path d=\"M 400 60 L 260 60 L 240 120 L 240 170\" \/>\n <path d=\"M 30 400 L 30 260 L 140 260 L 160 230\" \/>\n <path d=\"M 400 340 L 300 340 L 280 260 L 240 230\" \/>\n <circle class=\"pulse\" style=\"offset-path:path('M 0 80 L 130 80 L 160 130 L 160 170')\"><\/circle>\n <circle class=\"pulse\" style=\"offset-path:path('M 400 60 L 260 60 L 240 120 L 240 170'); animation-delay:1s;\"><\/circle>\n <circle class=\"pulse\" style=\"offset-path:path('M 400 340 L 300 340 L 280 260 L 240 230'); animation-delay:2s;\"><\/circle>\n <\/svg>\n <div class=\"chip\"><\/div>\n <\/div>\n<\/header>\n\n\n<section id=\"cats\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">CATEGORIES<\/div>\n <h2>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u062f\u0627\u0631\u062a \u0644\u0627\u0632\u0645\u0647<\/h2>\n <p>\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u0631\u0648 \u0628\u0627\u0632 \u06a9\u0646 \u2014 \u0647\u0645\u06cc\u0634\u0647 \u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u0634\u0627\u062e\u0635 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u0634\u0647 \u0648 \u0628\u0642\u06cc\u0647 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06af\u0631\u06cc\u062f \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646.<\/p>\n <\/div>\n <div class=\"cat-rail\" id=\"catRail\">\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"6\" y=\"9\" width=\"12\" height=\"6\" rx=\"1\"\/><path d=\"M3 12h3M18 12h3\"\/><\/svg>\n <h3>\u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627<\/h3>\n <span>218 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M8 4v16M16 4v16M3 9h5M16 9h5M3 15h5M16 15h5\"\/><\/svg>\n <h3>\u062e\u0627\u0632\u0646\u200c\u0647\u0627<\/h3>\n <span>164 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"\/><path d=\"M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3\"\/><\/svg>\n <h3>\u0645\u06cc\u06a9\u0631\u0648\u06a9\u0646\u062a\u0631\u0644\u0631\u0647\u0627<\/h3>\n <span>97 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"12\" r=\"7\"\/><circle cx=\"12\" cy=\"12\" r=\"2.2\"\/><\/svg>\n <h3>\u0633\u0646\u0633\u0648\u0631\u0647\u0627<\/h3>\n <span>142 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M7 10h.01M11 10h.01M15 10h.01M7 14h6\"\/><\/svg>\n <h3>\u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627<\/h3>\n <span>231 PRODUCTS<\/span>\n <\/div>\n <div class=\"cat-card\">\n <svg class=\"cat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 12h4l2-7 4 14 2-7h4\"\/><\/svg>\n <h3>\u0627\u0628\u0632\u0627\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc<\/h3>\n <span>58 PRODUCTS<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"featured\">\n <div class=\"section-head\">\n <div class=\"eyebrow\">INSIDE A CATEGORY<\/div>\n <h2>\u0648\u0642\u062a\u06cc \u0648\u0627\u0631\u062f \u00ab\u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u00bb \u0645\u06cc\u200c\u0634\u06cc<\/h2>\n <div class=\"demo-note\">\u0627\u06cc\u0646 \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646 \u0631\u0641\u062a\u0627\u0631\u06cc\u0647 \u06a9\u0647 \u062e\u0648\u0627\u0633\u062a\u06cc\u062f: <b>\u06cc\u06a9 \u0645\u062d\u0635\u0648\u0644 \u0628\u0627 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u0639\u0631\u0641\u06cc \u0645\u06cc\u200c\u0634\u0647<\/b>\u060c \u0628\u0642\u06cc\u0647 \u067e\u0627\u06cc\u06cc\u0646\u200c\u062a\u0631 \u0648 \u0633\u0627\u062f\u0647\u200c\u062a\u0631.<\/div>\n <\/div>\n\n <div class=\"featured\">\n <div class=\"featured-visual\">\n <div class=\"ring r1\"><\/div>\n <div class=\"ring r2\"><\/div>\n <div class=\"ring r3\"><\/div>\n <div class=\"module\"><span class=\"tag-new\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span><\/div>\n <\/div>\n <div class=\"featured-info\">\n <div class=\"eyebrow\">FEATURED MODULE<\/div>\n <h3>\u0645\u0627\u0698\u0648\u0644 ESP32-WROOM \u062f\u0648\u0647\u0633\u062a\u0647\u200c\u0627\u06cc<\/h3>\n <p>\u0648\u0627\u06cc\u200c\u0641\u0627\u06cc \u0648 \u0628\u0644\u0648\u062a\u0648\u062b \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u060c \u0645\u0635\u0631\u0641 \u067e\u0627\u06cc\u06cc\u0646\u060c \u0645\u0646\u0627\u0633\u0628 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc IoT \u0635\u0646\u0639\u062a\u06cc \u0648 \u062e\u0627\u0646\u06af\u06cc \u2014 \u067e\u0631\u0641\u0631\u0648\u0634\u200c\u062a\u0631\u06cc\u0646 \u0645\u0627\u0698\u0648\u0644 \u0627\u06cc\u0646 \u062f\u0633\u062a\u0647.<\/p>\n <div class=\"spec-row\">\n <div class=\"spec\"><b>240MHz<\/b><span>CPU CLOCK<\/span><\/div>\n <div class=\"spec\"><b>4MB<\/b><span>FLASH<\/span><\/div>\n <div class=\"spec\"><b>Wi-Fi\/BT<\/b><span>CONNECTIVITY<\/span><\/div>\n <\/div>\n <div class=\"price\">\u06f2\u06f4\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid\" id=\"prodGrid\">\n \n <\/div>\n<\/section>\n\n<script>\n \/\/ reveal category cards on load\n document.querySelectorAll('.cat-card').forEach((el,i)=>{\n setTimeout(()=>el.classList.add('in'), 200 + i*90);\n });\n\n \/\/ build product grid\n const names = ['\u0631\u06af\u0648\u0644\u0627\u062a\u0648\u0631 LM317','\u062a\u0631\u0627\u0646\u0632\u06cc\u0633\u062a\u0648\u0631 2N2222','LED \u067e\u0631\u0642\u062f\u0631\u062a 5W','\u062f\u06cc\u0648\u062f 1N4007','\u067e\u062a\u0627\u0646\u0633\u06cc\u0648\u0645\u062a\u0631 10K','\u0628\u0627\u0632\u0631 \u067e\u06cc\u0632\u0648','\u0631\u0644\u0647 5V \u062a\u06a9\u200c\u06a9\u0627\u0646\u0627\u0644\u0647','\u06a9\u0631\u06cc\u0633\u062a\u0627\u0644 16MHz'];\n const codes = ['LM317T','2N2222A','LED-HP5','1N4007','POT-10K','BUZ-PZ01','REL-5V1','XTAL-16M'];\n const prices = ['\u06f1\u06f8,\u06f0\u06f0\u06f0','\u06f9,\u06f5\u06f0\u06f0','\u06f2\u06f2,\u06f0\u06f0\u06f0','\u06f3,\u06f5\u06f0\u06f0','\u06f1\u06f2,\u06f0\u06f0\u06f0','\u06f7,\u06f0\u06f0\u06f0','\u06f3\u06f4,\u06f0\u06f0\u06f0','\u06f1\u06f5,\u06f0\u06f0\u06f0'];\n const grid = document.getElementById('prodGrid');\n names.forEach((n,i)=>{\n const card = document.createElement('div');\n card.className = 'p-card';\n card.innerHTML = `\n <div class=\"p-thumb\"><div class=\"mini-chip\"><\/div><\/div>\n <h4>${n}<\/h4>\n <span class=\"mono\">${codes[i]}<\/span>\n <div class=\"p-price\">${prices[i]} \u062a\u0648\u0645\u0627\u0646<\/div>\n `;\n grid.appendChild(card);\n });\n\n \/\/ scroll reveal for grid\n const io = new IntersectionObserver((entries)=>{\n entries.forEach((e,idx)=>{\n if(e.isIntersecting){\n setTimeout(()=>e.target.classList.add('in'), idx*60);\n io.unobserve(e.target);\n }\n });\n }, {threshold:.15});\n document.querySelectorAll('.p-card').forEach(el=>io.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0637\u0631\u0627\u062d\u06cc \u2014 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0642\u0637\u0639\u0627\u062a \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9 \u0627\u0644\u06a9\u062a\u0631\u0648\u06a9\u0627\u0644\u0627 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 \u0645\u062d\u0635\u0648\u0644 \u0648\u06cc\u0698\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627 \u0648\u0631\u0648\u062f \/ \u062b\u0628\u062a\u200c\u0646\u0627\u0645 PRECISION \u00b7 ELECTRONICS \u00b7 SUPPLY \u0647\u0631 \u0642\u0637\u0639\u0647\u060c \u062f\u0642\u06cc\u0642\u0627\u064b \u0647\u0645\u0648\u0646\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u0647\u0632\u0627\u0631 \u0642\u0637\u0639\u0647 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0648\u0631\u062c\u06cc\u0646\u0627\u0644 \u2014 \u0627\u0632 \u0645\u0642\u0627\u0648\u0645\u062a\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u062a\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0628\u0627 \u062a\u062d\u0648\u06cc\u0644 \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0634\u062e\u0635\u0627\u062a \u0641\u0646\u06cc \u062f\u0642\u06cc\u0642. \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627 CATEGORIES \u0647\u0631 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":7,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/pouyaelectronic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}