Contact Form Only<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\n\n\/* Reset & Scoped Container *\/\n#cnp-form-root, #cnp-form-root * { box-sizing: border-box; }\n#cnp-form-root {\n font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: #1F2937;\n -webkit-font-smoothing: antialiased;\n max-width: 800px;\n margin: 0 auto;\n padding: 24px;\n}\n#cnp-form-root *:focus { outline: none; }\n\n\/* Form Card Styling *\/\n.cnp-form-card {\n background: #fff;\n border: 1.5px solid #D6DEEA;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 12px 28px -8px rgba(16,24,40,.14), 0 4px 10px -2px rgba(16,24,40,.08);\n}\n@media(min-width: 640px) {\n .cnp-form-card { padding: 40px; }\n}\n\n.cnp-form-title { font-size: 24px; font-weight: 800; color: #1F2937; margin: 0 0 8px; }\n.cnp-form-sub { color: rgba(31,41,55,.75); font-size: 14px; font-weight: 600; margin: 0 0 32px; }\n\n\/* Grid & Layout Field *\/\n.cnp-form-row { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 24px; }\n@media(min-width: 640px) { .cnp-form-row { grid-template-columns: repeat(2, 1fr); } }\n\n.cnp-field label {\n display: block; font-size: 12px; font-weight: 800; text-transform: uppercase;\n letter-spacing: .06em; color: rgba(31,41,55,.8); margin-bottom: 8px;\n}\n.cnp-field input, .cnp-field select, .cnp-field textarea {\n width: 100%; border: 1.5px solid #CBD5E1; border-radius: 8px; padding: 12px 16px;\n font-size: 14px; color: #1F2937; font-family: inherit; background: #fff;\n box-shadow: 0 2px 6px rgba(16,24,40,.10), 0 1px 2px rgba(16,24,40,.08);\n transition: border-color .2s ease, box-shadow .2s ease;\n}\n.cnp-field input::placeholder, .cnp-field textarea::placeholder { color: rgba(31,41,55,.3); }\n.cnp-field input:focus, .cnp-field select:focus, .cnp-field textarea:focus {\n border-color: #3A8DFF; box-shadow: 0 0 0 4px rgba(58,141,255,.1);\n}\n.cnp-field textarea { resize: none; }\n.cnp-field-full { margin-bottom: 24px; }\n\n\/* Button Styling *\/\n.cnp-submit {\n width: 100%; background: linear-gradient(to right,#3A8DFF,#2563EB); color: #fff;\n border: none; padding: 16px; border-radius: 8px; font-size: 16px; font-weight: 600;\n display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer;\n transition: box-shadow .2s ease, opacity .2s ease;\n}\n.cnp-submit:hover { box-shadow: 0 20px 25px -5px rgba(58,141,255,.2), 0 8px 10px -6px rgba(58,141,255,.2); }\n.cnp-submit:disabled { opacity: .7; cursor: not-allowed; }\n\n.cnp-icon { display: inline-block; vertical-align: middle; }\n.cnp-spin { animation: cnp-spin-anim 1s linear infinite; }\n@keyframes cnp-spin-anim { to { transform: rotate(360deg); } }\n\n\/* Success State *\/\n.cnp-success { text-align: center; padding: 64px 0; }\n.cnp-success-icon {\n width: 80px; height: 80px; margin: 0 auto 24px; border-radius: 9999px;\n background: linear-gradient(to bottom right,#22c55e,#16a34a); color: #fff;\n display: flex; align-items: center; justify-content: center;\n box-shadow: 0 15px 25px -5px rgba(34,197,94,.3);\n}\n.cnp-success h4 { font-size: 24px; font-weight: 700; color: #1F2937; margin: 0 0 12px; }\n.cnp-success p { color: rgba(31,41,55,.7); font-size: 14px; line-height: 1.625; max-width: 448px; margin: 0 auto; }\n\n\/* Entrance Animations *\/\n.cnp-reveal-card {\n opacity: 0; transform: translateY(30px) scale(.98);\n transition: opacity .8s ease, transform .8s cubic-bezier(.22,1,.36,1);\n}\n.cnp-reveal-card.cnp-visible { opacity: 1; transform: translateY(0) scale(1); }\n\n.cnp-reveal-fade {\n opacity: 0; transform: translateY(12px);\n transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);\n}\n.cnp-reveal-fade.cnp-visible { opacity: 1; transform: translateY(0); }\n\n.cnp-reveal-field {\n opacity: 0; transform: translateY(12px);\n transition: opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.cnp-reveal-field.cnp-visible { opacity: 1; transform: translateY(0); }\n\n@media (prefers-reduced-motion: reduce){\n .cnp-reveal-card, .cnp-reveal-fade, .cnp-reveal-field {\n transition: none !important; opacity: 1 !important; transform: none !important;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"cnp-form-root\">\n <div class=\"cnp-form-card cnp-reveal-card\" data-step=\"4\">\n\n \n <div id=\"cnp-form-wrap\">\n <h3 class=\"cnp-form-title cnp-reveal-fade\" data-step=\"5\">Send Us a Message<\/h3>\n <p class=\"cnp-form-sub cnp-reveal-fade\" data-step=\"5\">Fill out the form below and our technical team will review your project scope.<\/p>\n\n <form id=\"cnp-form\">\n <div class=\"cnp-form-row\">\n <div class=\"cnp-field cnp-reveal-field\" data-step=\"6\">\n <label>Full Name *<\/label>\n <input type=\"text\" name=\"name\" required placeholder=\"Your full name\">\n <\/div>\n <div class=\"cnp-field cnp-reveal-field\" data-step=\"6\">\n <label>Email Address *<\/label>\n <input type=\"email\" name=\"email\" required placeholder=\"your@email.com\">\n <\/div>\n <\/div>\n\n <div class=\"cnp-form-row\">\n <div class=\"cnp-field cnp-reveal-field\" data-step=\"7\">\n <label>Phone Number<\/label>\n <input type=\"tel\" name=\"phone\" placeholder=\"+60-XX XXXX XXXX\">\n <\/div>\n <div class=\"cnp-field cnp-reveal-field\" data-step=\"7\">\n <label>Subject *<\/label>\n <select name=\"subject\" required>\n <option value=\"\">Select a topic<\/option>\n <option>General Enquiry<\/option>\n <option>ICT System Development<\/option>\n <option>ICT Consulting & PMO<\/option>\n <option>ICT Infrastructure<\/option>\n <option>ICT Parts & Repair<\/option>\n <option>Defense Technology<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"cnp-field cnp-field-full cnp-reveal-field\" data-step=\"8\">\n <label>Message *<\/label>\n <textarea name=\"message\" required rows=\"5\" placeholder=\"Describe your ICT requirements or project scope...\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"cnp-submit cnp-reveal-field\" data-step=\"9\" id=\"cnp-submit-btn\">\n <svg class=\"cnp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 2-7 20-4-9-9-4Z\"><\/path><path d=\"M22 2 11 13\"><\/path><\/svg>\n <span>Send Message<\/span>\n <\/button>\n <\/form>\n <\/div>\n\n \n <div id=\"cnp-success\" class=\"cnp-success\" style=\"display:none;\">\n <div class=\"cnp-success-icon\">\n <svg class=\"cnp-icon\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n <\/div>\n <h4>Message Sent!<\/h4>\n <p>Thank you for reaching out. We will review your requirements and respond within one business day.<\/p>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function(){\n \/\/ FORM SUBMISSION HANDLER\n var form = document.getElementById('cnp-form');\n var formWrap = document.getElementById('cnp-form-wrap');\n var successBox = document.getElementById('cnp-success');\n var submitBtn = document.getElementById('cnp-submit-btn');\n\n if (form) {\n form.addEventListener('submit', function(e){\n e.preventDefault();\n\n var formData = {\n name: form.name.value,\n email: form.email.value,\n phone: form.phone.value,\n subject: form.subject.value,\n message: form.message.value\n };\n\n submitBtn.disabled = true;\n submitBtn.innerHTML = '<svg class=\"cnp-icon cnp-spin\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"><\/path><\/svg><span>Sending Message...<\/span>';\n\n fetch('https:\/\/formspree.io\/f\/mojyzkdy', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n body: JSON.stringify(formData)\n }).then(function(response){\n if(response.ok){\n formWrap.style.display = 'none';\n successBox.style.display = 'block';\n form.reset();\n setTimeout(function(){\n successBox.style.display = 'none';\n formWrap.style.display = 'block';\n }, 5000);\n } else {\n alert('Adoi! Ada masalah sikit masa hantar mesej. Cuba lagi.');\n }\n }).catch(function(){\n alert('Line internet kau bermasalah ke? Tak lepas nak hantar.');\n }).finally(function(){\n submitBtn.disabled = false;\n submitBtn.innerHTML = '<svg class=\"cnp-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m22 2-7 20-4-9-9-4Z\"><\/path><path d=\"M22 2 11 13\"><\/path><\/svg><span>Send Message<\/span>';\n });\n });\n }\n\n \/\/ REVEAL ANIMATIONS ON SCROLL\n function cnpInitFormReveal() {\n var root = document.getElementById('cnp-form-root');\n if (!root || root.dataset.cnpInit === '1') return;\n root.dataset.cnpInit = '1';\n\n var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n var formCard = root.querySelector('.cnp-reveal-card');\n var formHeaders = root.querySelectorAll('.cnp-reveal-fade');\n var fieldsRow1 = root.querySelectorAll('[data-step=\"6\"]');\n var fieldsRow2 = root.querySelectorAll('[data-step=\"7\"]');\n var messageField = root.querySelector('[data-step=\"8\"]');\n var submitBtnEl = root.querySelector('[data-step=\"9\"]');\n var allAnimated = root.querySelectorAll('.cnp-reveal-card, .cnp-reveal-fade, .cnp-reveal-field');\n\n var runToken = 0;\n var pendingTimers = [];\n\n function clearPendingTimers() {\n pendingTimers.forEach(function (id) { clearTimeout(id); });\n pendingTimers = [];\n }\n\n function schedule(el, delay, token) {\n if (!el) return;\n var id = setTimeout(function () {\n if (token === runToken) el.classList.add('cnp-visible');\n }, delay);\n pendingTimers.push(id);\n }\n\n function scheduleGroup(nodeList, delay, token) {\n nodeList.forEach(function (el) { schedule(el, delay, token); });\n }\n\n function resetSection() {\n clearPendingTimers();\n allAnimated.forEach(function (el) { el.classList.remove('cnp-visible'); });\n }\n\n function runTimeline() {\n runToken++;\n var myToken = runToken;\n resetSection();\n\n var t = 200;\n schedule(formCard, t, myToken);\n t += 400;\n\n scheduleGroup(formHeaders, t, myToken);\n t += 300;\n\n scheduleGroup(fieldsRow1, t, myToken);\n t += 250;\n\n scheduleGroup(fieldsRow2, t, myToken);\n t += 250;\n\n schedule(messageField, t, myToken);\n t += 250;\n\n schedule(submitBtnEl, t, myToken);\n }\n\n if (reduceMotion || !('IntersectionObserver' in window)) {\n allAnimated.forEach(function (el) { el.classList.add('cnp-visible'); });\n } else {\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n runTimeline();\n } else {\n runToken++;\n resetSection();\n }\n });\n }, { threshold: 0.1 });\n io.observe(root);\n }\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', cnpInitFormReveal);\n } else {\n cnpInitFormReveal();\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9b25436\" data-id=\"9b25436\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41ef02a elementor-widget elementor-widget-heading\" data-id=\"41ef02a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">CONTACT INFORMATION<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4353df8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4353df8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d69e37f elementor-widget elementor-widget-text-editor\" data-id=\"d69e37f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To send inquiries, including feedback, requests for information, and questions regarding public relations or investor relations, you can use our\u00a0<a href=\"https:\/\/nextsphere.com.my\/feedback.php\">Feedback and Enquiries<\/a>\u00a0form.\u00a0<\/p><p>Have a general question concerning NextSphere, but don’t know who to contact?\u00a0<\/p><p>Call us on +603 4266 1133.\u00a0<\/p><p>Or visit us at:\u00a0<\/p><p><strong>Next Sphere Sdn Bhd<\/strong>,\u00a0<br \/>23-1, Jalan Jelatek 2,\u00a0<br \/>Jelatek Business Park,\u00a0<br \/>54200 Kuala Lumpur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed0258c elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ed0258c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e84875\" data-id=\"1e84875\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-65ed103 elementor-widget elementor-widget-google_maps\" data-id=\"65ed103\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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=23-1%2C%20Jalan%20Jelatek%202%2C%20Jelatek%20Business%20Park%2C%2054200%20Kuala%20Lumpur.&t=m&z=10&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"23-1, Jalan Jelatek 2, Jelatek Business Park, 54200 Kuala Lumpur.\"\n\t\t\t\t\taria-label=\"23-1, Jalan Jelatek 2, Jelatek Business Park, 54200 Kuala Lumpur.\"\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71f4b618 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"71f4b618\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"stretch_section":"section-stretched"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79c61ba3\" data-id=\"79c61ba3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-33355360 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"33355360\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2f32c6a3\" data-id=\"2f32c6a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-59562160\" data-id=\"59562160\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57f041d3 elementor-widget elementor-widget-text-editor\" data-id=\"57f041d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\u00a9 2019 Next Sphere Sdn Bhd – All Rights Reserved\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6afa51c3\" data-id=\"6afa51c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Us Services Projects Contact Us KEEP IN TOUCH Contact Form Only Send Us a Message Fill out the form below and our technical team will review your project scope. Full Name * Email Address * Phone Number Subject * Select a topicGeneral EnquiryICT System DevelopmentICT Consulting & PMOICT InfrastructureICT Parts & RepairDefense Technology … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/nextsphere.com.my\/?page_id=230\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “CONTACT US”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=230"}],"version-history":[{"count":30,"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=\/wp\/v2\/pages\/230\/revisions\/592"}],"wp:attachment":[{"href":"https:\/\/nextsphere.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}