{"id":25736,"date":"2024-06-29T11:14:04","date_gmt":"2024-06-29T07:44:04","guid":{"rendered":"https:\/\/azaresys.ir\/contact-us\/"},"modified":"2026-08-16T19:35:48","modified_gmt":"2026-08-16T16:05:48","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/azaresys.ir\/en\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25736\" class=\"elementor elementor-25736 elementor-17\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fd60da2 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"fd60da2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-93c196e\" data-id=\"93c196e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a988953 elementor-widget elementor-widget-html\" data-id=\"a988953\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .contact-hero {\r\n        position: relative;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        padding: 75px 20px 65px;\r\n        direction: ltr;\r\n        font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;\r\n        background:\r\n            radial-gradient(circle at 15% 20%, rgba(56, 105, 149, 0.12) 0, transparent 35%),\r\n            radial-gradient(circle at 85% 80%, rgba(30, 136, 229, 0.10) 0, transparent 35%),\r\n            linear-gradient(135deg, #f7fafc 0%, #eef4f8 50%, #f8fbfd 100%);\r\n        border-radius: 0 0 28px 28px;\r\n    }\r\n    \/* Background decorative elements *\/\r\n    .contact-hero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 280px;\r\n        height: 280px;\r\n        border: 1px solid rgba(56, 105, 149, 0.10);\r\n        border-radius: 50%;\r\n        top: -150px;\r\n        right: -80px;\r\n    }\r\n    .contact-hero::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 350px;\r\n        height: 350px;\r\n        border: 1px solid rgba(30, 136, 229, 0.08);\r\n        border-radius: 50%;\r\n        bottom: -210px;\r\n        left: -100px;\r\n    }\r\n    .contact-hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n    .contact-hero h1 {\r\n        font-size: 42px;\r\n        font-weight: 700;\r\n        margin: 0 0 18px;\r\n        letter-spacing: -0.5px;\r\n        color: #0f2545;\r\n        line-height: 1.3;\r\n    }\r\n    .contact-hero h1 span {\r\n        color: #386995;\r\n    }\r\n    .contact-hero p {\r\n        font-size: 16px;\r\n        color: #5f6f82;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        line-height: 1.8;\r\n    }\r\n    \/* Decorative line *\/\r\n    .contact-hero-line {\r\n        width: 55px;\r\n        height: 3px;\r\n        margin: 0 auto 25px;\r\n        border-radius: 10px;\r\n        background: #386995;\r\n    }\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .contact-hero {\r\n            padding: 55px 18px 50px;\r\n            border-radius: 0 0 20px 20px;\r\n        }\r\n        .contact-hero h1 {\r\n            font-size: 29px;\r\n            line-height: 1.4;\r\n        }\r\n        .contact-hero p {\r\n            font-size: 14px;\r\n            line-height: 1.8;\r\n        }\r\n        .contact-hero-line {\r\n            width: 45px;\r\n            margin-bottom: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n<section class=\"contact-hero\">\r\n    <div class=\"contact-hero-content\">\r\n        <div class=\"contact-hero-line\"><\/div>\r\n        <h1>\r\n            Get in Touch with Us; <span>Let's Build Your Smart Solution Together<\/span>\r\n        <\/h1>\r\n        <p>\r\n            To get expert consultation, discuss your project requirements, or develop a custom IoT solution,\r\n            connect with the Azaresys team. From initial idea to design and implementation, we're with you every step of the way.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e347bde elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e347bde\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-923cf73\" data-id=\"923cf73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89bbf19 elementor-widget elementor-widget-html\" data-id=\"89bbf19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .direct-contact-section {\r\n        width: 100%;\r\n        direction: ltr;\r\n        font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    .direct-contact-section .container {\r\n        width: 100%;\r\n        max-width: 620px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-header {\r\n        margin-bottom: 28px;\r\n        text-align: left;\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        margin: 0 0 8px 0;\r\n        color: #0f2545;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .section-header p {\r\n        font-size: 15px;\r\n        color: #5f6f82;\r\n        margin: 0;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* Cards *\/\r\n    .contact-cards {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 14px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .contact-card {\r\n        background: #f7f9fc;\r\n        border: 1px solid #e7edf4;\r\n        border-radius: 16px;\r\n        padding: 18px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition: all 0.25s ease;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .contact-card:hover {\r\n        background: #ffffff;\r\n        border-color: #c9d9e8;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 8px 24px rgba(15, 37, 69, 0.08);\r\n    }\r\n\r\n    .card-left {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        min-width: 0;\r\n    }\r\n\r\n    .icon-box {\r\n        width: 44px;\r\n        height: 44px;\r\n        flex: 0 0 44px;\r\n        background-color: #ffffff;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        color: #386995;\r\n        box-shadow: 0 2px 6px rgba(15, 37, 69, 0.06);\r\n    }\r\n\r\n    .card-info {\r\n        text-align: left;\r\n    }\r\n\r\n    .card-info h3 {\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        margin: 0 0 4px 0;\r\n        color: #0f2545;\r\n    }\r\n\r\n    .card-info p {\r\n        font-size: 13px;\r\n        color: #64748b;\r\n        margin: 0;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .card-right {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #386995;\r\n        direction: ltr;\r\n        text-align: right;\r\n        margin-left: 15px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    \/* Addresses *\/\r\n    .address-card {\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .address-card .card-right {\r\n        max-width: 280px;\r\n        white-space: normal;\r\n        line-height: 1.8;\r\n        font-size: 13px;\r\n        font-weight: 500;\r\n        color: #475569;\r\n        direction: ltr;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Features list *\/\r\n    .features-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n    }\r\n\r\n    .feature-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 14px;\r\n        color: #4b5563;\r\n    }\r\n\r\n    .feature-item i {\r\n        color: #ffffff;\r\n        background-color: #386995;\r\n        width: 18px;\r\n        height: 18px;\r\n        min-width: 18px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 9px;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 640px) {\r\n\r\n        .direct-contact-section .container {\r\n            padding: 0 15px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .section-header h2 {\r\n            font-size: 23px;\r\n        }\r\n\r\n        .contact-card {\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            gap: 14px;\r\n            padding: 16px;\r\n        }\r\n\r\n        .card-left {\r\n            width: 100%;\r\n        }\r\n\r\n        .card-right {\r\n            margin-left: 60px;\r\n            white-space: normal;\r\n            text-align: left;\r\n        }\r\n\r\n        .address-card .card-right {\r\n            margin-left: 60px;\r\n            max-width: calc(100% - 60px);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<section class=\"direct-contact-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <!-- Header -->\r\n        <div class=\"section-header\">\r\n            <h2>Direct Contact with Azaresys<\/h2>\r\n            <p>\r\n                For technical consultation, price inquiries, and IoT project reviews,\r\n                get in touch with our experts.\r\n            <\/p>\r\n        <\/div>\r\n\r\n\r\n        <!-- Contact cards -->\r\n        <div class=\"contact-cards\">\r\n\r\n            <!-- WhatsApp -->\r\n            <a href=\"https:\/\/wa.me\/989908221864\" class=\"contact-card\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                <div class=\"card-left\">\r\n\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-info\">\r\n                        <h3>WhatsApp<\/h3>\r\n                        <p>Fast and direct communication with the Azaresys team<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"card-right\">\r\n                    +989908221864\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- Phone -->\r\n            <a href=\"tel:+982144459738\"\r\n               class=\"contact-card\">\r\n\r\n                <div class=\"card-left\">\r\n\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fa-solid fa-phone\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-info\">\r\n                        <h3>Phone<\/h3>\r\n                        <p>For consultation, price inquiries, and project matters<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"card-right\">\r\n                    +982144459738\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- Email -->\r\n            <a href=\"mailto:sales@azaresys.ir\"\r\n               class=\"contact-card\">\r\n\r\n                <div class=\"card-left\">\r\n\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fa-regular fa-envelope\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-info\">\r\n                        <h3>Email<\/h3>\r\n                        <p>Send requests and project information<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"card-right\">\r\n                    sales@azaresys.ir\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- Head Office -->\r\n            <div class=\"contact-card address-card\">\r\n\r\n                <div class=\"card-left\">\r\n\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-info\">\r\n                        <h3>Head Office<\/h3>\r\n                        <p>Tehran<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"card-right\">\r\n                    Unit 5, Khayyam Complex, No. 2,\r\n                    Ostandari Dead End, Besarati St.,\r\n                    Kabiri Tameh Blvd. (North Shahin),\r\n                    Jannat Abad, Tehran\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Factory -->\r\n            <div class=\"contact-card address-card\">\r\n\r\n                <div class=\"card-left\">\r\n\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fa-solid fa-industry\"><\/i>\r\n                    <\/div>\r\n\r\n                    <div class=\"card-info\">\r\n                        <h3>Factory<\/h3>\r\n                        <p>Mianeh<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"card-right\">\r\n                    Golestan 6th St., Industry Blvd.,\r\n                    Industrial Estate No. 1, Mianeh\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- Benefits -->\r\n        <div class=\"features-list\">\r\n\r\n            <div class=\"feature-item\">\r\n                <i class=\"fa-solid fa-check\"><\/i>\r\n                <span>Specialized consultation for IoT projects<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"feature-item\">\r\n                <i class=\"fa-solid fa-check\"><\/i>\r\n                <span>Design and delivery of solutions tailored to project needs<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"feature-item\">\r\n                <i class=\"fa-solid fa-check\"><\/i>\r\n                <span>Support from design through implementation and operation<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f094bc8\" data-id=\"f094bc8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9226bf elementor-widget elementor-widget-html\" data-id=\"d9226bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .form-card-container {\r\n        width: 100%;\r\n        max-width: 680px;\r\n        background: #ffffff;\r\n        border: 1px solid #f1f5f9;\r\n        border-radius: 20px;\r\n        padding: 40px;\r\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);\r\n        direction: ltr;\r\n        font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;\r\n    }\r\n\r\n    .form-header {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .form-header h2 {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        margin: 0 0 8px 0;\r\n        color: #0f172a;\r\n        letter-spacing: -0.4px;\r\n    }\r\n\r\n    .form-header p {\r\n        font-size: 15px;\r\n        color: #4b5563;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Form structure and fields *\/\r\n    .contact-form {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    .form-row {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n    }\r\n\r\n    .form-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n    }\r\n\r\n    .form-group.full-width {\r\n        grid-column: span 2;\r\n    }\r\n\r\n    .form-group label {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #0f172a;\r\n    }\r\n\r\n    .form-group label .required {\r\n        color: #10b981;\r\n    }\r\n\r\n    .form-group label .optional {\r\n        font-weight: 400;\r\n        color: #94a3b8;\r\n    }\r\n\r\n    .form-group input,\r\n    .form-group textarea {\r\n        width: 100%;\r\n        padding: 12px 16px;\r\n        background-color: #ffffff;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        color: #0f172a;\r\n        outline: none;\r\n        transition: border-color 0.2s, box-shadow 0.2s;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .form-group input:focus,\r\n    .form-group textarea:focus {\r\n        border-color: #10b981;\r\n        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);\r\n    }\r\n\r\n    .form-group input::placeholder,\r\n    .form-group textarea::placeholder {\r\n        color: #94a3b8;\r\n    }\r\n\r\n    .form-group textarea {\r\n        resize: vertical;\r\n        min-height: 140px;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* In-form message styles (success and error) *\/\r\n    .form-message {\r\n        display: none;\r\n        padding: 14px 16px;\r\n        border-radius: 12px;\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        line-height: 1.5;\r\n        text-align: left;\r\n        animation: fadeIn 0.3s ease-in-out;\r\n    }\r\n\r\n    .form-message.success {\r\n        display: block;\r\n        background-color: #ecfdf5;\r\n        color: #065f46;\r\n        border: 1px solid #a7f3d0;\r\n    }\r\n\r\n    .form-message.error {\r\n        display: block;\r\n        background-color: #fef2f2;\r\n        color: #991b1b;\r\n        border: 1px solid #fecaca;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(-4px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* Submit button *\/\r\n    .submit-btn {\r\n        background-color: #0d9488;\r\n        color: #ffffff;\r\n        border: none;\r\n        border-radius: 14px;\r\n        padding: 14px 28px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        box-shadow: 0 4px 12px rgba(13, 148, 136, 0.25);\r\n        transition: background-color 0.2s, transform 0.1s;\r\n        align-self: flex-start;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .submit-btn:hover {\r\n        background-color: #0f766e;\r\n    }\r\n\r\n    .submit-btn:active {\r\n        transform: scale(0.98);\r\n    }\r\n\r\n    .submit-btn:disabled {\r\n        background-color: #94a3b8;\r\n        cursor: not-allowed;\r\n        box-shadow: none;\r\n        transform: none;\r\n    }\r\n\r\n    \/* Mobile responsive *\/\r\n    @media (max-width: 640px) {\r\n        .form-card-container {\r\n            padding: 20px;\r\n            border-radius: 16px;\r\n        }\r\n        .form-row {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        .submit-btn {\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"contact-form-section\">\r\n    <div class=\"form-card-container\">\r\n        \r\n        <!-- Form header -->\r\n        <div class=\"form-header\">\r\n            <h2>Send Us Your Message<\/h2>\r\n            <p>Tell us about your company and your requirements. We'll get back to you within one business day.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Form body -->\r\n        <form class=\"contact-form\" id=\"contactForm\">\r\n            \r\n            <!-- Row 1: Name and Email (Email optional) -->\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"fullname\">Full Name <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"text\" id=\"fullname\" name=\"fullname\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\">Email <span class=\"optional\">(optional)<\/span><\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"email\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Row 2: Company and Phone (Company optional, Phone required) -->\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"company\">Company Name <span class=\"optional\">(optional)<\/span><\/label>\r\n                    <input type=\"text\" id=\"company\" name=\"company\">\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"phone\">Phone Number <span class=\"required\">*<\/span><\/label>\r\n                    <input type=\"tel\" id=\"phone\" name=\"phone\" required>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Row 3: Message -->\r\n            <div class=\"form-group full-width\">\r\n                <label for=\"message\">Message <span class=\"required\">*<\/span><\/label>\r\n                <textarea id=\"message\" name=\"message\" placeholder=\"What are you monitoring, and what outcome would you like to achieve?\" required><\/textarea>\r\n            <\/div>\r\n\r\n            <!-- Status message box (success \/ error) -->\r\n            <div id=\"formMessage\" class=\"form-message\"><\/div>\r\n\r\n            <!-- Submit button -->\r\n            <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n                <span>Send Message<\/span> <i class=\"fa-solid fa-arrow-right\" style=\"font-size: 13px;\"><\/i>\r\n            <\/button>\r\n\r\n        <\/form>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.getElementById(\"contactForm\").addEventListener(\"submit\", function(e){\r\n    e.preventDefault();\r\n\r\n    let form = this;\r\n    let submitBtn = document.getElementById(\"submitBtn\");\r\n    let formMessage = document.getElementById(\"formMessage\");\r\n\r\n    \/\/ Clear previous status and temporarily disable button while sending\r\n    formMessage.className = \"form-message\";\r\n    formMessage.textContent = \"\";\r\n    submitBtn.disabled = true;\r\n    submitBtn.querySelector(\"span\").textContent = \"Sending...\";\r\n\r\n    fetch(\"https:\/\/script.google.com\/macros\/s\/AKfycbzaq_Duh35UHrT2Q8pq6ozbS_rGUbrS5WHCTqUJFX5yBIB37ZfrtzMSzP5MGz4N1831\/exec\", {\r\n        method: \"POST\",\r\n        body: new FormData(form)\r\n    })\r\n    .then(response => {\r\n        \/\/ Show success message\r\n        formMessage.textContent = \"Your message was sent successfully. Thank you for reaching out.\";\r\n        formMessage.className = \"form-message success\";\r\n        form.reset();\r\n    })\r\n    .catch(error => {\r\n        \/\/ Show error message\r\n        formMessage.textContent = \"An error occurred while sending your message. Please try again.\";\r\n        formMessage.className = \"form-message error\";\r\n    })\r\n    .finally(() => {\r\n        \/\/ Reset button to original state\r\n        submitBtn.disabled = false;\r\n        submitBtn.querySelector(\"span\").textContent = \"Send Message\";\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ffc2f38 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"ffc2f38\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95b75e7\" data-id=\"95b75e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a453a65 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"a453a65\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f98c99b\" data-id=\"f98c99b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get in Touch with Us; Let&#8217;s Build Your Smart Solution Together &#8230; <\/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-25736","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/25736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/comments?post=25736"}],"version-history":[{"count":11,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/25736\/revisions"}],"predecessor-version":[{"id":25747,"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/pages\/25736\/revisions\/25747"}],"wp:attachment":[{"href":"https:\/\/azaresys.ir\/en\/wp-json\/wp\/v2\/media?parent=25736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}