{"id":3598,"date":"2024-11-20T11:11:38","date_gmt":"2024-11-20T07:41:38","guid":{"rendered":"https:\/\/ehsanalloy.com\/new\/?page_id=3598"},"modified":"2025-12-02T18:58:37","modified_gmt":"2025-12-02T15:28:37","slug":"%d8%aa%d9%85%d8%a7%d8%b3-%d8%a8%d8%a7-%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/ehsanalloy.com\/new\/%d8%aa%d9%85%d8%a7%d8%b3-%d8%a8%d8%a7-%d9%85%d8%a7\/","title":{"rendered":"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 - \u06a9\u0627\u0644\u0627\u0631\u06a9\u0633<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\r\n <style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Vazirmatn', sans-serif;\r\n background: #f8f9fa;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Hero Section *\/\r\n .hero-section {\r\n position: relative;\r\n height: 400px;\r\n background: linear-gradient(135deg, rgba(255, 197, 0, 0.95) 0%, rgba(255, 210, 50, 0.95) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?w=1200') center\/cover;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n \r\n .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(255, 197, 0, 0.9) 0%, rgba(255, 210, 50, 0.85) 100%);\r\n z-index: 1;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n color: white;\r\n padding: 20px;\r\n animation: fadeInUp 1s ease;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n text-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1.3rem;\r\n opacity: 0.95;\r\n }\r\n \r\n .hero-icon {\r\n font-size: 4rem;\r\n margin-bottom: 20px;\r\n animation: bounce 2s infinite;\r\n }\r\n \r\n \/* Contact Info Section *\/\r\n .contact-section {\r\n max-width: 1200px;\r\n margin: -80px auto 50px;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n }\r\n \r\n .contact-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 35px 25px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n transition: all 0.4s ease;\r\n text-align: center;\r\n border: 3px solid transparent;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .contact-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 197, 0, 0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n \r\n .contact-card:hover::before {\r\n left: 100%;\r\n }\r\n \r\n .contact-card:hover {\r\n transform: translateY(-15px);\r\n box-shadow: 0 20px 50px rgba(255, 197, 0, 0.25);\r\n border-color: #FFC500;\r\n }\r\n \r\n .contact-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #FFC500 0%, #FFD232 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 20px;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 5px 20px rgba(255, 197, 0, 0.3);\r\n }\r\n \r\n .contact-card:hover .contact-icon {\r\n transform: scale(1.15) rotate(360deg);\r\n box-shadow: 0 8px 30px rgba(255, 197, 0, 0.5);\r\n }\r\n \r\n .contact-icon i {\r\n color: white;\r\n font-size: 2.2rem;\r\n }\r\n \r\n .contact-card h3 {\r\n color: #FFC500;\r\n font-size: 1.2rem;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n }\r\n \r\n .contact-links a {\r\n display: block;\r\n color: #555;\r\n text-decoration: none;\r\n padding: 12px 15px;\r\n margin: 8px 0;\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n font-size: 1rem;\r\n font-weight: 500;\r\n direction: ltr;\r\n background: #f8f9fa;\r\n }\r\n \r\n .contact-links a:hover {\r\n background: linear-gradient(135deg, #FFC500 0%, #FFD232 100%);\r\n color: white;\r\n transform: scale(1.05);\r\n box-shadow: 0 5px 15px rgba(255, 197, 0, 0.3);\r\n }\r\n \r\n \/* Form Section *\/\r\n .form-container {\r\n max-width: 1200px;\r\n margin: 0 auto 50px;\r\n padding: 0 20px;\r\n }\r\n \r\n .form-wrapper {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 50px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n }\r\n \r\n .form-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n \r\n .form-header h2 {\r\n color: #FFC500;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .form-header p {\r\n color: #666;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .form-group {\r\n position: relative;\r\n }\r\n \r\n .form-group label {\r\n display: block;\r\n color: #333;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n font-size: 1rem;\r\n }\r\n \r\n .form-group label i {\r\n color: #FFC500;\r\n margin-left: 8px;\r\n }\r\n \r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 16px 20px;\r\n border: 2px solid #e8e8e8;\r\n border-radius: 12px;\r\n font-family: 'Vazirmatn', sans-serif;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n background: #f8f9fa;\r\n }\r\n \r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: #FFC500;\r\n background: white;\r\n box-shadow: 0 0 0 4px rgba(255, 197, 0, 0.1);\r\n }\r\n \r\n .form-group.full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n \r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 150px;\r\n }\r\n \r\n .submit-btn {\r\n width: 100%;\r\n padding: 20px;\r\n background: linear-gradient(135deg, #FFC500 0%, #FFD232 100%);\r\n color: white;\r\n border: none;\r\n border-radius: 12px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 8px 25px rgba(255, 197, 0, 0.3);\r\n }\r\n \r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(255, 197, 0, 0.4);\r\n }\r\n \r\n .submit-btn:active {\r\n transform: translateY(0);\r\n }\r\n \r\n .submit-btn i {\r\n margin-left: 10px;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes bounce {\r\n 0%, 20%, 50%, 80%, 100% {\r\n transform: translateY(0);\r\n }\r\n 40% {\r\n transform: translateY(-15px);\r\n }\r\n 60% {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero-content h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .hero-content p {\r\n font-size: 1rem;\r\n }\r\n \r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .form-wrapper {\r\n padding: 30px 20px;\r\n }\r\n \r\n .contact-section {\r\n margin-top: -60px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .hero-section {\r\n height: 300px;\r\n }\r\n \r\n .hero-content h1 {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .hero-icon {\r\n font-size: 3rem;\r\n }\r\n \r\n .contact-card {\r\n padding: 25px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <div class=\"hero-section\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-icon\">\r\n <i class=\"fas fa-headphones-alt\"><\/i>\r\n <\/div>\r\n <h1>\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h1>\r\n <p>\u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Contact Info Section -->\r\n <div class=\"contact-section\">\r\n <div class=\"contact-grid\">\r\n <!-- Card 1 -->\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <h3>\u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645<\/h3>\r\n <div class=\"contact-links\">\r\n <a href=\"tel:02133559003\">021-33559003<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 2 -->\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <h3>\u0627\u06cc\u0645\u06cc\u0644<\/h3>\r\n <div class=\"contact-links\">\r\n <a href=\"mailto:info@ehsanalloy.com\/new\">info@ehsanalloy.com\/new<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 3 -->\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <h3>\u0622\u062f\u0631\u0633<\/h3>\r\n <div class=\"contact-links\">\r\n <a href=\"https:\/\/maps.google.com\/?q=\u062a\u0647\u0631\u0627\u0646\u060c\u0634\u0627\u062f\u0622\u0628\u0627\u062f\u060c\u0628\u0627\u0632\u0627\u0631 \u0622\u0647\u0646\" target=\"_blank\" style=\"direction: rtl;\" rel=\"noopener\">\u062a\u0647\u0631\u0627\u0646\u060c \u0634\u0627\u062f\u0622\u0628\u0627\u062f\u060c \u0628\u0627\u0632\u0627\u0631 \u0622\u0647\u0646<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Card 4 -->\r\n <div class=\"contact-card\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <\/div>\r\n <h3>\u0641\u06a9\u0633<\/h3>\r\n <div class=\"contact-links\">\r\n <a href=\"tel:66672146\">66672146<\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Form Section -->\r\n <div class=\"form-container\">\r\n <div class=\"form-wrapper\">\r\n <div class=\"form-header\">\r\n <h2>\u0641\u0631\u0645 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h2>\r\n <p>\u067e\u06cc\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/p>\r\n <\/div>\r\n \r\n <form id=\"contactForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">\r\n <i class=\"fas fa-user\"><\/i>\r\n \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\r\n <\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"\u0646\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"phone\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\r\n <\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"09123456789\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n \u0627\u06cc\u0645\u06cc\u0644\r\n <\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"example@email.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"subject\">\r\n <i class=\"fas fa-tag\"><\/i>\r\n \u0645\u0648\u0636\u0648\u0639\r\n <\/label>\r\n <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"\u0645\u0648\u0636\u0648\u0639 \u067e\u06cc\u0627\u0645\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group full-width\">\r\n <label for=\"message\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n \u067e\u06cc\u0627\u0645 \u0634\u0645\u0627\r\n <\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0645\u062a\u0646 \u067e\u06cc\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\" required><\/textarea>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"submit-btn\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n \u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Animation for button\r\n const btn = this.querySelector('.submit-btn');\r\n const originalText = btn.innerHTML;\r\n btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644...';\r\n btn.disabled = true;\r\n \r\n setTimeout(() => {\r\n btn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u0627\u0631\u0633\u0627\u0644 \u0634\u062f!';\r\n btn.style.background = 'linear-gradient(135deg, #28a745 0%, #20c997 100%)';\r\n \r\n setTimeout(() => {\r\n alert('\u067e\u06cc\u0627\u0645 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0634\u062f!\\n\u0628\u0647 \u0632\u0648\u062f\u06cc \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06af\u0631\u0641\u062a.');\r\n this.reset();\r\n btn.innerHTML = originalText;\r\n btn.style.background = 'linear-gradient(135deg, #FFC500 0%, #FFD232 100%)';\r\n btn.disabled = false;\r\n }, 1000);\r\n }, 1500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\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>\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 – \u06a9\u0627\u0644\u0627\u0631\u06a9\u0633 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0628\u0647 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u0647\u0633\u062a\u06cc\u0645 \u062a\u0645\u0627\u0633 \u0645\u0633\u062a\u0642\u06cc\u0645 021-33559003 \u0627\u06cc\u0645\u06cc\u0644 info@ehsanalloy.com\/new \u0622\u062f\u0631\u0633 \u062a\u0647\u0631\u0627\u0646\u060c \u0634\u0627\u062f\u0622\u0628\u0627\u062f\u060c \u0628\u0627\u0632\u0627\u0631 \u0622\u0647\u0646 \u0641\u06a9\u0633 66672146 \u0641\u0631\u0645 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u067e\u06cc\u0627\u0645 \u062e\u0648\u062f \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633 \u0627\u06cc\u0645\u06cc\u0644 \u0645\u0648\u0636\u0648\u0639 \u067e\u06cc\u0627\u0645 \u0634\u0645\u0627 \u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3598","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/pages\/3598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/comments?post=3598"}],"version-history":[{"count":0,"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/pages\/3598\/revisions"}],"wp:attachment":[{"href":"https:\/\/ehsanalloy.com\/new\/wp-json\/wp\/v2\/media?parent=3598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}