{"id":1000,"date":"2025-05-22T06:58:42","date_gmt":"2025-05-22T06:58:42","guid":{"rendered":"https:\/\/q.host-botics.net\/?page_id=1000"},"modified":"2025-11-11T11:27:42","modified_gmt":"2025-11-11T11:27:42","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/q.host-botics.net\/ar\/contact-us\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1000\" class=\"elementor elementor-1000\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7db1e51 pad-right e-flex e-con-boxed e-con e-parent\" data-id=\"7db1e51\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57cd02b elementor-widget elementor-widget-heading\" data-id=\"57cd02b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \/ <span style=\"color: #606060; font-weight: 400;\"> \u0644\u0644\u0631\u0633\u0627\u0626\u0644 \u0645\u062c\u0647\u0648\u0644\u0629 \u0627\u0644\u0645\u0635\u062f\u0631<\/span><\/h2>\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<div class=\"elementor-element elementor-element-5dfac49 pad-right e-flex e-con-boxed e-con e-parent\" data-id=\"5dfac49\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9833ea elementor-widget elementor-widget-heading\" data-id=\"f9833ea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627!<\/h2>\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<div class=\"elementor-element elementor-element-12c5b6e e-flex e-con-boxed e-con e-parent\" data-id=\"12c5b6e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee8e279 elementor-widget elementor-widget-shortcode\" data-id=\"ee8e279\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"form-container\">\n        <div class=\"form-left\">\n            <p class=\"form-title\"><em>I'm here for...<\/em><\/p>\n            <div class=\"button-grid\">\n                <button type=\"button\" class=\"category active\">\u0639\u0627\u0645<\/button>\n                <button type=\"button\" class=\"category\">\u0627\u0644\u0645\u062e\u0627\u0648\u0641<\/button>\n                <button type=\"button\" class=\"category\">\u0627\u0644\u0645\u0648\u0627\u0631\u062f<\/button>\n                <button type=\"button\" class=\"category\">\u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0651\u0629<\/button>\n                <button type=\"button\" class=\"category\">\u063a\u064a\u0631 \u0630\u0644\u0643<\/button>\n            <\/div>\n        <\/div>\n        <div class=\"form-right\">\n            <textarea name=\"username\" placeholder=\"Username (Optional)\" class=\"textarea-field\"><\/textarea>\n            <textarea name=\"message\" placeholder=\"Your message\" class=\"textarea-field\"><\/textarea>\n            <button type=\"button\" class=\"send-btn\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/Vector-6.svg\" alt=\"Send Icon\" \/>\n                \u0625\u0631\u0633\u0627\u0644\n            <\/button>\n            <p class=\"form-response\" style=\"color:green;\"><\/p>\n        <\/div>\n    <\/div>\n\n    <style>\n    \/* Container *\/\n    .form-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        background-color: #faf6eb;\n        border: 2px solid #b7ae9c;\n        border-radius: 12px;\n        padding: 60px 50px;\n        gap: 30px;\n        flex-wrap: wrap;\n    }\n\n    \/* Left column *\/\n    .form-left { flex: 1; min-width: 250px; }\n\n    \/* Right column *\/\n    .form-right { flex: 1; min-width: 250px; display: flex; flex-direction: column; gap: 25px; }\n\n    .form-title { font-size: 18px; color: #2f0053; margin-bottom: 20px; }\n\n    .button-grid {\n        display: grid;\n        grid-template-columns: repeat(3, auto);\n        grid-template-rows: repeat(2, auto);\n        gap: 18px 20px;\n        width: max-content;\n    }\n\n    .category {\n        border: 1px solid #b7ae9c;\n        border-radius: 8px;\n        background-color: transparent;\n        color: #5e5247;\n        padding: 10px 26px;\n        font-size: 16px;\n        cursor: pointer;\n        transition: 0.3s ease;\n    }\n\n    .category:hover { background-color: #000; color: #fff; border-color: #000; }\n    .category.active { background-color: #000 !important; color: #fff !important; border-color: #000 !important; }\n\n    .textarea-field {\n        border: none;\n        border-bottom: 1px solid #a9a299;\n        background: transparent;\n        font-size: 16px;\n        padding: 8px 0;\n        width: 100%;\n        resize: none;\n        height: 80px;\n    }\n\n    .textarea-field:focus { outline: none; border-bottom: 1px solid #000; }\n\n    .send-btn {\n        background-color: #000;\n        color: #fff;\n        font-size: 16px;\n        border: none;\n        border-radius: 10px;\n        padding: 14px 32px;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        cursor: pointer;\n        width: fit-content;\n        transition: 0.3s;\n    }\n\n    .send-btn img {\n        width: 16px;\n        height: 16px;\n        filter: brightness(0) invert(1);\n    }\n\n    .send-btn:hover,\n    .send-btn:focus { background-color: #000 !important; color: #fff !important; opacity: 1 !important; }\n\n    \/* Responsive Styles *\/\n    @media (max-width: 768px) {\n        .form-container { flex-direction: column; padding: 30px 20px; }\n        .button-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 12px 12px; width: 100%; }\n        .send-btn { width: 100%; justify-content: center; }\n    }\n\n    @media (max-width: 480px) {\n        .button-grid { grid-template-columns: 1fr; gap: 10px; }\n        .form-title { font-size: 16px; }\n        .textarea-field { font-size: 14px; height: 70px; }\n        .send-btn { font-size: 14px; padding: 12px 20px; }\n    }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Category button selection\n        const categories = document.querySelectorAll('.category');\n        let selectedCategory = 'General';\n        categories.forEach(btn => {\n            btn.addEventListener('click', function() {\n                categories.forEach(b => b.classList.remove('active'));\n                this.classList.add('active');\n                selectedCategory = this.textContent;\n            });\n        });\n\n        \/\/ Form submission\n        const sendBtn = document.querySelector('.send-btn');\n        sendBtn.addEventListener('click', function() {\n            const username = document.querySelector('textarea[name=\"username\"]').value;\n            const message = document.querySelector('textarea[name=\"message\"]').value;\n            const response = document.querySelector('.form-response');\n\n            if(message.trim() === '') {\n                response.style.color = 'red';\n                response.textContent = 'Please enter a message.';\n                return;\n            }\n\n            \/\/ AJAX request\n            fetch('https:\/\/q.host-botics.net\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                body: 'action=send_custom_email&category=' + encodeURIComponent(selectedCategory) + \n                      '&username=' + encodeURIComponent(username) + \n                      '&message=' + encodeURIComponent(message)\n            })\n            .then(res => res.text())\n            .then(data => {\n                response.style.color = 'green';\n                response.textContent = data;\n                document.querySelector('textarea[name=\"message\"]').value = '';\n            })\n            .catch(err => {\n                response.style.color = 'red';\n                response.textContent = 'Error sending message.';\n            });\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe7186c elementor-widget__width-initial elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"fe7186c\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ar\/sanad-shelf\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0631\u0641 \u0633\u0646\u062f<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ar\/Privacy%20Policy\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0651\u0629<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ar\/terms-conditions\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0623\u062d\u0643\u0627\u0645\u0647<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/ar\/faq\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Contact us | Anonymous submissions Reach out to us! The Sanad Shelf Privacy policy Terms &#038; conditions FAQ<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1000","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/pages\/1000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/comments?post=1000"}],"version-history":[{"count":139,"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/pages\/1000\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/pages\/1000\/revisions\/2544"}],"wp:attachment":[{"href":"https:\/\/q.host-botics.net\/ar\/wp-json\/wp\/v2\/media?parent=1000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}