{"id":49,"date":"2025-09-23T11:06:17","date_gmt":"2025-09-23T11:06:17","guid":{"rendered":"https:\/\/barkaicom.co.il\/?page_id=49"},"modified":"2026-04-01T05:57:01","modified_gmt":"2026-04-01T02:57:01","slug":"contact","status":"publish","type":"page","link":"https:\/\/barkaicom.co.il\/he\/contact\/","title":{"rendered":"\u05e6\u05d5\u05e8 \u05e7\u05e9\u05e8"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid boomapps_vcrow\"><div class=\"wpb_column vc_column_container vc_col-sm-12 boomapps_vccolumn\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script>window.BARKAICOM_AJAX_URL=\"https:\\\/\\\/barkaicom.co.il\\\/wp-admin\\\/admin-ajax.php\";window.BARKAICOM_CONTACT_NONCE=\"822be386e8\";<\/script>\r\n\r\n<head>\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&amp;display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            border: none;\r\n            outline: none;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'DM Sans', sans-serif;\r\n            color: #2d3748;\r\n            font-weight: 400;\r\n            background: linear-gradient(135deg, #f9f9f9 0%, #f1f5f9 100%);\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .contact-container {\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 40px;\r\n            align-items: stretch;\r\n        }\r\n        \r\n        .contact-info {\r\n            flex: 1 1 400px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: 24px;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            padding: 60px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .contact-info::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #0d6efd, #20c997);\r\n        }\r\n        \r\n        .contact-form {\r\n            flex: 1 1 600px;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border-radius: 24px;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n            backdrop-filter: blur(10px);\r\n            padding: 60px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .contact-form::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #20c997, #0d6efd);\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 2.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 30px;\r\n            background: linear-gradient(135deg, #111 0%, #0d6efd 100%);\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n        \r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 0;\r\n            width: 80px;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, #0d6efd, #20c997);\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .contact-text {\r\n            font-size: 1.1rem;\r\n            color: #4a5568;\r\n            margin-bottom: 40px;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .contact-details {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 15px;\r\n            padding: 20px;\r\n            background: rgba(13, 110, 253, 0.08);\r\n            border-radius: 16px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .contact-item:hover {\r\n            background: rgba(13, 110, 253, 0.15);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .contact-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, #0d6efd 0%, #20c997 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);\r\n        }\r\n        \r\n        .contact-icon i {\r\n            color: white;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .contact-detail-text h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            color: #2d3748;\r\n            text-transform: capitalize;\r\n        }\r\n        \r\n        .contact-detail-text p {\r\n            color: #4a5568;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Status message *\/\r\n        .form-status {\r\n            display: none;\r\n            margin: 0 0 18px;\r\n            padding: 14px 16px;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            line-height: 1.5;\r\n            border: 1px solid transparent;\r\n            background: rgba(13, 110, 253, 0.06);\r\n            color: #1f2a44;\r\n        }\r\n        .form-status.success {\r\n            display: block;\r\n            background: rgba(32, 201, 151, 0.12);\r\n            border-color: rgba(32, 201, 151, 0.35);\r\n            color: #0f5132;\r\n        }\r\n        .form-status.error {\r\n            display: block;\r\n            background: rgba(220, 53, 69, 0.10);\r\n            border-color: rgba(220, 53, 69, 0.25);\r\n            color: #842029;\r\n        }\r\n        \r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .social-link {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 50px;\r\n            height: 50px;\r\n            background: linear-gradient(135deg, #0d6efd 0%, #20c997 100%);\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);\r\n        }\r\n        \r\n        .social-link::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, #20c997 0%, #0d6efd 100%);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n        \r\n        .social-link:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);\r\n        }\r\n        \r\n        .social-link:hover::before {\r\n            opacity: 1;\r\n        }\r\n        \r\n        .social-link i {\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .form-label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 500;\r\n            color: #2d3748;\r\n        }\r\n        \r\n        .form-control {\r\n            width: 100%;\r\n            padding: 15px 20px;\r\n            border-radius: 12px;\r\n            background: rgba(13, 110, 253, 0.05);\r\n            border: 1px solid rgba(13, 110, 253, 0.2);\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n            color: #2d3748;\r\n        }\r\n        \r\n        .form-control:focus {\r\n            border-color: #0d6efd;\r\n            box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);\r\n            background: white;\r\n        }\r\n        \r\n        textarea.form-control {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n        }\r\n        \r\n        .submit-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 16px 35px;\r\n            background: linear-gradient(135deg, #0d6efd 0%, #20c997 100%);\r\n            color: white;\r\n            border-radius: 12px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);\r\n            position: relative;\r\n            overflow: hidden;\r\n            border: none;\r\n            cursor: pointer;\r\n            width: 100%;\r\n            gap: 10px;\r\n        }\r\n        .submit-btn[disabled] {\r\n            opacity: 0.75;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n        \r\n        .submit-btn::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, 255, 255, 0.4), transparent);\r\n            transition: 0.5s;\r\n        }\r\n        \r\n        .submit-btn:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4);\r\n        }\r\n        \r\n        .submit-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .btn-spinner{\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 50%;\r\n            border: 2px solid rgba(255,255,255,.55);\r\n            border-top-color: rgba(255,255,255,1);\r\n            animation: spin 0.8s linear infinite;\r\n            display:none;\r\n        }\r\n        @keyframes spin { to { transform: rotate(360deg); } }\r\n        \r\n        .floating-shapes {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: -1;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0.1;\r\n            background: linear-gradient(135deg, #0d6efd, #20c997);\r\n        }\r\n        \r\n        .shape-1 {\r\n            width: 100px;\r\n            height: 100px;\r\n            top: -30px;\r\n            left: -30px;\r\n            animation: float 15s ease-in-out infinite;\r\n        }\r\n        \r\n        .shape-2 {\r\n            width: 80px;\r\n            height: 80px;\r\n            bottom: 50px;\r\n            right: -20px;\r\n            animation: float 12s ease-in-out infinite reverse;\r\n        }\r\n        \r\n        .shape-3 {\r\n            width: 60px;\r\n            height: 60px;\r\n            top: 50%;\r\n            left: 70%;\r\n            animation: float 10s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(10deg); }\r\n        }\r\n        \r\n        @media (max-width: 992px) {\r\n            .contact-container {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .contact-info, .contact-form {\r\n                flex: 1 1 100%;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .contact-info, .contact-form {\r\n                padding: 40px 25px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .contact-text {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .contact-item {\r\n                padding: 15px;\r\n            }\r\n            \r\n            .contact-icon {\r\n                width: 45px;\r\n                height: 45px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .contact-info, .contact-form {\r\n                padding: 30px 20px;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .contact-details {\r\n                gap: 15px;\r\n            }\r\n            \r\n            .contact-item {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 10px;\r\n            }\r\n            \r\n            .social-links {\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* honeypot hidden *\/\r\n        .hp-field{\r\n            position:absolute !important;\r\n            left:-9999px !important;\r\n            width:1px !important;\r\n            height:1px !important;\r\n            overflow:hidden !important;\r\n            opacity:0 !important;\r\n        }\r\n        footer {\r\n            background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;\r\n            color: white;\r\n            padding: 20px 20px 10px !important;\r\n            margin: 0 !important;\r\n        }\r\n        \r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"contact-container\">\r\n  <div class=\"contact-info\">\r\n    <div class=\"floating-shapes\">\r\n      <div class=\"shape shape-1\"><\/div>\r\n      <div class=\"shape shape-2\"><\/div>\r\n      <div class=\"shape shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <h2 class=\"section-title\">\u05e6\u05d5\u05e8 \u05e7\u05e9\u05e8<\/h2>\r\n    <p class=\"contact-text\">\u05e0\u05e9\u05de\u05d7 \u05dc\u05e9\u05de\u05d5\u05e2 \u05de\u05de\u05da. \u05e6\u05d5\u05e8 \u05d0\u05d9\u05ea\u05e0\u05d5 \u05e7\u05e9\u05e8 \u05d3\u05e8\u05da \u05db\u05dc \u05d0\u05d7\u05d3 \u05de\u05d4\u05e2\u05e8\u05d5\u05e6\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05d0\u05d5 \u05de\u05dc\u05d0 \u05d0\u05ea \u05d8\u05d5\u05e4\u05e1 \u05d9\u05e6\u05d9\u05e8\u05ea \u05d4\u05e7\u05e9\u05e8.<\/p>\r\n\r\n    <div class=\"contact-details\">\r\n      <div class=\"contact-item\">\r\n        <div class=\"contact-icon\"><i class=\"fa fa-phone\"><\/i><\/div>\r\n        <div class=\"contact-detail-text\">\r\n          <h3>\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df<\/h3>\r\n          <p>5265 882 55 972+<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <div class=\"contact-icon\"><i class=\"fa fa-envelope\"><\/i><\/div>\r\n        <div class=\"contact-detail-text\">\r\n          <h3>\u05d0\u05d9\u05de\u05d9\u05d9\u05dc<\/h3>\r\n          <p>o@barkaicom.co.il<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-item\">\r\n        <div class=\"contact-icon\"><i class=\"fa fa-location-dot\"><\/i><\/div>\r\n        <div class=\"contact-detail-text\">\r\n          <h3>\u05db\u05ea\u05d5\u05d1\u05ea<\/h3>\r\n          <p>\u05e8\u05d7\u05d5\u05d1 \u05d0\u05e9\u05dc \u05d0\u05d1\u05e8\u05d4\u05dd 18, \u05e8\u05de\u05ea \u05d4\u05e9\u05e8\u05d5\u05df, \u05d9\u05e9\u05e8\u05d0\u05dc<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <h3 style=\"margin-bottom: 15px; color: #2d3748;\">\u05e2\u05e7\u05d5\u05d1 \u05d0\u05d7\u05e8\u05d9\u05e0\u05d5<\/h3>\r\n    <div class=\"social-links\">\r\n      <a class=\"social-link\" href=\"https:\/\/linkedin.com\/in\/orenbarkai\" target=\"_blank\" title=\"LinkedIn\">\r\n        <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n      <\/a>\r\n      <a class=\"social-link\" href=\"https:\/\/www.barkaicom.co.il\" target=\"_blank\" title=\"Website\">\r\n        <i class=\"fa fa-home\"><\/i>\r\n      <\/a>\r\n      <a class=\"social-link\" href=\"mailto:o@barkaicom.co.il\" title=\"\u05d0\u05d9\u05de\u05d9\u05d9\u05dc\">\r\n        <i class=\"fa fa-envelope\"><\/i>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"contact-form\">\r\n    <div class=\"floating-shapes\">\r\n      <div class=\"shape shape-1\"><\/div>\r\n      <div class=\"shape shape-2\"><\/div>\r\n      <div class=\"shape shape-3\"><\/div>\r\n    <\/div>\r\n\r\n    <h2 class=\"section-title\">\u05e9\u05dc\u05d7 \u05dc\u05e0\u05d5 \u05d4\u05d5\u05d3\u05e2\u05d4<\/h2>\r\n    <p class=\"contact-text\">\u05de\u05dc\u05d0\u05d5 \u05d0\u05ea \u05d4\u05d8\u05d5\u05e4\u05e1 \u05dc\u05de\u05d8\u05d4 \u05d5\u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05d1\u05d4\u05e7\u05d3\u05dd \u05d4\u05d0\u05e4\u05e9\u05e8\u05d9.<\/p>\r\n\r\n    <div id=\"formStatus\" class=\"form-status\" role=\"status\" aria-live=\"polite\"><\/div>\r\n\r\n    <form id=\"contactForm\" novalidate action=\"\">\r\n      <!-- honeypot -->\r\n      <div class=\"hp-field\" aria-hidden=\"true\">\r\n        <label>Company<\/label>\r\n        <input type=\"text\" name=\"company\" id=\"company\" tabindex=\"-1\" autocomplete=\"off\">\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"name\">\u05e9\u05dd \u05de\u05dc\u05d0<\/label>\r\n        <input class=\"form-control\" id=\"name\" name=\"name\" placeholder=\"\u05d4\u05e9\u05dd \u05e9\u05dc\u05da\" required type=\"text\"\/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"email\">\u05db\u05ea\u05d5\u05d1\u05ea \u05de\u05d9\u05d9\u05dc<\/label>\r\n        <input class=\"form-control\" id=\"email\" name=\"email\" placeholder=\"your.email@example.com\" required type=\"email\"\/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"phone\">\u05de\u05e1\u05e4\u05e8 \u05d8\u05dc\u05e4\u05d5\u05df<\/label>\r\n        <input class=\"form-control\" id=\"phone\" name=\"phone\" placeholder=\"+972 XXX XXX XXX\" type=\"tel\"\/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"subject\">\u05e0\u05d5\u05e9\u05d0<\/label>\r\n        <input class=\"form-control\" id=\"subject\" name=\"subject\" placeholder=\"\u05e2\u05dc \u05de\u05d4 \u05ea\u05e8\u05e6\u05d4 \u05dc\u05db\u05ea\u05d5\u05d1\" required type=\"text\"\/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label class=\"form-label\" for=\"message\">\u05d4\u05d5\u05d3\u05e2\u05d4<\/label>\r\n        <textarea class=\"form-control\" id=\"message\" name=\"message\" placeholder=\"\u05d0\u05e0\u05d0 \u05e4\u05e8\u05d8 \u05d0\u05ea \u05e4\u05e0\u05d9\u05d9\u05ea\u05da...\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <button class=\"submit-btn\" id=\"submitBtn\" type=\"submit\">\r\n        <span class=\"btn-spinner\" id=\"btnSpinner\"><\/span>\r\n        <span id=\"btnText\">\u05e9\u05dc\u05d7 \u05d4\u05d5\u05d3\u05e2\u05d4<\/span>\r\n        <i class=\"fa fa-paper-plane\"><\/i>\r\n      <\/button>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"he\"\/><\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const form = document.getElementById('contactForm');\r\n  const statusEl = document.getElementById('formStatus');\r\n  const btn = document.getElementById('submitBtn');\r\n  const spinner = document.getElementById('btnSpinner');\r\n  const btnText = document.getElementById('btnText');\r\n\r\n  function setStatus(type, msg) {\r\n    statusEl.className = 'form-status ' + (type || '');\r\n    statusEl.textContent = msg || '';\r\n    statusEl.style.display = msg ? 'block' : 'none';\r\n  }\r\n\r\n  function setLoading(isLoading) {\r\n    btn.disabled = !!isLoading;\r\n    spinner.style.display = isLoading ? 'inline-block' : 'none';\r\n    btnText.textContent = isLoading ? 'Sending\u2026' : 'Send a message';\r\n  }\r\n\r\n  form.addEventListener('submit', async function (e) {\r\n    e.preventDefault();\r\n    setStatus('', '');\r\n    \r\n    if (!window.BARKAICOM_AJAX_URL || !window.BARKAICOM_CONTACT_NONCE) {\r\n      setStatus('error', 'Site configuration error: missing security token. Please refresh the page.');\r\n      return;\r\n    }\r\n\r\n    const name = document.getElementById('name').value.trim();\r\n    const email = document.getElementById('email').value.trim();\r\n    const subject = document.getElementById('subject').value.trim();\r\n    const message = document.getElementById('message').value.trim();\r\n\r\n    if (!name || !email || !subject || !message) {\r\n      setStatus('error', 'Please fill in all required fields.');\r\n      return;\r\n    }\r\n\r\n    setLoading(true);\r\n\r\n    const fd = new FormData();\r\n    fd.append('action', 'send_contact_form');\r\n    fd.append('nonce', window.BARKAICOM_CONTACT_NONCE);\r\n    fd.append('name', name);\r\n    fd.append('email', email);\r\n    fd.append('phone', document.getElementById('phone').value.trim());\r\n    fd.append('subject', subject);\r\n    fd.append('message', message);\r\n    fd.append('company', document.getElementById('company').value); \/\/ honeypot\r\n\r\n    try {\r\n      const res = await fetch(window.BARKAICOM_AJAX_URL, {\r\n        method: 'POST',\r\n        credentials: 'same-origin',\r\n        body: fd\r\n      });\r\n\r\n      const data = await res.json();\r\n\r\n      if (data && data.success) {\r\n        setStatus('success', (data.data && data.data.message) ? data.data.message : 'Thank you! Your message has been sent.');\r\n        form.reset();\r\n      } else {\r\n        const msg = (data && data.data && data.data.message) ? data.data.message : 'Failed to send. Please try again.';\r\n        setStatus('error', msg);\r\n      }\r\n    } catch (err) {\r\n      setStatus('error', 'Network error. Please try again.');\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n<\/body>\r\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Contact We would love to hear from you. Contact us through each of the following channels or fill in the contact form. Phone Number: +972 55 882 5265 Email o@barkaicom.co.il Address 18 Eshel Avraham st. Ramat Hasharon, Israel Follow us Send us a message Fill in the form below and we will get back to [...]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":24,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":159487,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/49\/revisions\/159487"}],"wp:attachment":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}