{"id":328,"date":"2026-04-04T09:26:17","date_gmt":"2026-04-04T09:26:17","guid":{"rendered":"http:\/\/localhost\/spacearabia\/wordpress\/?page_id=328"},"modified":"2026-04-16T20:17:43","modified_gmt":"2026-04-16T20:17:43","slug":"contact","status":"publish","type":"page","link":"https:\/\/spacearabia.sa\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"328\" class=\"elementor elementor-328\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284bbe3 e-con-full e-flex e-con e-parent\" data-id=\"284bbe3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef37178 elementor-widget elementor-widget-shortcode\" data-id=\"ef37178\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n    \/* \u2500\u2500 Hide real header & footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n   \n    \/* \u2500\u2500 Full width override \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .elementor-section,\n    .elementor-container,\n    .e-con,\n    .e-con-inner {\n        max-width: 100% !important;\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n        padding-top: 0 !important;\n    }\n\n    * { box-sizing: border-box; }\n\n    body {\n        margin: 0;\n        padding: 0;\n        background: #f8f9fa;\n    }\n\n    \/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .cp-hero {\n        position: relative;\n        width: 100%;\n        min-height: 380px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        overflow: hidden;\n    }\n    .cp-hero-bg {\n        position: absolute;\n        inset: 0;\n        background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=1400&#038;q=80');\n        background-size: cover;\n        background-position: center;\n    }\n    .cp-hero-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.72) 100%);\n    }\n    .cp-hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        margin: 0 auto;\n        width: 100%;\n        padding: 50px 32px 52px;\n    }\n    .cp-back {\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        color: rgba(255,255,255,0.8);\n        font-size: 0.8rem;\n        font-weight: 600;\n        text-decoration: none;\n        background: rgba(255,255,255,0.12);\n        border: 1px solid rgba(255,255,255,0.25);\n        border-radius: 999px;\n        padding: 6px 14px;\n        backdrop-filter: blur(6px);\n        margin-bottom: 24px;\n        transition: background 0.2s;\n        width: fit-content;\n    }\n    .cp-back:hover { background: rgba(255,255,255,0.22); color: #fff; }\n    .cp-hero-title {\n        font-size: clamp(2rem, 5vw, 3rem);\n        color: #fff;\n        margin: 0 0 12px;\n        line-height: 1.15;\n    }\n    .cp-hero-desc {\n        font-size: 1rem;\n        color: rgba(255,255,255,0.78);\n        margin: 0;\n        line-height: 1.6;\n        max-width: 540px;\n    }\n\n    \/* \u2500\u2500 Body section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .cp-body {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 52px 32px 80px;\n        display: grid;\n        grid-template-columns: 1fr 380px;\n        gap: 32px;\n        align-items: start;\n    }\n    @media (max-width: 960px) {\n        .cp-body { grid-template-columns: 1fr; padding: 36px 20px 60px; }\n    }\n\n    \/* \u2500\u2500 Left: Form card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .cp-form-card {\n        background: #fff;\n        border-radius: 20px;\n        border: 1.5px solid #eee;\n        padding: 38px 36px 34px;\n        box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n    }\n    @media (max-width: 600px) { .cp-form-card { padding: 26px 20px 24px; } }\n\n    .cp-form-title {\n        font-size: 1.4rem;\n        color: #111;\n        margin: 0 0 6px;\n    }\n    .cp-form-sub {\n        font-size: 0.83rem;\n        color: #888;\n        margin: 0 0 28px;\n        line-height: 1.5;\n    }\n\n    \/* Field label *\/\n    .cp-label {\n        display: block;\n        font-size: 0.78rem;\n        font-weight: 600;\n        color: #444;\n        margin-bottom: 6px;\n    }\n    .cp-label span { color: #e53e3e; margin-left: 2px; }\n\n    \/* Input \/ select \/ textarea *\/\n    .cp-input {\n        width: 100%;\n        border: 1.5px solid #e0e0e0;\n        border-radius: 10px;\n        padding: 12px 16px;\n        font-size: 0.85rem;\n        color: #333;\n        background: #fff;\n        outline: none;\n        transition: border-color 0.2s, box-shadow 0.2s;\n        appearance: none;\n    }\n    .cp-input::placeholder { color: #bbb; }\n    .cp-input:focus {\n        border-color: #111;\n        box-shadow: 0 0 0 3px rgba(0,0,0,0.06);\n    }\n    select.cp-input {\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n        background-position: right 14px center;\n        padding-right: 38px;\n        cursor: pointer;\n    }\n    textarea.cp-input {\n        border-radius: 12px;\n        resize: vertical;\n        min-height: 120px;\n        line-height: 1.6;\n    }\n\n    \/* Form rows *\/\n    .cp-row {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 16px;\n        margin-bottom: 18px;\n    }\n    @media (max-width: 560px) { .cp-row { grid-template-columns: 1fr; } }\n    .cp-field { margin-bottom: 18px; }\n    .cp-field:last-child { margin-bottom: 0; }\n\n    \/* File upload *\/\n    .cp-upload-area {\n        border: 2px dashed #ddd;\n        border-radius: 12px;\n        padding: 32px 20px;\n        text-align: center;\n        cursor: pointer;\n        transition: border-color 0.2s, background 0.2s;\n        background: #fafafa;\n        position: relative;\n    }\n    .cp-upload-area:hover { border-color: #111; background: #f5f5f5; }\n    .cp-upload-area input[type=\"file\"] {\n        position: absolute;\n        inset: 0;\n        opacity: 0;\n        cursor: pointer;\n        width: 100%;\n        height: 100%;\n    }\n    .cp-upload-icon {\n        font-size: 1.5rem;\n        color: #aaa;\n        margin-bottom: 8px;\n    }\n    .cp-upload-text {\n        font-size: 0.83rem;\n        color: #777;\n        margin: 0 0 4px;\n        font-weight: 500;\n    }\n    .cp-upload-hint { font-size: 0.72rem; color: #bbb; margin: 0; }\n    .cp-upload-name { font-size: 0.78rem; color: #1a9e5c; margin-top: 8px; font-weight: 600; }\n\n    \/* Action buttons *\/\n    .cp-actions {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-top: 28px;\n        flex-wrap: wrap;\n    }\n    .cp-btn-wa {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: #111;\n        color: #fff;\n        border: none;\n        border-radius: 999px;\n        padding: 14px 26px;\n        font-size: 0.85rem;\n        font-weight: 700;\n        cursor: pointer;\n        text-decoration: none;\n        transition: background 0.22s;\n        flex: 1;\n        justify-content: center;\n        min-width: 200px;\n    }\n    .cp-btn-wa:hover { background: #333; color: #fff; }\n    .cp-btn-email {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        background: #fff;\n        color: #111;\n        border: 1.5px solid #ccc;\n        border-radius: 999px;\n        padding: 13px 22px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        cursor: pointer;\n        transition: border-color 0.2s, background 0.2s;\n        white-space: nowrap;\n    }\n    .cp-btn-email:hover { border-color: #111; background: #f7f7f7; }\n\n    \/* \u2500\u2500 Right: Sidebar cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    .cp-sidebar { display: flex; flex-direction: column; gap: 20px; }\n\n    .cp-sidebar-card {\n        background: #fff;\n        border: 1.5px solid #eee;\n        border-radius: 18px;\n        padding: 26px 24px;\n        box-shadow: 0 3px 16px rgba(0,0,0,0.05);\n    }\n    .cp-sidebar-title {\n        font-size: 1rem;\n        font-weight: 700;\n        color: #111;\n        margin: 0 0 20px;\n    }\n\n    \/* Contact detail rows *\/\n    .cp-detail {\n        display: flex;\n        align-items: flex-start;\n        gap: 14px;\n        margin-bottom: 18px;\n    }\n    .cp-detail:last-child { margin-bottom: 0; }\n    .cp-detail-icon {\n        width: 38px;\n        height: 38px;\n        min-width: 38px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 15px;\n        flex-shrink: 0;\n    }\n    .cp-detail-icon.phone  { background: #111; color: #fff; }\n    .cp-detail-icon.wa     { background: #25D366; color: #fff; }\n    .cp-detail-icon.email  { background: #0073e6; color: #fff; }\n    .cp-detail-icon.addr   { background: #f0f0f0; color: #444; }\n    .cp-detail-label {\n        font-size: 0.82rem;\n        font-weight: 700;\n        color: #111;\n        margin-bottom: 3px;\n    }\n    .cp-detail-value {\n        font-size: 0.79rem;\n        color: #666;\n        line-height: 1.6;\n    }\n    .cp-detail-value a { color: #666; text-decoration: none; }\n    .cp-detail-value a:hover { color: #111; }\n\n    \/* Business hours *\/\n    .cp-hours-row {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 6px;\n    }\n    .cp-hours-row i { color: #888; font-size: 14px; }\n    .cp-hours-title {\n        font-size: 1rem;\n        font-weight: 700;\n        color: #111;\n        margin: 0 0 10px;\n    }\n    .cp-hours-text { font-size: 0.82rem; color: #666; line-height: 1.6; margin: 0; }\n\n    \/* Why contact us *\/\n    .cp-why-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }\n    .cp-why-list li {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 0.82rem;\n        color: #444;\n        font-weight: 500;\n    }\n    .cp-why-list li i { color: #1a9e5c; font-size: 14px; flex-shrink: 0; }\n\n    \/* Toast *\/\n    .cp-toast {\n        display: none;\n        position: fixed;\n        bottom: 30px;\n        right: 30px;\n        background: #111;\n        color: #fff;\n        padding: 14px 22px;\n        border-radius: 12px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        z-index: 99999;\n        box-shadow: 0 8px 28px rgba(0,0,0,0.18);\n        animation: cp-slidein 0.3s ease;\n    }\n    @keyframes cp-slidein {\n        from { opacity:0; transform:translateY(12px); }\n        to   { opacity:1; transform:translateY(0); }\n    }\n\n\n    @media (max-width: 640px) {\n        .cp-hero-content { padding: 36px 16px 40px; }\n        .cp-body { padding: 28px 16px 50px; }\n    }\n    <\/style>\n\n    <!-- \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"cp-hero\">\n        <div class=\"cp-hero-bg\"><\/div>\n        <div class=\"cp-hero-overlay\"><\/div>\n        <div class=\"cp-hero-content\">\n            <a href=\"https:\/\/spacearabia.sa\/\" class=\"cp-back\">&#8592; Back to Home<\/a>\n            <h1 class=\"cp-hero-title\">Get In Touch<\/h1>\n            <p class=\"cp-hero-desc\">Tell us about your project and we&#039;ll get back to you within 24 hours.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"cp-body\">\n\n        <!-- LEFT: Form -->\n        <div class=\"cp-form-card\">\n            <h2 class=\"cp-form-title\">Project Inquiry Form<\/h2>\n            <p class=\"cp-form-sub\">Fill out the form below and we'll get back to you within 24 hours.<\/p>\n\n            <div class=\"cp-row\">\n                <div>\n                    <label class=\"cp-label\">Full Name <span>*<\/span><\/label>\n                    <input type=\"text\" class=\"cp-input\" id=\"cp-name\" placeholder=\"Enter your full name\">\n                <\/div>\n                <div>\n                    <label class=\"cp-label\">Company \/ Organization <span>*<\/span><\/label>\n                    <input type=\"text\" class=\"cp-input\" id=\"cp-company\" placeholder=\"Your company name\">\n                <\/div>\n            <\/div>\n\n            <div class=\"cp-row\">\n                <div>\n                    <label class=\"cp-label\">Phone \/ WhatsApp <span>*<\/span><\/label>\n                    <input type=\"tel\" class=\"cp-input\" id=\"cp-phone\" placeholder=\"+966 5XX XXX XXX\">\n                <\/div>\n                <div>\n                    <label class=\"cp-label\">Email Address <span>*<\/span><\/label>\n                    <input type=\"email\" class=\"cp-input\" id=\"cp-email\" placeholder=\"your.email@company.com\">\n                <\/div>\n            <\/div>\n\n            <div class=\"cp-row\">\n                <div>\n                    <label class=\"cp-label\">City <span>*<\/span><\/label>\n                    <select class=\"cp-input\" id=\"cp-city\">\n                        <option value=\"\">Select city<\/option>\n                        <option>Riyadh<\/option>\n                        <option>Jeddah<\/option>\n                        <option>Dammam<\/option>\n                        <option>Khobar<\/option>\n                        <option>Mecca<\/option>\n                        <option>Medina<\/option>\n                        <option>Other<\/option>\n                    <\/select>\n                <\/div>\n                <div>\n                    <label class=\"cp-label\">Project Type <span>*<\/span><\/label>\n                    <select class=\"cp-input\" id=\"cp-type\">\n                        <option value=\"\">Select project type<\/option>\n                        <option>Office Fit-Out<\/option>\n                        <option>Acoustic Solutions<\/option>\n                        <option>Civil Works<\/option>\n                        <option>MEP Services<\/option>\n                        <option>Renovation<\/option>\n                        <option>Consultation Only<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"cp-field\">\n                <label class=\"cp-label\">Project Details<\/label>\n                <textarea class=\"cp-input\" id=\"cp-message\" placeholder=\"Describe your space, size (sqm), location, timeline, and any specific requirements...\"><\/textarea>\n            <\/div>\n\n            <div class=\"cp-field\">\n                <label class=\"cp-label\">Attach Files <span style=\"color:#aaa;font-weight:400\">(Optional)<\/span><\/label>\n                <div class=\"cp-upload-area\" id=\"cp-upload-area\">\n                    <input type=\"file\" id=\"cp-file\" accept=\".pdf,.png,.jpg,.jpeg,.doc,.docx\" multiple>\n                    <div class=\"cp-upload-icon\"><i class=\"fa fa-upload\"><\/i><\/div>\n                    <p class=\"cp-upload-text\">Upload floor plans, photos, or reference documents<\/p>\n                    <p class=\"cp-upload-hint\">PDF, PNG, JPG (max 10MB)<\/p>\n                    <p class=\"cp-upload-name\" id=\"cp-file-name\"><\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cp-actions\">\n                <button class=\"cp-btn-wa\" id=\"cp-wa-btn\">\n                    Submit via WhatsApp &#8594;\n                <\/button>\n                <button class=\"cp-btn-email\" id=\"cp-email-btn\">\n                    Send via Email\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- RIGHT: Sidebar -->\n        <div class=\"cp-sidebar\">\n\n            <!-- Contact Info -->\n            <div class=\"cp-sidebar-card\">\n                <p class=\"cp-sidebar-title\">Contact Information<\/p>\n\n                <div class=\"cp-detail\">\n                    <div class=\"cp-detail-icon phone\"><i class=\"fa fa-phone\"><\/i><\/div>\n                    <div>\n                        <div class=\"cp-detail-label\">Office Phone<\/div>\n                        <div class=\"cp-detail-value\">\n                            <a href=\"tel:+966594024071\">\n                                +966 594024071                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cp-detail\">\n                    <div class=\"cp-detail-icon wa\"><i class=\"fa fa-brands fa-whatsapp\"><\/i><\/div>\n                    <div>\n                        <div class=\"cp-detail-label\">WhatsApp<\/div>\n                        <div class=\"cp-detail-value\">\n                            <a href=\"https:\/\/wa.me\/966546355058\">\n                                +966 546355058                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cp-detail\">\n                    <div class=\"cp-detail-icon email\"><i class=\"fa fa-envelope\"><\/i><\/div>\n                    <div>\n                        <div class=\"cp-detail-label\">Email<\/div>\n                        <div class=\"cp-detail-value\">\n                            <a href=\"mailto:info@spacearabia.sa\">info@spacearabia.sa<\/a><br>\n                            <a href=\"mailto:sales@spacearabia.sa\">sales@spacearabia.sa<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cp-detail\">\n                    <div class=\"cp-detail-icon addr\"><i class=\"fa fa-location-dot\"><\/i><\/div>\n                    <div>\n                        <div class=\"cp-detail-label\">Address<\/div>\n                        <div class=\"cp-detail-value\">4147-4169 Khalid Ibn Junadah, Al Malaz, Riyadh 12627, Saudi Arabia<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Business Hours -->\n            <div class=\"cp-sidebar-card\">\n                <div class=\"cp-hours-row\">\n                    <i class=\"fa fa-clock\"><\/i>\n                    <p class=\"cp-hours-title\">Business Hours<\/p>\n                <\/div>\n                <p class=\"cp-hours-text\">Sunday \u2013 Thursday: 9:00 AM \u2013 6:00 PM<\/p>\n            <\/div>\n\n            <!-- Why Contact -->\n            <div class=\"cp-sidebar-card\">\n                <p class=\"cp-sidebar-title\">Why Contact Us?<\/p>\n                <ul class=\"cp-why-list\">\n                    <li><i class=\"fa fa-circle-check\"><\/i> Free consultation and quotation<\/li>\n                    <li><i class=\"fa fa-circle-check\"><\/i> Fast response within 24 hours<\/li>\n                    <li><i class=\"fa fa-circle-check\"><\/i> Transparent pricing and scope<\/li>\n                    <li><i class=\"fa fa-circle-check\"><\/i> Expert guidance from start to finish<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n\n\n    <!-- Toast -->\n    <div class=\"cp-toast\" id=\"cp-toast\"><\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n\n        \/\/ \u2500\u2500 File upload display \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        document.getElementById('cp-file').addEventListener('change', function() {\n            var names = Array.from(this.files).map(f => f.name).join(', ');\n            document.getElementById('cp-file-name').textContent = names ? '\ud83d\udcce ' + names : '';\n        });\n\n        \/\/ \u2500\u2500 Toast \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        function showToast(msg, color) {\n            var t = document.getElementById('cp-toast');\n            t.textContent = msg;\n            t.style.background = color || '#111';\n            t.style.display = 'block';\n            setTimeout(function() { t.style.display = 'none'; }, 3500);\n        }\n\n        \/\/ \u2500\u2500 Get fields \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        function getFields() {\n            return {\n                name:    document.getElementById('cp-name').value.trim(),\n                company: document.getElementById('cp-company').value.trim(),\n                phone:   document.getElementById('cp-phone').value.trim(),\n                email:   document.getElementById('cp-email').value.trim(),\n                city:    document.getElementById('cp-city').value,\n                type:    document.getElementById('cp-type').value,\n                message: document.getElementById('cp-message').value.trim(),\n            };\n        }\n\n        \/\/ \u2500\u2500 Validate \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        function validate(f) {\n            if (!f.name)    { showToast('\u26a0 Please enter your full name.'); return false; }\n            if (!f.phone)   { showToast('\u26a0 Please enter your phone number.'); return false; }\n            if (!f.email)   { showToast('\u26a0 Please enter your email address.'); return false; }\n            if (!f.city)    { showToast('\u26a0 Please select your city.'); return false; }\n            if (!f.type)    { showToast('\u26a0 Please select a project type.'); return false; }\n            if (!f.message) { showToast('\u26a0 Please describe your project.'); return false; }\n            return true;\n        }\n\n        \/\/ \u2500\u2500 WhatsApp \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        document.getElementById('cp-wa-btn').addEventListener('click', function() {\n            var f = getFields();\n            if (!validate(f)) return;\n\n            var text = '\ud83c\udfe2 *Project Inquiry \u2014 Space Arabia*\\n\\n'\n                + '*Name:* '         + f.name    + '\\n'\n                + '*Company:* '      + f.company + '\\n'\n                + '*Phone:* '        + f.phone   + '\\n'\n                + '*Email:* '        + f.email   + '\\n'\n                + '*City:* '         + f.city    + '\\n'\n                + '*Project Type:* ' + f.type    + '\\n\\n'\n                + '*Details:*\\n'     + f.message;\n\n            var url = 'https:\/\/wa.me\/966546355058?text=' + encodeURIComponent(text);\n            window.open(url, '_blank');\n            showToast('\u2713 Opening WhatsApp...', '#1a9e5c');\n        });\n\n        \/\/ \u2500\u2500 Gmail \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        document.getElementById('cp-email-btn').addEventListener('click', function() {\n            var f = getFields();\n            if (!validate(f)) return;\n\n            var subject = 'Project Inquiry from ' + f.name + ' \u2014 ' + f.type;\n            var body    = 'Name: '         + f.name    + '\\n'\n                        + 'Company: '      + f.company + '\\n'\n                        + 'Phone: '        + f.phone   + '\\n'\n                        + 'Email: '        + f.email   + '\\n'\n                        + 'City: '         + f.city    + '\\n'\n                        + 'Project Type: ' + f.type    + '\\n\\n'\n                        + 'Project Details:\\n' + f.message;\n\n            var gmailLink = 'https:\/\/mail.google.com\/mail\/?view=cm&fs=1'\n                + '&to=sales@spacearabia.sa'\n                + '&su=' + encodeURIComponent(subject)\n                + '&body=' + encodeURIComponent(body);\n\n            window.open(gmailLink, '_blank');\n            showToast('\u2713 Opening Gmail...', '#0073e6');\n        });\n\n    });\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f07497 e-con e-atomic-element e-div-block-base e-8f07497-3d0352c\" data-id=\"8f07497\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8f07497\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7203a86 elementor-widget elementor-widget-google_maps\" data-id=\"7203a86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=4147-4169%20Khalid%20Ibn%20Junadah%2C%20Al%20Malaz%2C%20Riyadh%2012627%2C%20Saudi%20Arabia&#038;t=m&#038;z=16&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"4147-4169 Khalid Ibn Junadah, Al Malaz, Riyadh 12627, Saudi Arabia\"\n\t\t\t\t\taria-label=\"4147-4169 Khalid Ibn Junadah, Al Malaz, Riyadh 12627, Saudi Arabia\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":7,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/pages\/328\/revisions\/652"}],"wp:attachment":[{"href":"https:\/\/spacearabia.sa\/index.php\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}