\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI) – \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | Mitsubishi HMI<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n :root {\n --mitsubishi-red: #e60012;\n --hmi-blue: #0ea5e9;\n --hero-bg: #0f172a;\n }\n\n body {\n font-family: 'Tajawal', 'Inter', sans-serif;\n background-color: #f8fafc;\n color: #1e293b;\n scroll-behavior: smooth;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #020617 0%, #0f172a 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hmi-card {\n background: white;\n border-radius: 1.5rem;\n border: 1px solid #e2e8f0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .hmi-card:hover {\n transform: translateY(-5px);\n border-color: var(--hmi-blue);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n\n .lang-en {\n font-family: 'Inter', sans-serif;\n display: block;\n font-size: 0.9em;\n opacity: 0.9;\n direction: ltr;\n text-align: left;\n }\n\n .hmi-tag {\n background-color: var(--mitsubishi-red);\n color: white;\n padding: 0.4rem 1rem;\n border-radius: 0.5rem;\n font-size: 0.85rem;\n font-weight: 700;\n display: inline-block;\n margin-bottom: 1.5rem;\n }\n\n .status-tag {\n font-size: 0.7rem;\n padding: 0.2rem 0.6rem;\n border-radius: 99px;\n font-weight: 800;\n margin-right: 8px;\n vertical-align: middle;\n background: #e0f2fe;\n color: #0369a1;\n border: 1px solid #bae6fd;\n }\n\n .btn-primary {\n background-color: var(--mitsubishi-red);\n color: white;\n transition: all 0.2s;\n }\n\n .btn-primary:hover {\n background-color: #ff1a2b;\n box-shadow: 0 4px 20px rgba(230, 0, 18, 0.4);\n transform: scale(1.02);\n }\n\n .external-link {\n color: var(--hmi-blue);\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n transition: gap 0.2s;\n }\n\n .external-link:hover {\n gap: 0.75rem;\n text-decoration: underline;\n }\n\n .hero-title {\n color: #ffffff;\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <nav class=\"bg-white\/95 backdrop-blur-md sticky top-0 z-50 border-b border-gray-100 py-4 px-6\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/Mitsubishi_Electric_logo.png\" alt=\"Mitsubishi Logo\" class=\"h-6 md:h-10\">\n <div class=\"text-slate-400 text-xs font-bold lang-en hidden md:block\">\n AUTHORIZED DISTRIBUTOR | MITSUBISHI ELECTRIC HMI\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-section py-20 px-6 text-white border-b-4 border-red-600\">\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 md:order-1 text-right\">\n <span class=\"hmi-tag\">Visualization | \u0642\u0633\u0645 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u0636<\/span>\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight hero-title\">\n \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI)\n <\/h1>\n <h2 class=\"text-2xl md:text-4xl font-bold text-sky-400 lang-en mb-6\">Human-Machine Interfaces<\/h2>\n \n <p class=\"text-white text-lg md:text-xl mb-4 leading-relaxed max-w-xl font-medium\">\n \u062a\u0642\u062f\u0645 \u0633\u0644\u0633\u0644\u0629 GOT \u0645\u0646 \u0645\u064a\u062a\u0633\u0648\u0628\u064a\u0634\u064a \u0625\u0644\u0643\u062a\u0631\u064a\u0643 \u062a\u062c\u0631\u0628\u0629 \u062a\u0641\u0627\u0639\u0644 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0628\u064a\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u0622\u0644\u0629\u060c \u0645\u0639 \u062a\u0642\u0646\u064a\u0627\u062a \u0639\u0631\u0636 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u0631\u0628\u0637 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0630\u0643\u0627\u0621.\n <\/p>\n \n <div class=\"flex flex-wrap gap-4 justify-start flex-row-reverse mt-8\">\n <a href=\"#hmi-lineup\" class=\"btn-primary px-10 py-4 rounded-xl font-bold text-xl flex flex-col items-center shadow-lg\">\n <span>\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a<\/span>\n <span class=\"text-xs font-normal lang-en\">Explore GOT Series<\/span>\n <\/a>\n <a href=\"https:\/\/www.mitsubishielectric.com\/fa\/products\/hmi\/got\/index.html\" target=\"_blank\" class=\"bg-white\/5 hover:bg-white\/15 backdrop-blur-sm text-white px-8 py-4 rounded-xl font-bold border border-white\/30 transition-all text-center\">\n <span>\u0628\u0648\u0627\u0628\u0629 HMI \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span>\n <span class=\"text-xs font-normal block lang-en\">Global HMI Portal<\/span>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"order-1 md:order-2 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/got3000.jpg\" alt=\"Mitsubishi GOT HMI\" class=\"w-full max-w-lg drop-shadow-[0_20px_50px_rgba(14,165,233,0.15)] transform hover:scale-105 transition-transform duration-700\">\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hmi-lineup\" class=\"py-24 px-6\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex flex-col items-center text-center mb-16\">\n <span class=\"text-sky-600 font-bold tracking-widest uppercase mb-2 lang-en\">HMI Lineup<\/span>\n <h2 class=\"text-4xl font-black text-slate-900\">\u0633\u0644\u0633\u0644\u0629 \u0634\u0627\u0634\u0627\u062a GOT \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 | GOT Portfolio<\/h2>\n <div class=\"h-1.5 w-24 bg-red-600 mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n \n \n <div class=\"hmi-card p-8 border-r-4 border-slate-900\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/got3000.jpg\" alt=\"GOT3000 Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\">Advanced Technology<\/span>\n <h3 class=\"text-2xl font-black text-slate-900 mb-2\">GOT3000 Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0623\u062d\u062f\u062b \u0645\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u062a\u0637\u0648\u0631 \u0645\u0633\u062a\u0645\u0631 \u064a\u0631\u0628\u0637 \u0627\u0644\u0646\u0627\u0633 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0642\u0648\u0629 \u0623\u0643\u0628\u0631.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Refined technology and continuous evolution connect people, systems, and IT even more strongly.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #0f172a;\">\n <span>\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Tech Specs<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-sky-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GOT2000.jpg\" alt=\"GOT2000 Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\">Core Model<\/span>\n <h3 class=\"text-2xl font-black text-sky-700 mb-2\">GOT2000 Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u062e\u0644\u0641 \u0627\u0644\u0642\u0648\u064a \u0644\u0633\u0644\u0633\u0644\u0629 GOT1000.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0631\u062b \u0643\u0627\u0641\u0629 \u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648\u062a\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0638\u0627\u0626\u0641 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u0627\u064b \u0648\u062a\u0637\u0648\u0631\u0627\u064b \u0644\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Inherits all features of GOT1000 series, introducing a more refined and advanced function set.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\">\n <span>\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Tech Specs<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-emerald-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GOT-SIMPLE-series.jpg\" alt=\"GOT SIMPLE Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #ecfdf5; color: #059669; border-color: #a7f3d0;\">Reliable & Simple<\/span>\n <h3 class=\"text-2xl font-black text-emerald-700 mb-2\">GOT SIMPLE Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u0628\u0633\u0627\u0637\u0629 \u0645\u0639 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u062b\u0648\u0642.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0648\u0641\u0631 \u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0648\u0644\u0643\u0646 \u0642\u0648\u064a\u0629 \u0645\u0639 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Simple but powerful models with high reliability for easy operation.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #059669;\">\n <span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Series Details<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-indigo-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GT-SoftGOT.jpg\" alt=\"GT SoftGOT\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #eef2ff; color: #4f46e5; border-color: #c7d2fe;\">Software Solution<\/span>\n <h3 class=\"text-2xl font-black text-indigo-700 mb-2\">GT SoftGOT<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0634\u0627\u0634\u062a\u0643 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u0628\u0631\u0646\u0627\u0645\u062c HMI \u064a\u0633\u0645\u062d \u0644\u0648\u0638\u0627\u0626\u0641 \u0634\u0627\u0634\u0627\u062a GOT \u0628\u0627\u0644\u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">HMI software that allows GOT functions to operate on a personal computer.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #4f46e5;\">\n <span>\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Software Solutions<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-orange-500\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/iQ-Monozukuri.jpg\" alt=\"iQ Monozukuri\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #fff7ed; color: #ea580c; border-color: #ffedd5;\">Smart Factory<\/span>\n <h3 class=\"text-2xl font-black text-orange-700 mb-2\">iQ Monozukuri<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u062e\u0637\u0648\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 e-F@ctory.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062d\u0632\u0645\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u062a\u0646\u0641\u064a\u0630 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">“iQ Monozukuri” is a step toward achieving e-F@ctory goals.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #ea580c;\">\n <span>\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u062d\u0632\u0645<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Package Details<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-red-700\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/Engineering-Software.jpg\" alt=\"Engineering Software\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #fef2f2; color: #b91c1c; border-color: #fecaca;\">Design Tool<\/span>\n <h3 class=\"text-2xl font-black text-red-800 mb-2\">Engineering Software<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u062b\u0648\u0631\u0629 \u0641\u064a \u0623\u0633\u0644\u0648\u0628 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u0635\u0645\u0645 \u0634\u0627\u0634\u0627\u062a\u0643 \u0627\u0644\u062c\u0645\u064a\u0644\u0629 \u0628\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0648\u0633\u0647\u0644\u0629\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0627\u0644\u0628\u0631\u0645\u062c\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Revolution in your screen design style with simple settings.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #b91c1c;\">\n <span>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Download Tools<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 px-6 bg-slate-900 text-white\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"text-3xl md:text-4xl font-black mb-4\">\u062f\u0639\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0639\u0631\u0636<\/h2>\n <h3 class=\"text-xl font-bold text-sky-400 mb-12 lang-en\">HMI Technical Support<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <a href=\"#\" class=\"flex items-center p-8 bg-white\/5 rounded-2xl border border-white\/10 hover:bg-white\/10 transition-all group\">\n <div class=\"w-14 h-14 bg-red-600 rounded-xl shadow-lg flex items-center justify-center text-white transition-transform group-hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"mr-6 text-right\">\n <h4 class=\"font-bold text-lg\">\u062a\u062d\u0645\u064a\u0644 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h4>\n <p class=\"text-sm text-slate-400 lang-en\">GT Designer3 & Software<\/p>\n <\/div>\n <\/a>\n \n <a href=\"tel:+962\" class=\"flex items-center p-8 bg-white\/5 rounded-2xl border border-white\/10 hover:bg-white\/10 transition-all group\">\n <div class=\"w-14 h-14 bg-sky-600 rounded-xl shadow-lg flex items-center justify-center text-white transition-transform group-hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\" \/>\n <\/svg>\n <\/div>\n <div class=\"mr-6 text-right\">\n <h4 class=\"font-bold text-lg\">\u0637\u0644\u0628 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/h4>\n <p class=\"text-sm text-slate-400 lang-en\">Custom Screen Design Services<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"py-12 bg-black text-center text-slate-500 text-sm\">\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6\">\n <p>\u00a9 2024 \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 – \u0627\u0644\u0645\u0648\u0632\u0639 \u0627\u0644\u0645\u0639\u062a\u0645\u062f \u0644\u0645\u064a\u062a\u0633\u0648\u0628\u064a\u0634\u064a \u0625\u0644\u0643\u062a\u0631\u064a\u0643 | Authorized Distributor<\/p>\n <div class=\"flex gap-8 lang-en text-xs\">\n <a href=\"#\" class=\"hover:text-red-600 transition-colors\">HMI Support<\/a>\n <a href=\"#\" class=\"hover:text-red-600 transition-colors\">Catalog Request<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI) – \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | Mitsubishi HMI AUTHORIZED DISTRIBUTOR | MITSUBISHI ELECTRIC HMI Visualization | \u0642\u0633\u0645…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":554,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-583","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=583"}],"version-history":[{"count":1,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583\/revisions\/590"}],"up":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/554"}],"wp:attachment":[{"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":583,"date":"2026-03-02T22:42:16","date_gmt":"2026-03-02T19:42:16","guid":{"rendered":"https:\/\/goffran.com\/?page_id=583"},"modified":"2026-03-02T23:27:48","modified_gmt":"2026-03-02T20:27:48","slug":"got-hmi-panels-2","status":"publish","type":"page","link":"https:\/\/goffran.com\/?page_id=583","title":{"rendered":"GOT (HMI Panels)"},"content":{"rendered":"\n\n\n\n\n \n \n \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI) – \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | Mitsubishi HMI<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;900&family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n :root {\n --mitsubishi-red: #e60012;\n --hmi-blue: #0ea5e9;\n --hero-bg: #0f172a;\n }\n\n body {\n font-family: 'Tajawal', 'Inter', sans-serif;\n background-color: #f8fafc;\n color: #1e293b;\n scroll-behavior: smooth;\n }\n\n .hero-section {\n background: linear-gradient(135deg, #020617 0%, #0f172a 100%);\n position: relative;\n overflow: hidden;\n }\n\n .hmi-card {\n background: white;\n border-radius: 1.5rem;\n border: 1px solid #e2e8f0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .hmi-card:hover {\n transform: translateY(-5px);\n border-color: var(--hmi-blue);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n }\n\n .lang-en {\n font-family: 'Inter', sans-serif;\n display: block;\n font-size: 0.9em;\n opacity: 0.9;\n direction: ltr;\n text-align: left;\n }\n\n .hmi-tag {\n background-color: var(--mitsubishi-red);\n color: white;\n padding: 0.4rem 1rem;\n border-radius: 0.5rem;\n font-size: 0.85rem;\n font-weight: 700;\n display: inline-block;\n margin-bottom: 1.5rem;\n }\n\n .status-tag {\n font-size: 0.7rem;\n padding: 0.2rem 0.6rem;\n border-radius: 99px;\n font-weight: 800;\n margin-right: 8px;\n vertical-align: middle;\n background: #e0f2fe;\n color: #0369a1;\n border: 1px solid #bae6fd;\n }\n\n .btn-primary {\n background-color: var(--mitsubishi-red);\n color: white;\n transition: all 0.2s;\n }\n\n .btn-primary:hover {\n background-color: #ff1a2b;\n box-shadow: 0 4px 20px rgba(230, 0, 18, 0.4);\n transform: scale(1.02);\n }\n\n .external-link {\n color: var(--hmi-blue);\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1.5rem;\n transition: gap 0.2s;\n }\n\n .external-link:hover {\n gap: 0.75rem;\n text-decoration: underline;\n }\n\n .hero-title {\n color: #ffffff;\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <nav class=\"bg-white\/95 backdrop-blur-md sticky top-0 z-50 border-b border-gray-100 py-4 px-6\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/Mitsubishi_Electric_logo.png\" alt=\"Mitsubishi Logo\" class=\"h-6 md:h-10\">\n <div class=\"text-slate-400 text-xs font-bold lang-en hidden md:block\">\n AUTHORIZED DISTRIBUTOR | MITSUBISHI ELECTRIC HMI\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-section py-20 px-6 text-white border-b-4 border-red-600\">\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 md:order-1 text-right\">\n <span class=\"hmi-tag\">Visualization | \u0642\u0633\u0645 \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0639\u0631\u0636<\/span>\n <h1 class=\"text-4xl md:text-6xl font-black mb-4 leading-tight hero-title\">\n \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI)\n <\/h1>\n <h2 class=\"text-2xl md:text-4xl font-bold text-sky-400 lang-en mb-6\">Human-Machine Interfaces<\/h2>\n \n <p class=\"text-white text-lg md:text-xl mb-4 leading-relaxed max-w-xl font-medium\">\n \u062a\u0642\u062f\u0645 \u0633\u0644\u0633\u0644\u0629 GOT \u0645\u0646 \u0645\u064a\u062a\u0633\u0648\u0628\u064a\u0634\u064a \u0625\u0644\u0643\u062a\u0631\u064a\u0643 \u062a\u062c\u0631\u0628\u0629 \u062a\u0641\u0627\u0639\u0644 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0628\u064a\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u0622\u0644\u0629\u060c \u0645\u0639 \u062a\u0642\u0646\u064a\u0627\u062a \u0639\u0631\u0636 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u0631\u0628\u0637 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0630\u0643\u0627\u0621.\n <\/p>\n \n <div class=\"flex flex-wrap gap-4 justify-start flex-row-reverse mt-8\">\n <a href=\"#hmi-lineup\" class=\"btn-primary px-10 py-4 rounded-xl font-bold text-xl flex flex-col items-center shadow-lg\">\n <span>\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0648\u062f\u064a\u0644\u0627\u062a<\/span>\n <span class=\"text-xs font-normal lang-en\">Explore GOT Series<\/span>\n <\/a>\n <a href=\"https:\/\/www.mitsubishielectric.com\/fa\/products\/hmi\/got\/index.html\" target=\"_blank\" class=\"bg-white\/5 hover:bg-white\/15 backdrop-blur-sm text-white px-8 py-4 rounded-xl font-bold border border-white\/30 transition-all text-center\">\n <span>\u0628\u0648\u0627\u0628\u0629 HMI \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/span>\n <span class=\"text-xs font-normal block lang-en\">Global HMI Portal<\/span>\n <\/a>\n <\/div>\n <\/div>\n <div class=\"order-1 md:order-2 flex justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/got3000.jpg\" alt=\"Mitsubishi GOT HMI\" class=\"w-full max-w-lg drop-shadow-[0_20px_50px_rgba(14,165,233,0.15)] transform hover:scale-105 transition-transform duration-700\">\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hmi-lineup\" class=\"py-24 px-6\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"flex flex-col items-center text-center mb-16\">\n <span class=\"text-sky-600 font-bold tracking-widest uppercase mb-2 lang-en\">HMI Lineup<\/span>\n <h2 class=\"text-4xl font-black text-slate-900\">\u0633\u0644\u0633\u0644\u0629 \u0634\u0627\u0634\u0627\u062a GOT \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 | GOT Portfolio<\/h2>\n <div class=\"h-1.5 w-24 bg-red-600 mt-4 rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10\">\n \n \n <div class=\"hmi-card p-8 border-r-4 border-slate-900\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/got3000.jpg\" alt=\"GOT3000 Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\">Advanced Technology<\/span>\n <h3 class=\"text-2xl font-black text-slate-900 mb-2\">GOT3000 Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0623\u062d\u062f\u062b \u0645\u0646 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u062a\u0637\u0648\u0631 \u0645\u0633\u062a\u0645\u0631 \u064a\u0631\u0628\u0637 \u0627\u0644\u0646\u0627\u0633 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0642\u0648\u0629 \u0623\u0643\u0628\u0631.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Refined technology and continuous evolution connect people, systems, and IT even more strongly.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #0f172a;\">\n <span>\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Tech Specs<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-sky-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GOT2000.jpg\" alt=\"GOT2000 Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\">Core Model<\/span>\n <h3 class=\"text-2xl font-black text-sky-700 mb-2\">GOT2000 Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u062e\u0644\u0641 \u0627\u0644\u0642\u0648\u064a \u0644\u0633\u0644\u0633\u0644\u0629 GOT1000.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0631\u062b \u0643\u0627\u0641\u0629 \u0645\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0648\u062a\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0638\u0627\u0626\u0641 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u0627\u064b \u0648\u062a\u0637\u0648\u0631\u0627\u064b \u0644\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Inherits all features of GOT1000 series, introducing a more refined and advanced function set.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\">\n <span>\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Tech Specs<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-emerald-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GOT-SIMPLE-series.jpg\" alt=\"GOT SIMPLE Series\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #ecfdf5; color: #059669; border-color: #a7f3d0;\">Reliable & Simple<\/span>\n <h3 class=\"text-2xl font-black text-emerald-700 mb-2\">GOT SIMPLE Series<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0627\u0644\u0628\u0633\u0627\u0637\u0629 \u0645\u0639 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u062b\u0648\u0642.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062a\u0648\u0641\u0631 \u0645\u0648\u062f\u064a\u0644\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0648\u0644\u0643\u0646 \u0642\u0648\u064a\u0629 \u0645\u0639 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Simple but powerful models with high reliability for easy operation.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #059669;\">\n <span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Series Details<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-indigo-600\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/GT-SoftGOT.jpg\" alt=\"GT SoftGOT\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #eef2ff; color: #4f46e5; border-color: #c7d2fe;\">Software Solution<\/span>\n <h3 class=\"text-2xl font-black text-indigo-700 mb-2\">GT SoftGOT<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u0634\u0627\u0634\u062a\u0643 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u0628\u0631\u0646\u0627\u0645\u062c HMI \u064a\u0633\u0645\u062d \u0644\u0648\u0638\u0627\u0626\u0641 \u0634\u0627\u0634\u0627\u062a GOT \u0628\u0627\u0644\u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">HMI software that allows GOT functions to operate on a personal computer.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #4f46e5;\">\n <span>\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Software Solutions<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-orange-500\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/iQ-Monozukuri.jpg\" alt=\"iQ Monozukuri\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #fff7ed; color: #ea580c; border-color: #ffedd5;\">Smart Factory<\/span>\n <h3 class=\"text-2xl font-black text-orange-700 mb-2\">iQ Monozukuri<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u062e\u0637\u0648\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 e-F@ctory.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u062d\u0632\u0645\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u062a\u0646\u0641\u064a\u0630 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">“iQ Monozukuri” is a step toward achieving e-F@ctory goals.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #ea580c;\">\n <span>\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u062d\u0632\u0645<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Package Details<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"hmi-card p-8 border-r-4 border-red-700\">\n <div class=\"flex flex-col md:flex-row gap-8\">\n <div class=\"md:w-1\/3 flex items-center justify-center\">\n <img decoding=\"async\" src=\"https:\/\/goffran.com\/wp-content\/uploads\/2026\/03\/Engineering-Software.jpg\" alt=\"Engineering Software\" class=\"h-40 w-full object-contain\">\n <\/div>\n <div class=\"md:w-2\/3 text-right\">\n <span class=\"status-tag\" style=\"background: #fef2f2; color: #b91c1c; border-color: #fecaca;\">Design Tool<\/span>\n <h3 class=\"text-2xl font-black text-red-800 mb-2\">Engineering Software<\/h3>\n <p class=\"text-slate-800 font-bold text-sm leading-relaxed mb-2 italic\">\u062b\u0648\u0631\u0629 \u0641\u064a \u0623\u0633\u0644\u0648\u0628 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0627\u0634\u0627\u062a.<\/p>\n <p class=\"text-slate-600 text-sm leading-relaxed mb-6\">\u0635\u0645\u0645 \u0634\u0627\u0634\u0627\u062a\u0643 \u0627\u0644\u062c\u0645\u064a\u0644\u0629 \u0628\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0628\u0633\u064a\u0637\u0629 \u0648\u0633\u0647\u0644\u0629\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062c\u0647\u062f \u0641\u064a \u0627\u0644\u0628\u0631\u0645\u062c\u0629.<\/p>\n <p class=\"lang-en text-xs text-slate-400 mb-4\">Revolution in your screen design style with simple settings.<\/p>\n <a href=\"#\" class=\"external-link flex-row-reverse\" style=\"color: #b91c1c;\">\n <span>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/span>\n <span class=\"text-[10px] font-normal lang-en\">Download Tools<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 px-6 bg-slate-900 text-white\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <h2 class=\"text-3xl md:text-4xl font-black mb-4\">\u062f\u0639\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0639\u0631\u0636<\/h2>\n <h3 class=\"text-xl font-bold text-sky-400 mb-12 lang-en\">HMI Technical Support<\/h3>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <a href=\"#\" class=\"flex items-center p-8 bg-white\/5 rounded-2xl border border-white\/10 hover:bg-white\/10 transition-all group\">\n <div class=\"w-14 h-14 bg-red-600 rounded-xl shadow-lg flex items-center justify-center text-white transition-transform group-hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"mr-6 text-right\">\n <h4 class=\"font-bold text-lg\">\u062a\u062d\u0645\u064a\u0644 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h4>\n <p class=\"text-sm text-slate-400 lang-en\">GT Designer3 & Software<\/p>\n <\/div>\n <\/a>\n \n <a href=\"tel:+962\" class=\"flex items-center p-8 bg-white\/5 rounded-2xl border border-white\/10 hover:bg-white\/10 transition-all group\">\n <div class=\"w-14 h-14 bg-sky-600 rounded-xl shadow-lg flex items-center justify-center text-white transition-transform group-hover:scale-110\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122\" \/>\n <\/svg>\n <\/div>\n <div class=\"mr-6 text-right\">\n <h4 class=\"font-bold text-lg\">\u0637\u0644\u0628 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u0645\u062e\u0635\u0635\u0629<\/h4>\n <p class=\"text-sm text-slate-400 lang-en\">Custom Screen Design Services<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"py-12 bg-black text-center text-slate-500 text-sm\">\n <div class=\"max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6\">\n <p>\u00a9 2024 \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 – \u0627\u0644\u0645\u0648\u0632\u0639 \u0627\u0644\u0645\u0639\u062a\u0645\u062f \u0644\u0645\u064a\u062a\u0633\u0648\u0628\u064a\u0634\u064a \u0625\u0644\u0643\u062a\u0631\u064a\u0643 | Authorized Distributor<\/p>\n <div class=\"flex gap-8 lang-en text-xs\">\n <a href=\"#\" class=\"hover:text-red-600 transition-colors\">HMI Support<\/a>\n <a href=\"#\" class=\"hover:text-red-600 transition-colors\">Catalog Request<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0622\u0644\u0629 (GOT HMI) – \u0634\u0631\u0643\u0629 \u0627\u0644\u063a\u0641\u0631\u0627\u0646 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | Mitsubishi HMI AUTHORIZED DISTRIBUTOR | MITSUBISHI ELECTRIC HMI Visualization | \u0642\u0633\u0645…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":554,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-583","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=583"}],"version-history":[{"count":1,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/583\/revisions\/590"}],"up":[{"embeddable":true,"href":"https:\/\/goffran.com\/index.php?rest_route=\/wp\/v2\/pages\/554"}],"wp:attachment":[{"href":"https:\/\/goffran.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}