{"id":22007,"date":"2026-10-22T11:00:05","date_gmt":"2026-10-22T11:00:05","guid":{"rendered":"https:\/\/mecreative.net\/?page_id=22007"},"modified":"2026-10-22T11:20:41","modified_gmt":"2026-10-22T11:20:41","slug":"request-a-service","status":"publish","type":"page","link":"https:\/\/mecreative.net\/ar\/request-a-service\/","title":{"rendered":"Request a Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22007\" class=\"elementor elementor-22007\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cece75 e-con-full e-flex e-con e-parent\" data-id=\"1cece75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-781707d elementor-widget elementor-widget-html\" data-id=\"781707d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ME CREATIVE \u2014 REQUEST A SERVICE\r\n   Full Responsive Elementor HTML\r\n   ========================================================= *\/\r\n\r\n.mec-request-page {\r\n    --mec-navy: #08233F;\r\n    --mec-navy-light: #103B5C;\r\n    --mec-cyan: #58DEE9;\r\n    --mec-cyan-dark: #25C9D8;\r\n    --mec-lime: #CFEF60;\r\n    --mec-green: #25D366;\r\n    --mec-green-dark: #1DB954;\r\n    --mec-text: #26313A;\r\n    --mec-gray: #68727C;\r\n    --mec-border: #DCE5EA;\r\n    --mec-bg: #F5FAFB;\r\n\r\n    width: 100%;\r\n    padding: 70px 20px;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    color: var(--mec-text);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 5% 10%,\r\n            rgba(207,239,96,.18),\r\n            transparent 24%\r\n        ),\r\n        radial-gradient(\r\n            circle at 95% 10%,\r\n            rgba(88,222,233,.20),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #F8FCFD 0%,\r\n            #EEF8FA 50%,\r\n            #F8FBF7 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.mec-request-page *,\r\n.mec-request-page *::before,\r\n.mec-request-page *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN WRAPPER\r\n   ========================================================= *\/\r\n\r\n.mec-request-wrapper {\r\n    width: min(1160px, 100%);\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n    grid-template-columns: 0.78fr 1.22fr;\r\n\r\n    gap: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT PANEL\r\n   ========================================================= *\/\r\n\r\n.mec-request-intro {\r\n    position: relative;\r\n\r\n    min-height: 650px;\r\n\r\n    padding: 48px 40px;\r\n\r\n    border-radius: 26px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 100% 0%,\r\n            rgba(88,222,233,.20),\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #08233F 0%,\r\n            #103B5C 100%\r\n        );\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(8,35,63,.15);\r\n}\r\n\r\n\r\n\/* decorative ME *\/\r\n\r\n.mec-request-intro::after {\r\n    content: \"ME\";\r\n\r\n    position: absolute;\r\n\r\n    right: -18px;\r\n    bottom: -45px;\r\n\r\n    color: rgba(207,239,96,.045);\r\n\r\n    font-size: 190px;\r\n    line-height: .8;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -15px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n   ========================================================= *\/\r\n\r\n.mec-request-logo {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 65px;\r\n}\r\n\r\n.mec-request-logo-me {\r\n    color: var(--mec-lime);\r\n\r\n    font-size: 58px;\r\n    line-height: .75;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -5px;\r\n}\r\n\r\n.mec-request-logo-creative {\r\n    color: #ffffff;\r\n\r\n    font-size: 24px;\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    padding-bottom: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO TEXT\r\n   ========================================================= *\/\r\n\r\n.mec-request-intro h1 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 42px;\r\n    line-height: 1.08;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -1.2px;\r\n}\r\n\r\n.mec-request-intro h1 span {\r\n    display: block;\r\n\r\n    color: var(--mec-cyan);\r\n}\r\n\r\n.mec-request-intro > p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 430px;\r\n\r\n    margin: 0 0 40px;\r\n\r\n    color: rgba(255,255,255,.76);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n   ========================================================= *\/\r\n\r\n.mec-request-steps {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 19px;\r\n}\r\n\r\n.mec-request-step {\r\n    display: flex;\r\n    align-items: flex-start;\r\n\r\n    gap: 13px;\r\n}\r\n\r\n.mec-request-step-icon {\r\n    flex: 0 0 29px;\r\n\r\n    width: 29px;\r\n    height: 29px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(207,239,96,.14);\r\n\r\n    color: var(--mec-lime);\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n}\r\n\r\n.mec-request-step strong {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n}\r\n\r\n.mec-request-step span {\r\n    display: block;\r\n\r\n    color: rgba(255,255,255,.60);\r\n\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP BUTTON\r\n   ========================================================= *\/\r\n\r\n.mec-request-chat {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 38px;\r\n\r\n    min-height: 50px;\r\n\r\n    padding: 0 22px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--mec-green);\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n\r\n    transition: all .25s ease;\r\n}\r\n\r\n.mec-request-chat:hover {\r\n    background: var(--mec-green-dark);\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(37,211,102,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n   ========================================================= *\/\r\n\r\n.mec-request-form {\r\n    padding: 45px;\r\n\r\n    border-radius: 26px;\r\n\r\n    background: rgba(255,255,255,.97);\r\n\r\n    border: 1px solid rgba(220,229,234,.85);\r\n\r\n    box-shadow:\r\n        0 22px 60px rgba(8,35,63,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM HEADER\r\n   ========================================================= *\/\r\n\r\n.mec-form-heading {\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.mec-form-heading-label {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--mec-cyan-dark);\r\n\r\n    font-size: 11px;\r\n    line-height: 1;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.mec-form-heading h2 {\r\n    margin: 0 0 9px;\r\n\r\n    color: var(--mec-navy);\r\n\r\n    font-size: 32px;\r\n    line-height: 1.15;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: -.5px;\r\n}\r\n\r\n.mec-form-heading p {\r\n    margin: 0;\r\n\r\n    color: var(--mec-gray);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM FIELDS\r\n   ========================================================= *\/\r\n\r\n.mec-field-row {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 20px;\r\n}\r\n\r\n.mec-field {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.mec-field label {\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: #30496B;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.3;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.mec-required {\r\n    color: #E25D5D;\r\n}\r\n\r\n.mec-request-form input,\r\n.mec-request-form textarea {\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    border: 1px solid var(--mec-border);\r\n\r\n    border-radius: 11px;\r\n\r\n    background: #ffffff;\r\n\r\n    color: var(--mec-text);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    outline: none;\r\n\r\n    box-shadow: none;\r\n\r\n    transition:\r\n        border-color .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.mec-request-form input {\r\n    height: 53px;\r\n\r\n    padding: 0 16px;\r\n}\r\n\r\n.mec-request-form textarea {\r\n    min-height: 120px;\r\n\r\n    padding: 15px 16px;\r\n\r\n    resize: vertical;\r\n}\r\n\r\n.mec-request-form input::placeholder,\r\n.mec-request-form textarea::placeholder {\r\n    color: #9AA5AD;\r\n}\r\n\r\n.mec-request-form input:focus,\r\n.mec-request-form textarea:focus {\r\n    border-color: var(--mec-cyan-dark);\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(37,201,216,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES\r\n   ========================================================= *\/\r\n\r\n.mec-services-title {\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #30496B;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n.mec-services-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 10px;\r\n}\r\n\r\n.mec-service {\r\n    position: relative;\r\n}\r\n\r\n.mec-service input {\r\n    position: absolute;\r\n\r\n    opacity: 0;\r\n\r\n    width: 1px;\r\n    height: 1px;\r\n}\r\n\r\n.mec-service label {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    min-height: 48px;\r\n\r\n    padding: 10px 13px;\r\n\r\n    border: 1px solid var(--mec-border);\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #34465B;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: all .2s ease;\r\n}\r\n\r\n.mec-service label:hover {\r\n    border-color: var(--mec-cyan);\r\n\r\n    background: #F8FDFE;\r\n}\r\n\r\n.mec-service input:checked + label {\r\n    border-color: var(--mec-cyan-dark);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(88,222,233,.13),\r\n            rgba(207,239,96,.10)\r\n        );\r\n\r\n    color: var(--mec-navy);\r\n\r\n    box-shadow:\r\n        inset 0 0 0 1px rgba(37,201,216,.12);\r\n}\r\n\r\n.mec-service input:checked + label::before {\r\n    content: \"\u2713\";\r\n\r\n    flex: 0 0 20px;\r\n\r\n    width: 20px;\r\n    height: 20px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-right: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--mec-green);\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n   ========================================================= *\/\r\n\r\n.mec-submit-area {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n.mec-submit {\r\n    flex: 0 0 auto;\r\n\r\n    min-height: 53px;\r\n\r\n    padding: 0 28px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--mec-green);\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 900;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: all .25s ease;\r\n}\r\n\r\n.mec-submit:hover {\r\n    background: var(--mec-green-dark);\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(37,211,102,.22);\r\n}\r\n\r\n.mec-submit-note {\r\n    color: #89939B;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUCCESS MESSAGE\r\n   ========================================================= *\/\r\n\r\n.mec-success {\r\n    display: none;\r\n\r\n    margin-top: 20px;\r\n\r\n    padding: 13px 15px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: rgba(37,211,102,.10);\r\n\r\n    color: #168A43;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n   ========================================================= *\/\r\n\r\n.mec-request-footer {\r\n    width: min(1160px, 100%);\r\n\r\n    margin: 25px auto 0;\r\n\r\n    text-align: center;\r\n\r\n    color: #7C8992;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n.mec-request-footer strong {\r\n    color: var(--mec-navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING WHATSAPP\r\n   ========================================================= *\/\r\n\r\n.mec-floating-wa {\r\n    position: fixed;\r\n\r\n    right: 22px;\r\n    bottom: 22px;\r\n\r\n    z-index: 99999;\r\n\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--mec-green);\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(37,211,102,.30);\r\n\r\n    transition: all .25s ease;\r\n}\r\n\r\n.mec-floating-wa:hover {\r\n    transform: scale(1.08);\r\n}\r\n\r\n.mec-floating-wa svg {\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    fill: currentColor;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .mec-request-wrapper {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mec-request-intro {\r\n        min-height: auto;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .mec-request-page {\r\n        padding: 35px 12px;\r\n    }\r\n\r\n    .mec-request-wrapper {\r\n        gap: 15px;\r\n    }\r\n\r\n    .mec-request-intro {\r\n        padding: 32px 25px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .mec-request-logo {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .mec-request-logo-me {\r\n        font-size: 48px;\r\n    }\r\n\r\n    .mec-request-logo-creative {\r\n        font-size: 21px;\r\n    }\r\n\r\n    .mec-request-intro h1 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .mec-request-intro > p {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .mec-request-form {\r\n        padding: 30px 20px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .mec-form-heading h2 {\r\n        font-size: 27px;\r\n    }\r\n\r\n    .mec-field-row {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n    }\r\n\r\n    .mec-services-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .mec-submit-area {\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n    }\r\n\r\n    .mec-submit {\r\n        width: 100%;\r\n    }\r\n\r\n    .mec-submit-note {\r\n        text-align: center;\r\n    }\r\n\r\n    .mec-floating-wa {\r\n        right: 15px;\r\n        bottom: 15px;\r\n\r\n        width: 55px;\r\n        height: 55px;\r\n    }\r\n\r\n    .mec-floating-wa svg {\r\n        width: 27px;\r\n        height: 27px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"mec-request-page\">\r\n\r\n    <div class=\"mec-request-wrapper\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT SIDE\r\n             ================================================= -->\r\n\r\n        <div class=\"mec-request-intro\">\r\n\r\n            <div class=\"mec-request-logo\">\r\n\r\n                <span class=\"mec-request-logo-me\">\r\n                    ME\r\n                <\/span>\r\n\r\n                <span class=\"mec-request-logo-creative\">\r\n                    Creative\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h1>\r\n                Let's Create\r\n                <span>Something Great.<\/span>\r\n            <\/h1>\r\n\r\n\r\n            <p>\r\n                Tell us what your business needs and our team\r\n                will help you find the right digital solution\r\n                for your business.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"mec-request-steps\">\r\n\r\n                <div class=\"mec-request-step\">\r\n\r\n                    <div class=\"mec-request-step-icon\">\r\n                        1\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            Tell us about your business\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Share your business needs and goals.\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mec-request-step\">\r\n\r\n                    <div class=\"mec-request-step-icon\">\r\n                        2\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            Select your service\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Choose one or more services you're interested in.\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"mec-request-step\">\r\n\r\n                    <div class=\"mec-request-step-icon\">\r\n                        3\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <strong>\r\n                            Start the conversation\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Your request will open directly in WhatsApp.\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a href=\"https:\/\/wa.me\/966500461369\" target=\"_blank\" rel=\"noopener\" class=\"mec-request-chat\">\r\n                Chat on WhatsApp\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT SIDE \u2014 FORM\r\n             ================================================= -->\r\n\r\n        <div class=\"mec-request-form\">\r\n\r\n            <div class=\"mec-form-heading\">\r\n\r\n                <span class=\"mec-form-heading-label\">\r\n                    GET STARTED\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Request a Service\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Complete the form and we'll contact you\r\n                    through WhatsApp to discuss your project.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <form id=\"mec-service-request-form\">\r\n\r\n\r\n                <!-- NAME \/ COMPANY -->\r\n\r\n                <div class=\"mec-field-row\">\r\n\r\n                    <div class=\"mec-field\">\r\n\r\n                        <label for=\"mec-name\">\r\n                            Full Name\r\n                            <span class=\"mec-required\">*<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"mec-name\"\r\n                            name=\"full_name\"\r\n                            placeholder=\"Your name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"mec-field\">\r\n\r\n                        <label for=\"mec-company\">\r\n                            Company Name\r\n                            <span class=\"mec-required\">*<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"mec-company\"\r\n                            name=\"company_name\"\r\n                            placeholder=\"Company name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- WHATSAPP \/ EMAIL -->\r\n\r\n                <div class=\"mec-field-row\">\r\n\r\n                    <div class=\"mec-field\">\r\n\r\n                        <label for=\"mec-whatsapp\">\r\n                            WhatsApp Number\r\n                            <span class=\"mec-required\">*<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"mec-whatsapp\"\r\n                            name=\"whatsapp\"\r\n                            placeholder=\"+966 5X XXX XXXX\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"mec-field\">\r\n\r\n                        <label for=\"mec-email\">\r\n                            Email\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"email\"\r\n                            id=\"mec-email\"\r\n                            name=\"email\"\r\n                            placeholder=\"your@email.com\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- WEBSITE -->\r\n\r\n                <div class=\"mec-field\">\r\n\r\n                    <label for=\"mec-website\">\r\n                        Website\r\n                    <\/label>\r\n\r\n                    <input\r\n                        type=\"url\"\r\n                        id=\"mec-website\"\r\n                        name=\"website\"\r\n                        placeholder=\"https:\/\/yourwebsite.com\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SERVICES -->\r\n\r\n                <div class=\"mec-field\">\r\n\r\n                    <span class=\"mec-services-title\">\r\n                        What service are you interested in?\r\n                        <span class=\"mec-required\">*<\/span>\r\n                    <\/span>\r\n\r\n\r\n                    <div class=\"mec-services-grid\">\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-web\"\r\n                                name=\"services\"\r\n                                value=\"Web Development\"\r\n                            >\r\n\r\n                            <label for=\"mec-web\">\r\n                                Web Development\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-seo\"\r\n                                name=\"services\"\r\n                                value=\"SEO & GEO\"\r\n                            >\r\n\r\n                            <label for=\"mec-seo\">\r\n                                SEO &amp; GEO\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-social\"\r\n                                name=\"services\"\r\n                                value=\"Social Media Marketing\"\r\n                            >\r\n\r\n                            <label for=\"mec-social\">\r\n                                Social Media Marketing\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-google\"\r\n                                name=\"services\"\r\n                                value=\"Google Ads\"\r\n                            >\r\n\r\n                            <label for=\"mec-google\">\r\n                                Google Ads\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-linkedin\"\r\n                                name=\"services\"\r\n                                value=\"LinkedIn Marketing\"\r\n                            >\r\n\r\n                            <label for=\"mec-linkedin\">\r\n                                LinkedIn Marketing\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-ai\"\r\n                                name=\"services\"\r\n                                value=\"AI Solutions\"\r\n                            >\r\n\r\n                            <label for=\"mec-ai\">\r\n                                AI Solutions\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-video\"\r\n                                name=\"services\"\r\n                                value=\"AI Video Creation\"\r\n                            >\r\n\r\n                            <label for=\"mec-video\">\r\n                                AI Video Creation\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"mec-service\">\r\n\r\n                            <input\r\n                                type=\"checkbox\"\r\n                                id=\"mec-whatsapp\"\r\n                                name=\"services\"\r\n                                value=\"WhatsApp Marketing\"\r\n                            >\r\n\r\n                            <label for=\"mec-whatsapp\">\r\n                                WhatsApp Marketing\r\n                            <\/label>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PROJECT DETAILS -->\r\n\r\n                <div class=\"mec-field\">\r\n\r\n                    <label for=\"mec-message\">\r\n                        Tell us about your project\r\n                    <\/label>\r\n\r\n                    <textarea\r\n                        id=\"mec-message\"\r\n                        name=\"message\"\r\n                        placeholder=\"Tell us what you would like to achieve...\"\r\n                    ><\/textarea>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SUBMIT -->\r\n\r\n                <div class=\"mec-submit-area\">\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"mec-submit\"\r\n                    >\r\n                        Request a Service\r\n                    <\/button>\r\n\r\n                    <span class=\"mec-submit-note\">\r\n                        Your request will open in WhatsApp.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    id=\"mec-success\"\r\n                    class=\"mec-success\"\r\n                >\r\n                    Your WhatsApp message is ready. Please press\r\n                    Send in WhatsApp to complete your request.\r\n                <\/div>\r\n\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FOOTER -->\r\n\r\n    <div class=\"mec-request-footer\">\r\n\r\n        <strong>ME Creative<\/strong>\r\n        &nbsp;\u2022&nbsp;\r\n        Web Development &amp; Digital Marketing\r\n        &nbsp;\u2022&nbsp;\r\n        Saudi Arabia &amp; GCC\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     FLOATING WHATSAPP BUTTON\r\n     ========================================================= -->\r\n\r\n<a href=\"https:\/\/wa.me\/966500461369\" target=\"_blank\" rel=\"noopener\" class=\"mec-floating-wa\" aria-label=\"Chat with ME Creative on WhatsApp\">\r\n\r\n    <svg\r\n        viewBox=\"0 0 32 32\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <path d=\"M19.11 17.2c-.27-.14-1.58-.78-1.82-.87-.24-.09-.42-.14-.6.14-.18.27-.69.87-.84 1.05-.15.18-.31.2-.58.07-.27-.14-1.13-.42-2.16-1.34-.8-.71-1.34-1.58-1.5-1.85-.16-.27-.02-.42.12-.56.12-.12.27-.31.4-.47.13-.16.18-.27.27-.45.09-.18.04-.34-.02-.47-.07-.14-.6-1.45-.82-1.98-.22-.52-.44-.45-.6-.46h-.51c-.18 0-.47.07-.71.34-.24.27-.94.92-.94 2.24s.96 2.6 1.09 2.78c.13.18 1.88 2.87 4.55 4.02.64.28 1.14.45 1.53.58.64.2 1.22.17 1.68.1.51-.08 1.58-.65 1.8-1.28.22-.63.22-1.17.15-1.28-.07-.11-.24-.18-.51-.31z\"\/>\r\n\r\n        <path d=\"M16.02 3C8.84 3 3 8.83 3 16c0 2.29.6 4.44 1.65 6.31L3 29l6.88-1.61A12.94 12.94 0 0 0 16.02 29C23.19 29 29 23.17 29 16S23.19 3 16.02 3zm0 23.69c-2.04 0-4.03-.55-5.77-1.6l-.41-.24-4.08.96.97-3.98-.27-.41A10.73 10.73 0 1 1 16.02 26.69z\"\/>\r\n\r\n    <\/svg>\r\n\r\n<\/a>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const form =\r\n        document.getElementById(\r\n            \"mec-service-request-form\"\r\n        );\r\n\r\n    if (!form) return;\r\n\r\n\r\n    form.addEventListener(\"submit\", function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           GET VALUES\r\n           --------------------------------------------- *\/\r\n\r\n        const name =\r\n            document.getElementById(\"mec-name\")\r\n                .value.trim();\r\n\r\n        const company =\r\n            document.getElementById(\"mec-company\")\r\n                .value.trim();\r\n\r\n        const whatsapp =\r\n            document.getElementById(\"mec-whatsapp\")\r\n                .value.trim();\r\n\r\n        const email =\r\n            document.getElementById(\"mec-email\")\r\n                .value.trim();\r\n\r\n        const website =\r\n            document.getElementById(\"mec-website\")\r\n                .value.trim();\r\n\r\n        const message =\r\n            document.getElementById(\"mec-message\")\r\n                .value.trim();\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           GET SERVICES\r\n           --------------------------------------------- *\/\r\n\r\n        const services = [];\r\n\r\n        form.querySelectorAll(\r\n            'input[name=\"services\"]:checked'\r\n        ).forEach(function (item) {\r\n\r\n            services.push(item.value);\r\n\r\n        });\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           VALIDATION\r\n           --------------------------------------------- *\/\r\n\r\n        if (!name) {\r\n\r\n            alert(\r\n                \"Please enter your full name.\"\r\n            );\r\n\r\n            document\r\n                .getElementById(\"mec-name\")\r\n                .focus();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        if (!company) {\r\n\r\n            alert(\r\n                \"Please enter your company name.\"\r\n            );\r\n\r\n            document\r\n                .getElementById(\"mec-company\")\r\n                .focus();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        if (!whatsapp) {\r\n\r\n            alert(\r\n                \"Please enter your WhatsApp number.\"\r\n            );\r\n\r\n            document\r\n                .getElementById(\"mec-whatsapp\")\r\n                .focus();\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        if (services.length === 0) {\r\n\r\n            alert(\r\n                \"Please select at least one service.\"\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           BUILD WHATSAPP MESSAGE\r\n           --------------------------------------------- *\/\r\n\r\n        let text =\r\n            \"Hello ME Creative!%0A%0A\" +\r\n\r\n            \"*New Service Request*%0A%0A\" +\r\n\r\n            \"*Full Name:* \" +\r\n            encodeURIComponent(name) +\r\n            \"%0A\" +\r\n\r\n            \"*Company:* \" +\r\n            encodeURIComponent(company) +\r\n            \"%0A\" +\r\n\r\n            \"*WhatsApp:* \" +\r\n            encodeURIComponent(whatsapp) +\r\n            \"%0A\";\r\n\r\n\r\n        if (email) {\r\n\r\n            text +=\r\n                \"*Email:* \" +\r\n                encodeURIComponent(email) +\r\n                \"%0A\";\r\n\r\n        }\r\n\r\n\r\n        if (website) {\r\n\r\n            text +=\r\n                \"*Website:* \" +\r\n                encodeURIComponent(website) +\r\n                \"%0A\";\r\n\r\n        }\r\n\r\n\r\n        text +=\r\n            \"%0A*Services Requested:*%0A\";\r\n\r\n\r\n        services.forEach(function (service) {\r\n\r\n            text +=\r\n                \"\u2022 \" +\r\n                encodeURIComponent(service) +\r\n                \"%0A\";\r\n\r\n        });\r\n\r\n\r\n        if (message) {\r\n\r\n            text +=\r\n                \"%0A*Project Details:*%0A\" +\r\n                encodeURIComponent(message) +\r\n                \"%0A\";\r\n\r\n        }\r\n\r\n\r\n        text +=\r\n            \"%0AThank you.\";\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           ME CREATIVE WHATSAPP\r\n           --------------------------------------------- *\/\r\n\r\n        const destination =\r\n            \"https:\/\/wa.me\/966500461369?text=\" +\r\n            text;\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           OPEN WHATSAPP\r\n           --------------------------------------------- *\/\r\n\r\n        window.open(\r\n            destination,\r\n            \"_blank\",\r\n            \"noopener,noreferrer\"\r\n        );\r\n\r\n\r\n        \/* ---------------------------------------------\r\n           SUCCESS MESSAGE\r\n           --------------------------------------------- *\/\r\n\r\n        const success =\r\n            document.getElementById(\r\n                \"mec-success\"\r\n            );\r\n\r\n        if (success) {\r\n\r\n            success.style.display = \"block\";\r\n\r\n        }\r\n\r\n    });\r\n\r\n});\r\n<\/script>\r\n```\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":"<p>ME Creative Let&#8217;s Create Something Great. Tell us what your business needs and our team will help you find the right digital solution for your business. 1 Tell us about your business Share your business needs and goals. 2 Select your service Choose one or more services you&#8217;re interested in. 3 Start the conversation Your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-22007","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/22007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/comments?post=22007"}],"version-history":[{"count":10,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/22007\/revisions"}],"predecessor-version":[{"id":22021,"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/pages\/22007\/revisions\/22021"}],"wp:attachment":[{"href":"https:\/\/mecreative.net\/ar\/wp-json\/wp\/v2\/media?parent=22007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}